单选框是窗体组成的重要元素之一,看起来似乎很简单,想要做好用户体验,还有许多细节。
单选框名称的起源。
单选框的名字来自于老式汽车上切换广播电台频道的物理按钮,当一个按钮被按下时,其他的按钮就会弹出来,被按下的按钮会进入进入状态,软件中的单选框模仿了这些物理按钮。
仅使用单选框进行设置。
在改变设置时,我们应该使用单选框,而不要使用动作按钮执行命令。
另外,当用户点击动作按钮时,更改设置,比如“继续”或“保存”。
假如用户点击后退或取消按钮,页面就会恢复到原来的状态,所有应用了单选框的设置都会被清除。
如果使用一个单选框来做一个动作决策,最好的办法是预先设计不同的命令选项,这样用户就可以通过一次简单的交互来做出正确的选择。
制定合理的选择顺序。
在这种情况下,要按照诸如可能性、难度、风险大小等一些逻辑来设计一个合理的排序。
需要注意的是,通常不建议按首字母排序,因为它过于依赖语言,而且不符合逻辑。
选择应易于理解和区别。
其中一个最大的可用性问题就是该选项包含了模糊、令人迷惑和难懂的内容,用户很难理解。
Help文字可以减轻这一问题,但允许用户随意使用任何交互控制。
总是提供默认的选项。
基于ui设计中的10个启发式评估原则,用户可以随时撤销他们的行为,这意味着他们应该能够轻松地将ui控件恢复到原始状态。
这一标准反映在单选框中,这意味着至少应事先选择风险最低的选项(以防止数据丢失)。
在没有考虑到主要安全因素的情况下,还可以选择最容易出现或最方便的选项。
如果用户不想做一个明确的选择,我们应该给这个选项,比如"none",而不是让用户从这个列表中选择一个未知的选项,而是预先为用户选择一个清晰,中立的选项。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
芬兰左翼政党(Vas)更换新LOGO设计
经典赏析|公共艺术+商业空间设计=火花?!
红牛标志Logo设计含义,品牌策划vi设计介绍
商业分析从入门到精通第7.5讲:定义设计的选项
99%的人都不知道,饮品VI还可以这样设计?
西安产品包装设计公司和西安品牌包装设计公司
创优视觉科技ui单选框设计。
2017天猫双11品牌LOGO升级,为设计师的用心点赞!
惠普评测采用皮革外壳设计,续航能力突出
昆明阿东包装设计工作室
伊利“百家姓”包装走心了!牛奶包装设计如何打动人?
高大上的企业都选择“科技+创意”的科技展厅设计
顶尖产品设计,意大利,为何处于全球最前沿?
淡果香花果茶品牌包装设计
不愧是中国第一学府!清华大学logo设计都这么有意义,太赞了
安踏标志含义及品牌LOGO设计理念分析说明
包装设计鉴赏:大米包装,就要玩出新花样
标志LOGO设计的重要性?
如果PPT文字比较少什么样的设计排版才更美观呢
单页贺卡设计图片素材