本章进度 9 / 18
50%
正文已完成
L230画出一条不让人焦虑的等待旅程
从提交到完成逐状态设计文案、控制和恢复路径,并用异常情况验收。
现在把“等待体验”用于一次具体操作,检查你能否独立做出并修正结果。
建议先完成同主题的理解与判断;本页不会锁课,可以边做边回补。
- 按本课练习说明准备真实材料
- 保留练习与复盘记录
等待体验需要一套状态机,每个状态都要回答发生了什么、用户能做什么、接下来会怎样。
能提交一份包含正常、超时、离开和返回状态的等待旅程图。
核心概念
先把关键判断说清楚
状态必须互斥可识别
排队、执行、需要输入、完成和失败不能只用同一条正在处理文案。
控制与后果成对出现
暂停、停止、取消、离开页面都要说明保留什么、丢失什么。
异常路径先画
先设计断网、超时和部分失败,再补顺利完成,才能避免只有快乐路径。
案例拆解
批量简历解析旅程
五十份简历上传后需要逐份解析,其中两份格式损坏,用户中途关闭页面。
- 01
队列展示完成、进行、等待与失败数量
- 02
损坏文件单独标记且不阻塞其余任务
- 03
重新进入后恢复任务并提供失败文件替换入口
案例结果
部分失败不会抹掉整体成果,用户离开后仍能继续。
提交前练习
现在轮到你
为一个批量 AI 任务绘制至少六个状态的等待旅程。
完成本课需要:完成以下内容用于本课收口。
内容会自动保存在当前设备
查看参考答案与评分标准
参考答案
状态含已提交、排队、处理中、需补文件、部分完成、全部完成;离开后按任务 ID 恢复;用用户能否准确说出剩余数量验收。
评分标准
- 至少覆盖一种部分失败
- 每个控制都说明后果
- 恢复不要求用户重新提交成功项
本课收口 · 学习证据
留下完整学习证据
读完内容、完成练习、通过理解检查并留下 12 字以上总结,才记为已验证。
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。
资料来源
继续核对与延伸阅读
本课内容最近更新于 。
- MDN Web Docs↗reference · 核对日期 2026-08-23
- Web Content Accessibility Guidelines (WCAG) 2.2↗standard · 核对日期 2026-08-23
- OpenTelemetry Signals↗official-docs · 核对日期 2026-08-23