表单中的勾选框和开关

在创建表单时，交互设计师总是面临选择，选择哪种UI元素来表示可选项的操作。当然，我们每个人都有自己的规则。然而，在选择可选控件时，我们仍然需要考虑更多。

在创建表单时，交互设计师总是面临选择，选择哪种UI元素来表示可选项的操作。当然，我们每个人都有自己的规则。然而，在选择可选控件时，我们仍然需要考虑更多。

可选项可以用勾选框、开关、单选框和下拉菜单来表示。如果选择得当，任何一个都很好。本文重点关注勾选框和开关。

勾选框

用户可以在一系列选项中使用勾选框选择任意数量，包括0个、1个或多个。换句话说，每个勾选框在列表中都是独立的，勾选一个框不会取消其他选项。

带标签的勾选框

开关

开关组件模仿物理开关，让用户打开或关闭某个项目。

开关提供了两个简单而直接的对立选项

用户不应该感到困惑。区分操作和状态是非常重要的。事实上，突出显示当前状态可以使其更友好。

文字颜色表示当前状态(ON)

勾选框使用肯定的文案

检查框的操作可以延迟(如表单的一部分)，但应立即触发开关的操作。

良好的用户体验是立即改变开关对应的设置项，而不是按下“保存”或返回到上一个界面。我们在现实生活中对开关的期望是这样的（例如，我们知道按下开关灯会立即点亮）。

WIFIIIOS中的开启

使用勾选框，当用户必须执行额外的步骤才能生效时。

当用户必须单击“提交”或“下一步”按钮进行修改才能生效时，选择检查框

结论

在设计界面时，交互元素的选择应保持一致和可预测。遵循设计标准可以让用户更好地预测控制器的功能以及如何操作。相反，违反标准会使界面感到脆弱——似乎没有任何预兆。