User interface 用户界面。具有优先权的多个选择

User interface 用户界面。具有优先权的多个选择,user-interface,usability,User Interface,Usability,我正在设计用户界面,想请教你如何让它更人性化。请告诉任何建议,如果你曾经看到过一些熟悉的东西的实现,请分享链接 大学。有40多个专业分为5个系。用户选择他感兴趣的几个,然后按优先级排序 例如,我对“微控制器编程”、“系统分析”和“实验物理学”感兴趣。我必须在“编程系”中快速找到它们,选择它们,然后排序——我最喜欢的是什么,我喜欢的比我选择的其他人少 欢迎任何想法:)复选框和单选按钮适用于此,适用于网站和桌面应用程序 在我的例子中,我会使用教员姓名作为标题,然后在其下方添加相应的专业,在每个专业旁

我正在设计用户界面,想请教你如何让它更人性化。请告诉任何建议,如果你曾经看到过一些熟悉的东西的实现,请分享链接

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

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


欢迎任何想法:)

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

在我的例子中,我会使用教员姓名作为标题,然后在其下方添加相应的专业,在每个专业旁边添加复选框和单选按钮作为前缀,允许用户设置优先级

一幅画胜过千言万语: 我会选择“列表生成器”设计模式

列表生成器包含两个列表。左边是来源列表(即学院/专业的完整列表),右边是来源列表(用户按优先顺序选择的项目)

在列表之间有两个按钮。“Add”(向右箭头)和“Remove”(向左箭头)将项目添加和删除到目标列表中

此外,在目的地列表中放置两个按钮。这些用于重新排列目的地列表。 例如,“上移”和“下移”用于上下移动所选项目

例如:


是的,但您如何确定选择的优先级?复选框有两个状态,但需要几个状态。如果我使用复选框,我会说:“我对A、B和C都感兴趣。”。但不知怎的,我应该说:“我对A感兴趣,然后是B,最不重要的是C。”我编辑了我的帖子。我现在也在创建一个图像来直观地解释它。谢谢你的努力。我将等待:)我已将其添加到我的帖子中。以防你理解它有困难:黑色的方块代表复选框,橙色的圆圈代表单选按钮。哦,是的,这很有意义。但你们认为,若用投票和票数取代广播电台,那个么它会更有用吗。每个专业有两个箭头(+1票,-1票)和总票数+汇总区,其中显示所有选定的特产并进行排序。此摘要区域也是交互式的(您可以向上/向下投票,并从摘要中完全删除特色)?