单选框是窗体组成的重要元素之一,看起来似乎很简单,想要做好用户体验,还有许多细节。今天小编主要为大家分享的是ui单选框设计,希望对你有所帮助!
单选框名称的起源。
单选框的名字来自于老式汽车上切换广播电台频道的物理按钮,当一个按钮被按下时,其他的按钮就会弹出来,被按下的按钮会进入进入状态,软件中的单选框模仿了这些物理按钮。
仅使用单选框进行设置。
在改变设置时,我们应该使用单选框,而不要使用动作按钮执行命令。另外,当用户点击动作按钮时,更改设置,比如“继续”或“保存”。假如用户点击后退或取消按钮,页面就会恢复到原来的状态,所有应用了单选框的设置都会被清除。
如果使用一个单选框来做一个动作决策,最好的办法是预先设计不同的命令选项,这样用户就可以通过一次简单的交互来做出正确的选择。
制定合理的选择顺序。
在这种情况下,要按照诸如可能性、难度、风险大小等一些逻辑来设计一个合理的排序。需要注意的是,通常不建议按首字母排序,因为它过于依赖语言,而且不符合逻辑。
选择应易于理解和区别。
其中一个最大的可用性问题就是该选项包含了模糊、令人迷惑和难懂的内容,用户很难理解。Help文字可以减轻这一问题,但允许用户随意使用任何交互控制。
总是提供默认的选项。
基于ui设计中的10个启发式评估原则,用户可以随时撤销他们的行为,这意味着他们应该能够轻松地将ui控件恢复到原始状态。这一标准反映在单选框中,这意味着至少应事先选择风险最低的选项(以防止数据丢失)。在没有考虑到主要安全因素的情况下,还可以选择最容易出现或最方便的选项。
如果用户不想做一个明确的选择,我们应该给这个选项,比如"none",而不是让用户从这个列表中选择一个未知的选项,而是预先为用户选择一个清晰,中立的选项。