复选框与单选按钮

时间:2017-11-21 03:38:17

标签: html user-interface checkbox radio-button

希望这不会是一个太多的意见问题,如果是的话,我道歉:

我向我们项目的UI主管提出了一个想法。我是一名开发人员,主要处理服务器端编码,但偶尔会涉及到UI。我们的网页上有一个部分,用户只能从一组选项中选择一个选项(在我们的例子中,品牌,过滤搜索结果时)。在这组选项中,用户只能选择1.也就是说,如果选择1,则取消选中任何其他所选选项。

UI开发人员将这些品牌选择作为复选框实现,我建议将它们实现为单选按钮,因为一次只能从组中选择1个。

出于某种原因,我总是将复选框与允许的多个选项相关联(通常),单选按钮用于相互排斥的事物,只能选择1个。

是否有任何UI / UX设计标准或惯例支持我的立场,或者我错了,这仅仅是一种偏好吗? UI设计师似乎认为我在我的建议中偏离了基础。

1 个答案:

答案 0 :(得分:1)

在我看来,没有一种方法是错误的,事实上两者都可以使用,因为我们最终需要允许用户只选择一个选项,但这一切都归结为自定义程度和扩展的可能性。实际上,第3种方法也可以使用下拉列表。

但如果我不得不选择其中一种方法,我会选择Checkbox方法,原因如下:

  1. 它可以自由更改。考虑以后我们是否需要允许用户选择多个选项,我们不需要替换复选框。实际上可以制作一个过滤器组件,如果我们需要选择一个或多个并且相应的行为,它可以选择。
  2. 用户熟悉复选框。让我们承认,我们都向领导者学习,亚马逊等应用允许过滤复选框,用户熟悉该模式。
  3. 如果是单选按钮,我不鼓励使用下拉菜单(我上面提到的第三种方法),因为用户无法在下拉菜单中查看所有选项。