设计任务:让审核人员找到下一步
目标:从用户任务组织信息与操作,并说明错误恢复、权限和状态变化。场景:审核人员每天处理待审核条目,提交后可能遭遇网络失败或版本冲突。前置:基本信息层级、表单与列表;本例为教学设计。
先预测问题
一个界面把“删除”放在最大按钮上,提交后立刻清空内容,网络失败只用红色边框提示。逐项解释这些选择会怎样妨碍审核任务,再画出你的调整方案。
回答仅保存在当前页面,刷新会清空;请将作品保存到自己的学习记录。
核对评价标准
- 主要信息和操作直接支持审核任务
- 等待时避免重复提交,并说明状态
- 失败后输入仍在且能恢复
- 冲突提示说明下一步而非静默覆盖
- 不用颜色单独表达错误,控件有可理解标签
- 给出至少一个备选方案和选择理由
此处不自动评分;请用下方迁移任务和评价标准独立复测。
迁移与保持
迁移到窄屏和只读角色:哪些信息不变,哪些操作需要移除或解释?另选一天给一个新的退货审核任务,在不看此页时重画流程,再让同伴按步骤尝试。
验收交付:状态表、文本线框、键盘顺序及取舍说明。页面美观和自评通过不证明可用性;记录任务完成、错误及观察条件。
来源:WCAG 2.2,1.4.1 Use of Color、2.1.1 Keyboard、3.3.1 Error Identification;取用 2026-09-19。本页的业务布局是教学假设,不是 WCAG 指定的唯一设计。