跳到主要内容

交互模式 · 状态反馈

错误状态

Error State

也叫:报错状态、出错提示、Error

请求失败、输入有误或页面出错时展示给用户的画面,要说明出了什么问题以及下一步怎么办。

示例

详细解释

错误状态分几个层级:字段级(某个输入框格式不对,在框下方显示提示)、区块级(某个卡片或列表加载失败,在原位置显示「加载失败,重试」)、页面级(404、500、断网,整页显示说明和返回按钮)、操作级(保存失败,用轻提示或警告条告知)。

好的错误提示有三个要素:说人话(「网络连接失败」而不是「Error 500」)、说原因(如果知道的话)、给出路(重试按钮、返回首页、联系客服)。一个区块出错,不要让整个页面白屏。

AI 写代码时经常只写成功的情况、漏掉失败分支,所以提需求时要明确要求它处理错误。

开发者信息
术语 ID
interaction-error-state
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/30