复选框|超全面！开关、复选框和单选组件在web表单应用分析( 二 )

文章插图
5）把它作为高层级内容控制或信息设置
把它用来作为总控制来显示更高层级内容，避免web表单中大面积的使用开关按钮，会和其他的基本组件造成视觉干扰。这样可以既凸显其重要性，又能提升用户浏览表单的效率。

文章插图
5. 小结开关按钮就像是灭霸的戒指，视觉突出且反应快。用户浏览表单、填写内容组之间，一般不需要很强的视觉差异。如果填写的表单信息之间对比差异过大，开关往往给用户造成过大的视觉干扰，反而阻碍用户浏览表单的效率。
二、Checkbox 复选框? 它是一个机器小能手1. 简要了解复选框让用户在两个布尔值之间进行选择，勾选后和未勾选表示“是/否、要/不要、开启/关闭…” 等问题。以下内容主要讨论单个复选框的使用情况。

文章插图
2.复选框的特点1）为了便于用户快速理解，一般复选框的标签内容是一句话，不会用逗号去作隔开。
2）作为单选状态时，操作对象和标签主体内容视觉焦点是不分开的，选择后就知道它被选中了。
3）可直接表示标签内容的开启、关闭。
3. 场景举例分析1) 用户基本清楚会发生什么，使用复选框
如果使用开关或者单选框，我们会发现视觉干扰特别严重，一般表单内容不需要特别去强调每一个字段的开启状态。当然如果排版限制，我们也是可以将复选框放到标签的右侧（放右侧复选框需对齐）。

文章插图
2）表单中的复选框生效，需要配合提交按钮
一般情况下，表单填写中，复选框不会像开关点击后立即生效，它需要配合提交按钮生效。所以用户在提交前可查看他们填写的表单，更有助于在信息防错。
（Ps. 在设置页，复选框可单独作为设置且立即生效。）复选框的主体标签信息和复选按钮在一起，特别是对于批量填写或设置一批字段，使用复选框效率更高。

文章插图
3）用复选框来控制表单局部细节
如上述，如果控制对象的功能是表单的一个局部，或信息内容不是很多，用户也清楚知道选择后会是什么，这时候复选框更适合。
这时我们不需要过重地给用户强调什么，用复选框会比使用开关让整个表单的结构内容更清晰。

文章插图
4. 小结复选框就像是一个机器小能手，它的应用拓展性比开关更强，它既可以作为层级内容使用，又可以作为设置项，点击后并立即生效。
在表单中，作为局部、或者细节内容控制，使用复选框更合适。它也不会像单选按钮阅读有信息阻断的问题，不会像开关有强视觉干扰，它会让我们的视觉焦点更集中表单信息上。
三、Radio 单选按钮? 白天不懂夜的黑1. 简要了解单选按钮单选按钮最早的设计模型，来源于收音机切换频道的按键，当我们按下其中一个，其他的按钮就会被弹出，按下的那个按钮就成为了选中的状态。单选按钮可谓是泾渭分明，有你不能有我。

文章插图
2. 单选按钮的特点单选按钮的优点是，将所有信息条件暴露给到用户，它不像开关在使用上带有去猜测、探索的必要。
1）每个选择都非常直观，如果希望用户阅读完所有选项，用它再好不过了。
2）拓展性更强，相较于开关、复选框的布尔值，单选能承载两个或两个以上选择。