html - 用户界面 : Multiple choice select boxes

Question

我有一个表单，用户可以在其中选择一个选择菜单中的多个选项。从用户体验的角度来看，您认为最直观/最佳的选择是什么？

A) 对选择元素使用“多个”属性(然后您可以按住 Control 并选择多个选项)。 ADV:简单，无需编码。 DIS:不直观。

B) 有多个复选框和一个全选/全选控件。 ADV:相当简单。 DIS:当有很多选项时会变得困惑

C) 有两个并排的多选菜单，并有添加/删除选项的按钮。所选选项将显示在右侧并提交。 ADV: Clean DIS:如果 JS 未开启，将会中断。

谁能想到更好的选择？

Answer 1

我投票给 B。

选项 A 是“普通”选项，但我讨厌必须按住 Control 并滚动长列表。不可避免地会有一些东西滑落并清除整个列表。我相信患有关节炎的人也讨厌它。

Option C is a common enough paradigm, but when you have more than a few options it gets a little difficult to keep track of, especially if the options have any order or relation to them.我更喜欢有一个列表，我可以将所有选项与他们的邻居联系起来。我想这取决于您的具体用例。

选项 B 易于编码，无需 JS 即可使用 95%，并为您的布局提供完全的灵 active 。它只会像您设计的那样困惑。这是我进行多项选择的方式，并且发现它非常容易使用。