user-interface – 单选按钮与true / false / null选项的复选框

前端之家收集整理的这篇文章主要介绍了user-interface – 单选按钮与true / false / null选项的复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在设计一个通用的调查引擎,我遇到了一些与UI设计相关的困难.

我已经决定支持多种选择的所有调查元素都将使用组合框控件.我认为这是一个很好的做法,微软的设计指南也促进了这种做法.

但是,我不想将组合框用于是/否选择.如果用户没有选择任何内容,这些还需要支持不确定状态.我的第一选择是使用两个单选按钮,它们会显示“是”和“否”,但单选按钮的问题在于它们一旦被选中就无法取消选择(除非我违反设计指南并使单选按钮在另一次点击时取消选中) ).或者,我可以提出第三个选项,它将显示为“未知”或更好,一个小按钮可以删除任何选择.

使用复选框的问题是它们处理不确定状态的方式.大多数将使用该软件的最终用户将不会非常精通计算机,我不希望他们意识到代表不确定状态的复选框中的小方块实际上并不意味着选择是积极的.复选标记和方块可能与许多用户相同.

总结一下:

对于YES / NO / NOT SELECTED类型的项目,我应该使用:

>单选按钮有三个选项,显示“是”,“否”,“未知”.
>单选按钮可通过单击取消选择.
>单选按钮,可以通过单击一个小X按钮取消选择
>复选框,希望用户能够意识到不确定状态

谢谢

更新:

好的,感谢所有参与的人.

我选择了#3选项(可以通过单击一个小X按钮取消选择单选按钮),除了我使用链接按钮而不是按钮.我还在链接按钮上提供工具提示,以防用户不知道其含义.

它看起来像这样:

我对此非常满意.
再次感谢.

解决方法

您有三种状态或选择,并要求用户选择.你想给用户的选择是“是”,或“我没有意见”(尽管你可以说明你想要的,显然).这正是单选按钮的用途.单选按钮专门用于选择几种可能的选择中的一种.此外,请确保默认选中“我没有意见”按钮.应该总是选择一个单选按钮,应该没有不确定的状态.

在这种特定情况下,复选框绝对是错误的选择.

猜你在找的HTML相关文章