UI组件系列：选择控件( 二 )
本文插图
实用技巧：当选择即将生效时 ， 请使用切换开关 。
六、不符合当下设计标准的样式会使用户困惑
任何偏离你所设计的平台标准的行为都会给用户带来额外的认知负担 ， 我经常看到圆形复选框很容易与单选按钮混淆 。
本文插图
实用技巧：不符合当下标准的设计会混淆用户的感观 。
七、在垂直列表中显示选项将帮助用户轻松地扫描它们
左侧对齐的控件和标签将发挥最佳效果 ， 因为它们相互之间的位置紧密 ， 这将最快的支持完成时间并减少较少的错误 。
但是右对齐的控件在移动端有一些好处 ， 因为标签和按钮之间不能相隔太远 ， 让按钮靠近右侧边缘 ， 使得单手握住设备时更容易触及 。 同时 ， 我们在选择时也不会用手指遮挡标签 。
本文插图
【UI组件系列：选择控件】实用技巧：左对齐的控件和标签效果最好 。
八、如果垂直空间出问题 ， 考虑标签
你应该防止出现很难看清选择哪个控件的情况（确保按钮和文本标签的间距） ， 可以考虑使用选择标签以此来在视觉上清晰地分隔选项 。
本文插图
实用技巧：当垂直空间出现问题 ， 可以考虑使用选择标签 。
九、如果可以的话 ， 使用单选按钮而不是下拉菜单
让所有选项都可见 ， 使用户可以方便地进行比较 ， 这样可以减少认知负荷 ， 帮助表单也更加透明 。
本文插图
实用技巧：如果只有几个选项 ， 请使用单选按钮 。
十、对数量多或类似的选项使用下拉菜单
如果选项的数量超过6-7个 ， 你应该考虑把它们放在下拉列表中 ， 因为用户无论如何都无法记住所有的选项 。 这同样适用于可预测的、类似的或增量的选项 ， 如(缩放- 10%、20%、30% ) 。
本文插图
实用技巧：为数量较多且相类似的选项选择用下拉菜单整合 。
十一、在默认情况下最好有一个选中的单选按钮
一旦选择了一个单选按钮 ， 用户可能就不能取消选择 ， 也不能将其设置回原来的状态 。 如果用户不想做选择 ， 你应该提供一个标有 “无 “的单选按钮 。 按逻辑顺序设计选项列表 ， 并利用“默认”的能力 。
本文插图
实用技巧：在大多数情况下 ， 默认选择一个单选按钮 。
十二、写清楚文本标签 ， 避免否定词
避免用户为了避免某些事情发生而需要打勾的情况 。
本文插图
实用技巧：写清文本标签 ， 避免否定词语 。
十三、高亮显示选中的选项以吸引用户的注意
在视觉上区分所选选项与其他选项 ， 这对于数据表中的行选择尤其重要 。
本文插图
实用技巧：高亮显示所选选项以此吸引用户的注意 。
十四、支持批量选择和清除
一次选择或清除多个项目对用户来说应该是毫不费力的 。
推荐阅读
- 数码达人分享|X1蓝牙耳机不易脱落，运动蓝牙耳机如何选择，HIK
- 小米科技|小米正式官宣以旧换新，支持小米10系列等5款机型，你等到了吗？
- 生活的路上|究竟是功还是过？，赵宋系列之熙河开边：拓地千里
- 穿搭|夏日选择破洞牛仔裤，你想要的休闲个性它都有，让造型轻松靓起来
- 萌小糸说历史|下面人物6选1，你会选择跟谁去盗墓？，如果你穿越成摸金校尉
- 一点科技范|你更pick谁？，下半年最受期待的三大系列手机
- 广发证券股份有限公司|继续看好相关产业链机会，半导体国产替代系列十六：中芯国际拟76亿美元投资新项目
- 穿搭|Jerry Garcia x KEEN 联乘限量凉鞋系列即将发售
- 小米10|雷军首次公开演讲来了：小米10系列超大杯或同台亮相
- 网通社|将于9月上市，起亚K5凯酷提供多种颜色选择