网页控件使用原则及规范 - 选择控件

    在上一篇文章里，整理了文本框、搜索框、滑块和微调控件等通用输入控件的设计规范和适用场景，以及做设计时的权衡原则。这一篇将继续介绍“选择控件”的设计规范，涉及的组件包括：单选选项、复选框、下拉列表/组合框、列表框/组合框、列表视图、树形视图和选项卡。

单选选项：单选组件，可带单选框，也可以直接将选项列出

复选框：支持多选的复选组件

下拉列表框/组合框：即下拉菜单，“下拉组合框”指带输入框或即可输入又可选择下拉选项的下拉列表

列表框：指选项较多时，用列表形式展示出的选项，支持单选和多选

列表视图：类似于操作系统中文件管理器中的各种视图，适用于支持分组、排序、更换视图的场景

树形视图：树状图组件

选项卡：即常说的tab页

适用场景和使用注意事项

注：不论是使用什么选择控件，每组选项的排序逻辑应遵循一定的规则

1. 被选可能性从高到低；

2. 操作从简单到复杂；

3. 风险从低到高；

4. 将相关性高的项放在一起；

5.将最常用的项放在前面；

6.遵循其他自然过程；

7. 当列表项超过12项时，考虑按字母顺序排列