1547 字
约 5 分钟
15
状态三件套:loading、空态、错误态

开场:正常状态是及格线,非正常时刻才拉开差距

给 AI 一句「做个笔记应用」,它交出来的界面永远预装着几条漂亮的假数据。可真实用户的第一屏没有数据,第一次搜索可能超时,第一次同步可能失败。这三种时刻怎么表现,AI 不会主动想,你不提要求,它就一律敷衍。

一句话速览:界面的三种非正常时刻恰恰是体验分水岭。空态该教下一步,loading 该报进度,错误该说人话给出路。

一、三种非正常时刻,AI 的默认敷衍版

状态 AI 默认的敷衍版 该有的样子
空态 一片空白,或一行灰字「暂无数据」 教下一步:说明这里是干嘛的,给一个动作入口,最好带示例
loading 一个干转的圈,转多久都是那个样 说进行到哪:内容形状先出来,进度看得见
错误态 alert 弹一串代码,或者干脆没反应 说人话给出路:发生了什么、为什么、怎么办

体贴清单在这里全用得上:空态考的是有预见,loading 考的是会及时通知,错误态考的是不因自己的问题烦你。

二、空态是新用户的第一屏,别给他一片白

Cooper 在《About Face 4》第 8 章讲乐于助人的软件时打过一个比方:向店员问路,好店员除了指路还会顺手告诉你更划算的选择。空态就是用户在问路:我到了,然后呢?一片空白等于店员耸了耸肩。

好空态回答三个问题:这里是干嘛的、我现在能做什么、做出来大概长什么样。 前两个用一句话加一个按钮解决,第三个给示例数据或模板。

正反例: 两个笔记应用第一次打开——A 列表区一片空白、新建按钮藏在右上角菜单里;B 说明这里是干嘛的、给主按钮、还备了一条示例入口。B 完胜。

三、loading 别干转,说说进行到哪了

体贴的软件会及时通知:用户关心的进展要让他看得见。一个干转的圈只传达「在忙」,转到第五秒,用户开始怀疑卡死了。骨架屏先把内容的形状画出来,等于告诉用户马上到了、到了以后长这样;再配一条进度说明,焦虑就压下去大半。

等多久该给什么反馈,那套三档决策(0.1 秒 / 1 秒 / 10 秒)在心理学篇讲过了,这里不重教。

正反例: 同样等 3 秒——A 干转圈:在忙,忙什么、忙到哪了、还要多久一概不说;B 骨架屏:内容形状先出来,配一句进行到哪和一条进度。

四、错误态三要素:发生了什么、为什么、怎么办

Cooper 在《About Face 4》第 15 章对错误信息的立场很硬:老式错误对话框要么责备用户,要么拿技术故障甩锅,多数根本不该出现。真到了必须说的时候,向用户交代清楚三件事:发生了什么、为什么会这样、现在怎么办。 三样齐了才算说人话,缺了「怎么办」等于把用户堵在死胡同里。

还有一条底线:措辞不能责备用户。「您输入了非法字符」换成「这里只支持字母和数字」,信息一样,态度天差地别。

正反例: 同一次同步失败——A 异常栈直接上屏,唯一出路是点「确定」认栽;B 三要素齐全,本地数据没丢也交代了,出路给了两条。

五、三条弱文案改写示范

弱文案 病根 三要素版本
操作失败,请重试。 没说是哪个操作、为什么失败 刚才的保存没成功,你填的内容还在,点「重试」再试一次
Error 422: Unprocessable Entity 系统码上屏 手机号少了一位,现在是 10 位,补上就能提交
您输入了非法字符! 责备用户 这里只支持字母和数字,改一下就能继续

六、状态覆盖率自查表

想着你最近让 AI 生成的那个页面,五种状态做了哪种就勾哪种:

状态 合格标准 你做了吗
默认态 数据齐全时的正常展示,AI 一定会做,白送一分 ⬜
loading 态 骨架屏或进度说明,干转圈算半分 ⬜
空态 说明这里是干嘛的、给动作入口、有示例更好 ⬜
错误态 发生了什么、为什么、怎么办,三要素齐全 ⬜
成功态 操作成了要让人看见,但别用弹窗邀功 ⬜

覆盖率还在敷衍区别灰心,这是 AI 产出的常态:默认态永远齐,其余四种全靠你提要求。把没勾上的状态记下来,就是下一轮提示词要补的内容。

本节要点

  • 非正常时刻是分水岭: AI 默认只做「一切正常」,空态、loading、错误态三件套你不写进需求,它就全敷衍。
  • 空态要教下一步: 说明这里是干嘛的、给动作入口、给示例。空态是新用户的第一屏,一片白等于把人往外推。
  • loading 要说进行到哪: 骨架屏先给内容形状,配进度说明。
  • 错误态三要素: 发生了什么、为什么、怎么办,措辞不责备用户。更进一步的思路是让错误压根发生不了,下一节讲防错与可逆。
状态三件套:loading、空态、错误态
https://clxhxhhr.top/posts/4660/
作者
clxstart
发布于
2026-10-11
许可协议
CC BY-NC-SA 4.0
评论
0 条
还没有评论,先写一条吧。