020-29815005
预约专线时间:09:00-23:59

ui单选框设计是什么

新闻来源:优漫教育 日期:2021-11-08
单选框是构成窗体的重要元素之一,表面上看起来很简单,想要实现良好的用户体验,还有许多细节。现在主要是小编为大家分享的ui单选框设计,希望对你有所帮助!
 单选框名称的起源

  单选方块的名称来源于老式车在转播台上切换频道的物理按钮,当其中一辆按钮被按下时,其他按钮就会弹出来,按下的按钮就会进入“推入”状态,软件的单选框就模仿了这些物理按钮。


  仅使用单选框进行设置。

  在改变设置时,我们应该使用单选框,而不要使用动作按钮执行命令。另外,当使用者点击动作按钮时,改变设定,如「继续」或「保存」。假如用户点击后退或取消按钮,页面就会恢复到原来的状态,所有应用了单选框的设置都会被清除。

  若使用一个单选框来做一个动作决策,最好的办法是预先设计不同的命令选项,这样用户就可以通过一个简单的交互来做出正确的选择。


UI设计培训班


  制定合适的选择顺序。

  要按照某种逻辑,如可能性、难度程度、风险大小等,设计一个合理的排序。需要指出的是,通常不建议按首字母排序,因为这种方法过于依赖语言,而且不符合逻辑。


  选择应容易理解和区别。

  其中一个最大的问题就是选项中有一些模煳、令人迷惑和难懂的内容,用户很难理解。Help文字可以减轻这一问题,但允许用户随意使用任何交互控制。


  总是提供默认的选项。

  基于ui设计中的10条启发式评估原则,用户可以在任何时候撤消他们的行为,这意味着他们应该能够轻松地将ui控件恢复到原始状态。这一标准反映在单选框中,也就是说,至少应该事先选择风险最低的选项(以防止数据丢失)。在没有考虑到主要安全因素的情况下,还可以选择最容易出现或最方便的选项。

  若使用者不希望作出明确的选择,我们应该提供类似于「none」这样的选项,而不是让使用者从这个列表中选择某个未知选项,而是先给使用者选一个清楚,中立的选项。