检查连续两次激活后的响应
当网络速度较慢时，按该按钮，然后再按一次。尽早响应处理状态，避免重复提交，并使用指示操作结果的标签而不是通用单词。
按钮 设计体系
明确激活后的操作和响应。
清单内容
检查进度
01
结构及意义
在使用环境中比较信息和演示。
02
交互性和可用性
尝试操作，更改状态并继续工作。
进度会自动保存在此浏览器中。
指南
检查方法
示例
应用示例
保存正在进行的更改
处理过程中“保存更改”按钮变为“正在保存...”；完成后，显示确认并允许继续编辑。
变体与使用场景
情境维度
对移动设备上的表单、工具栏和操作使用清晰的尺寸比例。
尝试更长的标签并增大字体大小;按钮保持触摸区域不溢出布局。
示例 “确认订单”按钮在移动设备上很大;工具栏中的过滤器按钮。
互动状态
默认情况下,悬停、焦点、禁用和加载需要自己的标记,独立于每种颜色。
发送一次然后等待时再次点击;任务不会重叠,焦点仍然可见。
示例 在处理请求时,按钮切换为“正在保存...”。
默认
选择
正在输入
不可用
按钮中的图标
图标支持标签含义;该按钮只有一个图标,需要时需要用户名和建议。
使用屏幕阅读器阅读按钮名称,并在不知道该图标的人身上尝试一下。
示例 垃圾桶按钮有咏叹调标签“删除草稿”,而不仅仅是“删除”。
行动级别
通过一致的系统区分主要、次要和危险行为。
并排放置两个动作;用户需要了解删除的主要步骤和后果。
示例 使用主按钮“保存更改”; “取消”使用较亮的按钮。