UI单选框单项选择设计基本步骤

1个回答
展开全部
摘要 单选框是表单组成的重要元素之一,看似简单,想做好用户体验还有很多细节值得推敲。今天主要给大家分享ui单选框设计,希望对你们有帮助!
单选框的名字由来
单选框的名字来自于老式汽车上切换广播电台频道的物理按钮——当其中一个按钮被按下时,其它按钮将会弹出,并且被按下的按钮将会进入“推进去”的状态,软件中的单选框正是模仿这些物理按钮的。
将单选框只用于设置
我们应该使用单选框来更改设置,而不是使用行动按钮来执行命令。此外,在用户点击行动按钮(例如“继续”或“保存”等更改设置才会生效。如果用户单击“后退”或“取消”按钮,页面将返回到其原始状态,并且应用了单选框的任何设置都将被清除。
咨询记录 · 回答于2022-05-14
UI单选框单项选择设计基本步骤
单选框是表单组成的重要元素之一,看似简单,想做好用户体验还有很多细节值得推敲。今天主要给大家分享ui单选框设计,希望对你们有帮助!单选框的名字由来单选框的名字来自于老式汽车上切换广播电台频道的物理按钮——当其中一个按钮被按下时,其它按钮将会弹出,并且被按下的按钮将会进入“推进去”的状态,软件中的单选框正是模仿这些物理按钮的。将单选框只用于设置我们应该使用单选框来更改设置,而不是使用行动按钮来执行命令。此外,在用户点击行动按钮(例如“继续”或“保存”等更改设置才会生效。如果用户单击“后退”或“取消”按钮,页面将返回到其原始状态,并且应用了单选框的任何设置都将被清除。
如果单选框用于行动决策,最好的处理方法是预先设计不同的命令选项,以便用户只需一次简单的交互就能完成正确的选择。设计合理的选项顺序我们应该根据一定的逻辑,例如发生的可能性、难易程度、风险大小来设计合理的安排顺序。应该注意的是,一般不推荐根据首字母排序的方法,因为它太依赖于语言并且不合逻辑。
选项应该易于理解和区分单选框最大的可用性问题之一是选项包含模糊、误导和难懂的内容,用户一般难以理解。帮助文本可以缓解这个问题,但是最好允许用户随意尝试任何交互式控件。
下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消