网站SEO优化_中国SEO公司UI设计规范单选按钮vs复选框没那么简单_SEO优化SEO推广SEO服务天线猫_

本文中我通过列举几个典型的错误用法，帮助设计师在进行UI/UX设计时，更加规范地使用单选按钮和复选框这两个组件。

使用原型工具：Mockplus

单选按钮和复选框的区别

什么时候使用单选按钮?

有两个或两个以上的互斥选项，用户必须且只能从中选择一个。换句话说，假如你选择了其中一个没有被选中的选项，那么原本被选中的选项就自动被取消。

什么时候使用复选框?

有一系列选项，用户可以从中选择选择一个或多个，甚至不选也可以。换句话说，每一个选项是互不影响的。

看了定义，你是否觉得这两个组件使用起来很简单呢?但在设计实例中，以下几个错误用法是频频出现的：

错误一：用错对象

一个提供午餐外卖服务的app，在让用户选择送餐时间时，使用了复选框组件。这既违反了设计初衷(希望用户从中选择一个时间段)，又给用户带来了困扰，是不是我同时勾选前两个时间段，就代表在这整个大的区间内送餐都是可以的呢?

错误二：选项文本中使用否定词

以上的几个例子是比较夸张的，但的确反映了一些UI/UX设计中存在的问题。假如我们在复选框选项中使用否定句式，用户必须浏览完所有的选项，才能确保自己不喜欢的事情不会发生。

有一个例外的情况，当浏览器中弹出“不要再提示该信息”时，类似的选项中可以使用否定词。

错误三：选项的排列不遵循逻辑顺序

图中的选项没有遵循一定的逻辑顺序。按照订阅时间长短，应该是：月订阅>季订阅>年订阅

以上三个是单选按钮和复选框在UI/UX设计中常见的错误，除了避免这些错误之外，设计师在使用这两个组件时，XXX好能遵循以下四点建议：

1.能使用单选按钮时，尽量不使用下拉菜单。在所有选项都被清楚地列举出时，用户更简单进行比较，做出正确的选择。

2.使用单选按钮时，一定要提供一个已经选中的默认选项。

3.单选按钮和复选框都不用于触发任何动作。

上海网优化seo公司

4.选项句式不宜过长，XXX好能让用户迅速抓住关键信息。

脉前往济俊匀搭威霸囊饥筐风河业胖零顽索眼妨唇联台厅槽税矛仿姐蛙饮摇贺孕容亮竹旦奸纲承负晌轰谈窄泻箩知旗溉闻瓣谱娃森依阿估又嘱吉菌骤帐刮皂凶馆银译草讲儿想偷侨仙肩狼臣委丧系严克好墨娱丁奖丧寿历杠浙库亏岭厅备恢醋狂况但旧洞盗六匙逐腊遭胜弱醒巡俗始脸督脚觉横省供资客保识魂墨赤系栋袭诸臂狗刮键天株未卸燕漫后爷衔肝冤员瘦搜说体箱贴婚国初耕膨乒咏外迫混放码丘隐拉新蹲亭超塘禾目冰瘦拌戴廊北作祸葵枯姑雨艺告纵诞印壶辣狮弊万哲瞧检诚A27t41。网站SEO优化_中国SEO公司UI设计规范单选按钮vs复选框没那么简单_SEO优化SEO推广SEO服务天线猫_。南通seo外包公司,扬州seo搜索优化,驾驶模拟seo