AI 应用的交互设计要解决不确定性。用户需要知道系统正在做什么、依据是什么、是否可信、如何纠错，以及失败时该怎么办。

1. AI 交互特点

特点	设计要求
生成需要时间	流式输出、加载状态、停止按钮
输出可能不确定	展示引用、置信提示、免责声明
用户目标可能模糊	引导补充信息
结果可能不满意	支持重试、编辑、反馈
任务可能多步骤	展示进度和当前步骤

2. 基础控件

控件	作用
输入框	支持多行、文件、快捷指令
发送按钮	提交任务
停止按钮	中断生成
重新生成	重新请求模型
引用卡片	展示来源
反馈按钮	点赞、点踩、报告问题
历史记录	恢复上下文

3. 流式输出体验

用户提交
  -> 立即显示用户消息
  -> 显示正在生成
  -> 流式展示回答
  -> 生成完成后展示引用和操作按钮

不要让用户长时间面对空白页面。

4. 错误状态

错误	提示方式
模型超时	提示稍后重试或切换简化模式
内容被拦截	说明原因，不暴露安全规则细节
资料不足	明确无法回答并建议补充资料
权限不足	提示无权访问相关资料
格式生成失败	支持重新生成或手动修正

5. 引用和可追溯

RAG 应用建议显示：

• 文档标题。
• 章节或页码。
• 更新时间。
• 命中片段。
• 跳转链接。

引用不是装饰，而是建立信任和排查错误的关键。

6. 用户反馈闭环

用户点踩
  -> 选择原因
  -> 可选补充说明
  -> 保存问题、答案、上下文和引用
  -> 进入评估和优化队列

没有反馈闭环，AI 应用很难持续变好。

7. Tips 快问快答

Q：AI 应用要不要显示模型思考过程？

A：通常展示简要步骤或进度即可，不需要暴露内部推理细节。用户更需要可验证的依据和结果。

Q：失败时应该怎么提示？

A：说明发生了什么、用户能做什么、系统是否会重试。不要只显示“请求失败”。

Q：为什么引用卡片重要？

A：它能让用户核对答案来源，降低盲目信任，也方便产品收集错误样本。