认知无障碍(Cognitive Accessibility)
最难被看见的无障碍障碍是认知障碍。屏幕阅读器用户遇到缺失的标签会立刻察觉,而有信息处理差异的人遇到一个对工作记忆要求过高的界面时,往往只是……离开。这项技能让认知需求变得可见、可管理。
何时使用
- 设计多步骤流程或表单
- 创建导航结构或信息架构
- 评估某个界面是否对用户要求过高
- 为压力、分心或时间紧迫的情境做设计
- 审查任何界面的认知负荷
流程
第 1 步:评估认知负荷
对每个屏幕或流程,评估三类负荷:
内在负荷——任务本身固有的复杂性
- 用户必须同时理解多少个概念?
- 每个屏幕需要做多少个决定?
- 能否在不损失核心功能的前提下简化任务?
外在负荷——由糟糕设计增加的复杂性
- 信息是有逻辑地组织,还是散乱分布?
- 说明是清晰可见的,还是必须靠用户记住?
- 界面是否一致,还是相似的操作在不同地方表现不同?
关联负荷——学习系统所付出的努力
- 用户能否从界面结构建立心智模型?
- 模式是否一致,使学会一部分就能触类旁通?
- 界面是鼓励探索,还是惩罚错误?
第 2 步:减少外在负荷
外在负荷是设计债务。减少它:
- 展示,而不是要求记忆。如果用户在第 5 步需要第 2 步的信息,就把它显示出来——不要指望他们回忆。
- 渐进式披露。只显示当前需要的内容,在复杂度变得相关时再逐步展开。
- 一致的模式。同样的操作,每次外观相同、位置相同。
- 清晰的默认值。合理的预选可减少决定,让安全的选择成为容易的选择。
- 分块。把长表单拆成 3-5 个相关字段一组,把长内容拆成可扫读的段落。
第 3 步:寻路
人们需要始终知道三件事:
- 我在哪里?(清晰的页面标题、面包屑、高亮的导航)
- 我能去哪里?(可见的导航、清晰的行动号召)
- 我去过哪里?(已访问链接样式、进度指示、历史记录)
对于多步骤流程:
- 显示进度(第 3 步,共 5 步)
- 允许后退而不丢失数据
- 显示之前步骤输入的摘要
- 允许保存进度并稍后返回
第 4 步:焦点管理
注意力是有限资源。保护它:
- 每个屏幕一个主要操作。如果一切都重要,那就什么都不重要。
- 视觉层级引导注意力。最重要的元素应在视觉上最突出。
- 尽量减少打断。通知、弹窗和自动更新会破坏专注。
- 支持从中断中返回。如果用户被打断,界面应帮助他们从离开处继续。
- 定时操作是有敌意的。如果必须超时,在到期前警告并允许延长。
第 5 步:错误恢复
认知无障碍意味着犯错的代价很低:
- 一切皆可撤销。每个操作都应可逆。
- 确认破坏性操作。"删除所有项目?"并给出清晰的取消方式。
- 保留输入。如果表单提交失败,不要清空字段。
- 宽容格式。接受带或不带连字符的电话号码,接受多种格式的日期。
- 提供清晰的恢复路径。出错后,下一步应显而易见。
第 6 步:记录认知考量
对每个屏幕或流程,记录:
- 所需决定:多少个,多复杂
- 记忆需求:用户必须记住什么,对比显示了什么
- 寻路线索:用户如何知道自己在哪里
- 恢复路径:用户如何纠正错误
- 简化机会:什么可以移除或推迟
集成
- 被调用方:任何设计技能,尤其是 ui-composition 和 interaction-design
- 搭配:accessible-content(语言复杂度)、adaptive-interfaces(个性化)、inclusive-personas(认知多样性)
- 复核方:designpowers-critique
快速参考:COGA 指南
| 指南 | 实现 |
|---|---|
| 提供帮助与支持 | 在复杂交互旁提供情境化帮助 |
| 使用清晰语言 | 平实语言,不用术语,短句 |
| 让内容易于查找 | 一致的导航、清晰的标签、搜索 |
| 让任务易于完成 | 更少步骤、清晰进度、宽容输入 |
| 避免依赖记忆 | 显示信息,而不是要求回忆 |
| 提供反馈 | 清晰确认操作和状态变化 |
| 预防并支持错误纠正 | 验证、撤销、破坏性操作确认 |