复选框 设计体系

检查进度

重置

01

结构及意义

在使用环境中比较信息和演示。

说明标记的效果将标签与复选框相关联，并用易于理解的词语描述选择。不要预先选择可选同意来代替用户的决定。示例 “通过电子邮件接收产品新闻通讯”与接受条款是分开的。组相关选项当同一问题中有多个项目时，添加通用标签。阅读组标签,然后做出每个选择,检查它们是否都回答相同的问题,并且不要轻易弄错范围。状态清晰显示区分未选择、选择、聚焦、禁用和部分选择（如果可用）。除了颜色之外,还可以使用复选标记或形状;部分选择的状态需要与完全选择的状态明显不同。

02

交互性和可用性

尝试操作，更改状态并继续工作。

键盘操作将焦点置于单元格上，并使用空格键（而不仅仅是鼠标）将其打开或关闭。当聚焦于单元格和单击标签时尝试使用空格键;两种方法必须影响完全相同的选择。解释全选说明所有数据或当前页面的范围；选择每个项目时更新父状态。如果列表已过滤或分页,请指定“全选”是仅适用于当前可见部分还是所有结果。

03

完成体验

检查设计投入使用时容易忽略的细节。

有意选择初始状态根据现有数据和选择的实际效果,选择是否启动复选框。不要预先选择可选同意。重新打开已保存的表单时,状态应反映先前的选择,而不是应用新的默认值。

进度会自动保存在此浏览器中。

指南

检查方法

01

说明标记的效果

不要预先选择可选同意来代替用户的决定。

示例

应用示例

说明标记的效果

“通过电子邮件接收产品新闻通讯”与接受条款是分开的。