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

ui单选框设计。

新闻来源:本站 日期:2021-08-16
单选框是窗体组成的重要元素之一,看起来似乎很简单,想要做好用户体验,还有许多细节。今天小编主要为大家分享的是ui单选框设计,希望对你有所帮助!
    单选框名称的起源。

    单选框的名字来自于老式汽车上切换广播电台频道的物理按钮,当一个按钮被按下时,其他的按钮就会弹出来,被按下的按钮会进入进入状态,软件中的单选框模仿了这些物理按钮。

    仅使用单选框进行设置。

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

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


UI设计


    制定合理的选择顺序。

    在这种情况下,要按照诸如可能性、难度、风险大小等一些逻辑来设计一个合理的排序。需要注意的是,通常不建议按首字母排序,因为它过于依赖语言,而且不符合逻辑。

    选择应易于理解和区别。

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

    总是提供默认的选项。

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

    如果用户不想做一个明确的选择,我们应该给这个选项,比如"none",而不是让用户从这个列表中选择一个未知的选项,而是预先为用户选择一个清晰,中立的选项。