用戶界面。多個優先選擇

Question

我正在設計用戶界面，並希望問您的建議如何使其更加用戶友好。請告訴我們任何建議，如果您曾經看到過熟悉的東西，請分享鏈接。

大學。有40多個專業被分爲5個學院。用戶選擇他感興趣的幾個，並按優先順序排列。

比如我感興趣的是「微控制器編程」，「系統分析」和「實驗物理」。我必須在「編程系」中快速找到他們，選擇他們，然後訂購 - 我最喜歡的是什麼，我喜歡什麼，而不是我選擇的其他人。

任何想法表示歡迎:)

Answer 1

複選框和單選按鈕將這個是合適的，這兩個網站和桌面應用程序。

在我來說，我會用教師的名字作爲標題，然後在它們下面根據特色，通過複選框，單選按鈕添加前綴相鄰的專業，允許用戶設置優先級。

一張圖片勝過千言萬語： http://i45.tinypic.com/2ex6jy0.png

Answer 2

我會去的「List構建」設計模式。

列表生成包含兩個列表。在左邊你有源清單（即完整的院系/專業清單），右邊有源清單（用戶按優先順序選擇的項目）。

列表之間你有兩個按鈕。 「添加」（右邊的箭頭）和「刪除」（左邊的箭頭），將項目添加到目標列表並將其刪除。

另外你把兩個按鈕與目的地列表一起。這些用於重新排列目的地列表。例如， 「向上移動」和「向下移動」可以上下移動選定的項目。

硒例子：
http://msdn.microsoft.com/en-us/library/aa511484.aspx#listBuilders
http://osdpl.fluidproject.org/designPatterns/List-Builder