【AI应用开发设计指南】模型回复前的等待显示
目录
前言
模型在回复前的等待阶段要怎么显示才好呢？
当下主流的开发方式是：
①采用流式输出的方式，让内容像打字效果逐个输出，在观感上具有实时响应的效果，无需等待模型把所有内容都生成完统一发给你；
②输出思维链：思维链的构建主要是为了避免在复杂任务中的“黑盒”现象，让我们能够更直观的去看到模型处理的每一步过程；
以上两种方式可以结合使用，可以参考各大平台，做两种模式：普通模式无需思考直接流式快速响应，思考模式会有推理链结合，结合推理链来输出相应问题
场景描述：当我们对模型提一些稍微复杂一些的问题时，模型往往需要时间进行“反应”，而在这个等待的过程中：
▲如果提问后，模型长时间都是无输出的一个状态，用户无法判断这个模型是在思考？还是网络延迟？就会缺少模型运行状态的可视性；实现目标：
必须得让用户感觉这个等待是可观、有价值的，这也是提升用户体验的关键点。
一、设计总原则
永远不要空白
让用户知道“还活着”
避免虚假进度（假的百分比最败好感）
等待时间越长，反馈信息越丰富
让等待“看起来有价值”
以上5条原则可以参考各大主流模型官方平台的模型回复效果，如deepseek在回复等待时会有思考过程，避免了黑盒效应。
二、主流等待显示策略（按体验成熟度排序）
2.1 打字光标 / 思考中（最低成本）
只需显示光标闪烁，或三点动画显示，输出形式单一，除非是需要极致响应或者前期做快速开发，否则不建议用。（主要还是感觉不好看，用户等待价值不是很高）
适用
0.3s – 1.5s 的延迟
流式输出（Streaming）
优点
成本最低
用户非常熟悉
不会打断注意力
注意
超过 2 秒必须升级策略
1、光标闪烁：
AI 正在思考中…
|
▍
2、三点动画：
正在分析...
2.2 拟人化“思考提示”（非常推荐）
让用户觉得：AI 在认真处理，而不是卡了
示例
-
“正在理解你的问题”
-
“正在查阅相关资料”
-
“正在构建回答逻辑”
-
“正在生成专业回复”
动态切换（强烈推荐）
正在理解问题… 正在分析上下文… 正在生成回答…适用
-
1.5s – 5s
-
法律 / 医疗 / 专业咨询类 AI（尤其适合）
2.3 步骤型进度展示（高级体验）
伪进度条 + 语义步骤
✓ 解析问题 ✓ 检索相关信息 → 生成最终回答或
[■■□□□] 正在生成回答📌 重点：
-
不要用真实百分比（除非你真有）
-
用“阶段完成感”替代
适用
-
RAG（检索增强生成）
-
多 Agent 系统
-
工具调用较多的场景
2.4 流式输出（体验最优，强烈推荐）
1、核心思想
不等模型全部生成完，边生成边展示
2、用户感受
-
等待被“拆碎”
-
感觉 AI 很快
-
容错性极高（即使总耗时更长）
3、常见组合
正在思考… AI: 根据你的问题，首先需要明确……📌 哪怕第一句话是废话，也比空等强
2.5 等待期间给“可读信息”（顶级 UX）
▲在等待时显示：
-
示例回答
-
使用提示
-
背景知识
-
风险提示
▲示例
你可以继续补充问题细节， 比如时间、地点、具体目标。或：
提示：这个问题涉及多种法律场景，回答将更谨慎。▲适用
-
高风险 AI（法律 / 医疗 / 金融）
-
响应时间不稳定的模型
三、不同 AI 产品的最佳策略组合
3.1 通用对话 AI（ChatGPT 类）
✅ 推荐组合：
流式输出
打字动画
“正在思考”提示
🚫 不建议：
百分比进度条
3.2 RAG / 搜索型 AI
✅ 推荐组合：
正在检索资料… 正在阅读文档… 正在整理答案…可加：
-
显示“命中文档数量”
-
显示来源名称（模糊即可）
3.3 法律 / 医疗 / 专业 AI
✅ 强烈推荐：
阶段式思考提示
风险提示
慎重语气
示例：
该问题涉及法律判断，正在核对相关条文…
3.4 Agent / 工具调用型 AI
✅ 推荐：
-
展示工具调用状态（简化版）
正在调用计算模块… 正在分析结果…🚫 不要：
-
暴露完整 chain-of-thought（容易误解）
四、反模式（一定要避免）
❌ 长时间空白
❌ 卡死感（无动画、无变化）
❌ 虚假 0–100% 进度
❌ “思考中…” 一直不变
❌ 闪烁、抖动、频繁跳字
五、通用黄金模板
90% AI 产品都适用
AI 正在理解你的问题… （0.5s） 正在分析相关信息… （1–2s） 正在生成专业回答… （开始流式输出）说明：面对不同开发场景，需要考虑的因素有很多，很多时候需要权衡场景需求，做更细化的处理来保证模型回答的质量，以及生成前等待响应的这段过程的黄金时间；
Agent 垂直技术社区，欢迎活跃、内容共建。
更多推荐
20
0- 0
已为社区贡献9条内容
所有评论(0)