交互模式 · 状态反馈
错误状态
Error State
也叫:报错状态、出错提示、Error
请求失败、输入有误或页面出错时展示给用户的画面,要说明出了什么问题以及下一步怎么办。
详细解释
错误状态分几个层级:字段级(某个输入框格式不对,在框下方显示提示)、区块级(某个卡片或列表加载失败,在原位置显示「加载失败,重试」)、页面级(404、500、断网,整页显示说明和返回按钮)、操作级(保存失败,用轻提示或警告条告知)。
好的错误提示有三个要素:说人话(「网络连接失败」而不是「Error 500」)、说原因(如果知道的话)、给出路(重试按钮、返回首页、联系客服)。一个区块出错,不要让整个页面白屏。
AI 写代码时经常只写成功的情况、漏掉失败分支,所以提需求时要明确要求它处理错误。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
interaction-error-state- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/30