用户界面。多选优先答案

【问题标题】：User Interface. Multiple select with priority用户界面。多选优先
【发布时间】：2011-02-22 16:41:16
【问题描述】：

我正在设计用户界面，想请教您的建议如何使其更加用户友好。请告诉任何建议，如果您曾经见过熟悉的东西的实现，请分享链接。

大学。有40多个专业分为5个学院。用户选择他感兴趣的几个，然后按优先级排序。

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

欢迎任何想法:)

【问题讨论】：

【解决方案1】：

复选框和单选按钮适用于此，适用于网站和桌面应用程序。

在我的例子中，我会使用教师名称作为标题，然后在它们下面添加相应的专业，在每个专业旁边添加复选框和单选按钮，允许用户设置优先级。

【讨论】：

是的，但是您将如何确定选择的优先级？复选框有两种状态，但需要几种状态。如果我使用复选框，我会告诉：“我对 A、B 和 C 都感兴趣”。但不知何故，我应该说：“我对 A 感兴趣，然后对 B 感兴趣，最不感兴趣的是 C”
我已经编辑了我的帖子。我目前也在创建一个图像来直观地解释它。
感谢您的努力。我会等:)
我已将其添加到我的帖子中。以防您无法理解：黑色方块代表复选框，橙色圆圈代表单选按钮。
哦，是的，这是有道理的。但是你怎么看，如果把广播组换成投票和票数会不会更有用。每个专业有 2 个箭头（+1 票，-1 票）和总票数。 +汇总区域，其中所有选定的专业都按排序显示。此摘要区域也是交互式的（您可以投票赞成/反对并从摘要中完全删除专业）？

【解决方案2】：

我会选择“列表构建器”设计模式。

列表构建器包含两个列表。左侧是来源列表（即院系/专业的完整列表），右侧是来源列表（用户按优先顺序选择的项目）。

在列表之间有两个按钮。 “添加”（向右箭头）和“删除”（向左箭头），向目标列表添加和删除项目。

此外，您还放置了两个按钮以及目的地列表。这些用于重新排列目的地列表。例如。 “上移”和“下移”用于上下移动所选项目。

【讨论】：