本章进度 7 / 18
39%
正文已完成
L228等待时最怕的是没有预期
用响应状态、时长预期和退出路径降低不确定性,而不是只添加加载动画。
先用本课建立“等待体验”的基本直觉,后面的判断和练习才不会只靠记结论。
建议按完整课程顺序先看上一课;如果术语陌生,可以随时回补。
- 无需安装新工具
- 直接阅读并完成本页理解检查
用户可以接受等待,但很难接受不知道系统是否收到请求、要等多久、离开后会不会丢失。
能解释等待焦虑的来源,并为一次 AI 请求写出开始、进行与超时反馈。
核心概念
先把关键判断说清楚
先确认收到
立即反馈请求已进入系统,避免用户重复点击并制造重复任务。
给范围,不乱承诺
有历史数据时给大致区间;没有可靠估计时说明阶段,不显示虚假倒计时。
等待必须可退出
允许用户停止、转后台或稍后回来,并说明离开页面是否影响任务。
案例拆解
用户连续提交三次视频分析
点击分析后页面只显示旋转图标,十秒没有文字变化,用户重复点击产生三个相同任务。
- 01
点击后立即禁用重复提交并返回任务编号
- 02
展示上传、排队、分析三个真实状态
- 03
超过常见时长后给后台继续和取消选项
案例结果
重复任务消失,用户知道等待原因并能安全离开。
提交前练习
现在轮到你
为一次需要 20 至 90 秒的请求写三阶段等待文案。
选做练习:本节练习可用于加速你巩固,但不影响继续学习。
内容会自动保存在当前设备
查看参考答案与评分标准
参考答案
已收到并创建任务 A17;当前正在解析 3 个文件;若超过一分钟,可转后台继续、保留当前进度或取消任务。
评分标准
- 确认请求已收到
- 进行中信息可验证
- 超时后用户仍有控制权
本课收口 · 理解检查
用 30 秒确认你理解了
用 30 秒理解检查确认你抓住了重点;阅读标记、练习和总结都不设硬门槛。
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。
资料来源
继续核对与延伸阅读
本课内容最近更新于 。
- Web Content Accessibility Guidelines (WCAG) 2.2↗standard · 核对日期 2026-08-23
- MDN Web Docs↗reference · 核对日期 2026-08-23