ui单选框设计
ui单选框设计
单选框的名字由来
单选框的名字来自于老式汽车上切换广播电台频道的物理按钮——当其中一个按钮被按下时,其它按钮将会弹出,并且被按下的按钮将会进入“推进去”的状态,软件中的单选框正是模仿这些物理按钮的。
将单选框只用于设置
我们应该使用单选框来更改设置,而不是使用行动按钮来执行命令。此外,在用户点击行动按钮(例如“继续”或“保存”等更改设置才会生效。如果用户单击“后退”或“取消”按钮,页面将返回到其原始状态,并且应用了单选框的任何设置都将被清除。
如果单选框用于行动决策,较好的处理方法是预先设计不同的命令选项,以便用户只需一次简单的交互就能完成正确的选择。
设计合理的选项顺序
我们应该根据一定的逻辑,例如发生的可能性、难易程度、风险大小来设计合理的安排顺序。应该注意的是,一般不推荐根据首字母排序的方法,因为它太依赖于语言并且不合逻辑。
选项应该易于理解和区分
单选框较大的可用性问题之*是选项包含模糊、误导和难懂的内容,用户一般难以理解。帮助文本可以缓解这个问题,但是较好允许用户随意尝试任何交互式控件。
始终提供一个默认选项
根据ui设计中的10个启发式评估原则,用户可以随时撤销他们的行为,这意味着他们应该很容易地将ui控件恢复到原始状态。该标准反映在单选框中,这意味着至少应提前选择一个风险较小的选项(以防止数据丢失)。如果不考虑安全的主要因素,也可以把较容易发生或较方便的选项作为默认选项。
如果用户不想做出明确的选择,我们应该为此提供选项,例如“none”,与其让用户从列表中寻找未知选项进行选择,不如为用户预先选择一个清晰、中立的选项。
更多培训课程,学习资讯,课程优惠等学校信息,请进入 昆明盘龙区平面设计培训昆明盘龙区淘宝美工培训昆明盘龙区UI培训昆明盘龙区PS培训 网站详细了解,免费咨询电话:400-998-6158