ui单选框设计

单选框是表单组成的重要元素之一，看似简单，想做好用户体验还有很多细节值得推敲。今天小编主要给大家分享ui单选框设计，希望对你们有帮助!
 

单选框的名字由来
 

单选框的名字来自于老式汽车上切换广播电台频道的物理按钮——当其中一个按钮被按下时，其它按钮将会弹出，并且被按下的按钮将会进入“推进去”的状态，软件中的单选框正是模仿这些物理按钮的。
 

将单选框只用于设置
 

我们应该使用单选框来更改设置，而不是使用行动按钮来执行命令。此外，在用户点击行动按钮(例如“继续”或“保存”等更改设置才会生效。如果用户单击“后退”或“取消”按钮，页面将返回到其原始状态，并且应用了单选框的任何设置都将被清除。
 

如果单选框用于行动决策，最好的处理方法是预先设计不同的命令选项，以便用户只需一次简单的交互就能完成正确的选择。
 

设计合理的选项顺序
 

我们应该根据一定的逻辑，例如发生的可能性、难易程度、风险大小来设计合理的安排顺序。应该注意的是，一般不推荐根据首字母排序的方法，因为它太依赖于语言并且不合逻辑。
 

选项应该易于理解和区分
 

单选框最大的可用性问题之一是选项包含模糊、误导和难懂的内容，用户一般难以理解。帮助文本可以缓解这个问题，但是最好允许用户随意尝试任何交互式控件。
 

始终提供一个默认选项
 

根据ui设计中的10个启发式评估原则，用户可以随时撤销他们的行为，这意味着他们应该很容易地将ui控件恢复到原始状态。该标准反映在单选框中，这意味着至少应提前选择一个风险最小的选项(以防止数据丢失)。如果不考虑安全的主要因素，也可以把最容易发生或最方便的选项作为默认选项。
 

如果用户不想做出明确的选择，我们应该为此提供选项，例如“none”，与其让用户从列表中寻找未知选项进行选择，不如为用户预先选择一个清晰、中立的选项。