it-swarm.cn

什么时候应该使用选择框而不是单选按钮?

我知道选择框占用的空间更少,并且适合许多选项。但是对我的选择的影响应该比对空间的影响更大吗?有没有研究表明用户偏爱其中一种?

Html中还存在多选vs复选框的问题,也可以在这里讨论,因为答案可能是相同的。

53
Gordon Gustafson

当用户不需要知道所有可用的替代选择时,我使用select。 Autosuggest对于长列表很有用。通常,他们知道他们想要什么并选择节省空间。示例:选择一个“州”,例如加利福尼亚或纽约。您将永远不会使用单选按钮。

当替代方案很重要时,我使用单选按钮。当我想让用户看到他们没有选择的东西时。单选按钮使您可以扩展选择范围,甚至可以使用更长的文本。

经验法则:如果列表很长,或者替代方法不那么重要,请使用select。

78
Glen Lipka

用户界面指南(例如MS,Apple,Gnome等)通常对此提供了非常清晰的建议:

  • 单选按钮:少于5个选择

  • 选择框:6到10个选项

  • 可滚动列表:11个或更多选项,或
    • 需要支持拖放到列表中
    • 元素数量各不相同

另外,当您必须节省空间或默认选择通常足够好时,可以使用选择框,因此用户很少需要查看他们的选择。

第三,它可以用于一周中的某几天,几个月等。这就是您知道您在不显示所有选项的情况下可以进行的选择。如果在选择框中看到“二月”,我几乎可以猜到所有其他选项是什么。

在另一个GUI上使用一个GUI元素的原理

通常,通常首选单选按钮,因为用户可以立即看到所有选择。但是,显示所有选择可能会占用用户界面中很多宝贵的空间。这就是为什么大多数准则建议在有很多选择时使用其他选择方法的原因。

例如。 可滚动列表可以显示任意数量的选择,而不会占用很多空间。缺点是您看不到所有选择。

选择框的不同之处在于,当向用户显示所有选择都不那么重要时,我们使用它。例如。当用户可以猜测选择时,或者几乎不需要更改默认设置。 选择框主要用于向用户显示设置。但是,当有很多选择时,选择框可能很难导航,因此可滚动列表会更可取。

13
Erik Engheim

除了空间和选项数量外,其他没有什么大的不同。我喜欢单选按钮的一件事是,您可以将它们设置为看起来像大按钮的样式,这对于触摸界面很有用。如果只有几个选项,则按一个大按钮比按一下小下拉菜单和按小选项要容易得多。

至于多重选择与复选框,我真的更喜欢不使用多重选择。只是因为您必须在单击鼠标时使用组合键。许多用户不知道快捷方式是如何工作的,因此无法选择多个选项。

12
LoganGoesPlaces

经常被忽略的两个输入之间的另一个区别:如果未选择单选按钮,则不会在表单提交中传递它。或者换种方式看,单选按钮提供不选择任何选项的选项。

在下拉列表中(选择框),您可能有一个没有值的选项(空白,“”)并将其设置为默认值,但是如果用户不更改此选项,他们实际上是在说“我的答案是空白”,因为表单沿“ my_input_name:”传递。通过具有单选按钮,您可以提供用户可以明确选择的选项,例如“ N/A”或“ None of the above”,从而区分用户选择“ -blank-”和用户跳过问题/选择不能回答(区分存储值为NULL的字段与空(空白)值的字段时,这种区别在低级DB逻辑中是真正的问题。).

单选按钮的此功能的另一面是单选按钮通常被遗忘的其他功能:您无法取消回答问题。如果您有一个无线电字段集,例如:

性别:男()女()

用户可以跳过该问题,并且该字段甚至不会作为空白传递。但是,如果用户选择男性,那么现在他们会被卡住。他们可以将答案更改为女性,也可以保留为男性。 (对于HTML表单,他们还可以学到一些有关使用浏览器控制台的知识,但这不属于UI/UX设计,还不属于编程和安全性。).

因此,使用单选按钮的“不退回”功能,您最终会获得一些下拉菜单无法提供的选项:

  1. 能够区分“未回答”和“我的回答是空白”
  2. 能够显示所有选项而无需强制使用空白或默认选项。使用下拉菜单,您必须将一个选项留为空白,然后处理该选项实际上不是有效的用户选择,或者预先为用户选择一个选项(如列表中的第一个选项),这有可能成为如果用户忽略了选择(无意中再次选择,也许他们没有看到),或者由于缺少空白选项而被故意取消选择,则无意提交。无论哪种情况,数据现在的价值都降低了,因为“默认”选项可能是正确的答案,也可能不是正确的答案(如果您不相信我,请查询数据以获取具有默认选项的行与如果您选择阿拉巴马州的默认选项,那么您会惊讶地发现有多少人住在阿拉巴马州。

  3. 更好地控制表单验证,特别是“必填”字段。没有必需的下拉字段。仅在下拉字段中空白选项无效。显然,为状态提供一个带有空白选项的下拉列表,将空白视为未选择状态会更好,而不是为了避免出现空白选项而精打细算,但是对于最多回答为4-5的问题,最好提供完整的选项列表,而不是使用带有不是真正选项的空白选项的下拉菜单,然后必须处理区分空白与未选中。

奖励意见:

出于与上述想法相同的目的,使用下拉菜单而不是复选框也确实很愚蠢。带有选项“是/否”或“正确/错误”的下拉菜单使我每次都翻白眼。 使用下拉菜单的原因是,如果您提供了第三个空白选项,并且该选项被视为有效选择。即使那样,单选按钮也可能是更好的选择。

4
Anthony

我只是想自己进行交互,并认为单选按钮的另一个好处是,它们可以为支持文本或有关可能选择的说明提供一些额外的空间吗?.

3
annemarie lock

我使用选择框(复选框)来启用对多个选项的选择,或者在进行二元选择时使用。

最佳实践对于使用选择框:

  1. 考虑为用户选择80%或更多时间选择的选项设置默认值。
  2. 避免使用默认的加入方式,例如注册电子邮件营销。

我使用单选按钮来启用两个或多个互斥选项中的一项。

最佳实践用于使用单选按钮:

  1. 不要使用单选按钮来启动操作。
  2. 始终使用两个或多个单选按钮
1
Manoj Kumar

单选按钮通常是可取的,除非您有多个选择。他们只需要单击一次,而不是两次。单选按钮也更适合嵌套子选项。

1
Tom R

如果只是几个选择,单选按钮将赢得方便使用和快速选择的机会。使用下拉选择框可防止用户看到所有选择,直到他们进入该字段。

这个问题同样适用于复选框与多选。

0
ericslaw