2010-05-22 63 views
2

我正在设计用户界面,并希望问您的建议如何使其更加用户友好。请告诉我们任何建议,如果您曾经看到过熟悉的东西,请分享链接。用户界面。多个优先选择

大学。有40多个专业被分为5个学院。用户选择他感兴趣的几个,并按优先顺序排列。

比如我感兴趣的是“微控制器编程”,“系统分析”和“实验物理”。我必须在“编程系”中快速找到他们,选择他们,然后订购 - 我最喜欢的是什么,我喜欢什么,而不是我选择的其他人。

任何想法表示欢迎:)

回答

1

复选框和单选按钮将这个是合适的,这两个网站和桌面应用程序。

在我来说,我会用教师的名字作为标题,然后在它们下面根据特色,通过复选框,单选按钮添加前缀相邻的专业,允许用户设置优先级。

一张图片胜过千言万语: http://i45.tinypic.com/2ex6jy0.png

+0

是的,但你会如何选择的优先级?复选框有两个状态,但需要几个状态。如果我使用复选框,我会告诉:“我对A以及B和C都感兴趣”。但不知怎的,我应该告诉:“我在A,B,最不重要的是”interesetd“ – 2010-05-22 11:55:00

+0

我编辑了我的文章。我目前也正在创建一个图像来直观地解释它。 – EarthMind 2010-05-22 11:56:24

+0

感谢您的努力。我会等待:) – 2010-05-22 12:03:34

1

我会去的“List构建”设计模式。

列表生成包含两个列表。在左边你有源清单(即完整的院系/专业清单),右边有源清单(用户按优先顺序选择的项目)。

列表之间你有两个按钮。 “添加”(右边的箭头)和“删除”(左边的箭头),将项目添加到目标列表并将其删除。

另外你把两个按钮与目的地列表一起。这些用于重新排列目的地列表。例如, “向上移动”和“向下移动”可以上下移动选定的项目。

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