第 1 章 · 流程设计与 AI 状态设计
考点梳理
1.1 用户任务流（“3 条线”）
主流程（happy path）：用户顺利完成核心任务的"最顺"路径
↓
分支（branches）：用户选了不同选项的路径（如"重新生成/换一个"）
↓
异常（exceptions）：出错/中断/超时的路径（如"额度不足/网络断"）
记忆锚：“主流程 + 分支 + 异常”（“3 条线”，“只画主流程 = 半成品”）。
流程图要素（“4 种”）：
| 符号 | 含义 |
|---|---|
| 圆角矩形 | 开始/结束 |
| 矩形 | 步骤/操作 |
| 菱形 | 判断（是/否） |
| 箭头 | 流向（标条件） |
1.2 AI 6 状态（“最高频考点”）
| 状态 | 设计要点 | 反例（“减分点”） |
|---|---|---|
| ① 加载中（流式） | 逐字输出 + 停止按钮 + 光标闪烁 | 转圈圈 30 秒无反馈 |
| ② 等待（长任务） | 进度/预期时间 + 可离开后回来（任务持久化） | 刷新页面任务消失 |
| ③ 成功 | 结果可编辑/可复制/可再生成 + 引用来源 | 只读文本，不能改 |
| ④ 失败 | 原因 + 重试 + 降级（换模型/简化任务/人工） | 只弹"出错了" |
| ⑤ 空 | 引导：示例提示词/模板/推荐问题 | 空白屏幕 |
| ⑥ 权限 | 额度不足/需登录/功能未开放 + 明确指引 | 点了没反应 |
记忆锚：“流式能停，等待能走，成功能改，失败能退，空能引，权限能懂”（“6 状态”）。
AI 状态 vs 传统状态（“为什么 AI 产品更复杂”）：
| 维度 | 传统产品 | AI 产品 |
|---|---|---|
| 结果 | 确定（1+1=2） | 不确定（同一输入不同输出） |
| 时间 | 毫秒级 | 秒级~分钟级（流式/长任务） |
| 失败 | 很少（逻辑错误） | 经常（模型幻觉/超时/额度） |
| 信任 | 默认相信 | 要解释（引用/置信/来源） |
核心：“传统产品画 1 个成功页够用，AI 产品 6 状态缺一不可”。
1.3 原型（“3 保真度”）
| 保真度 | 工具 | 用途 |
|---|---|---|
| 低保真（线框） | 纸笔/Figma 线框 | 验证流程（5 分钟看一遍） |
| 中保真（可交互） | Figma 原型 | 验证交互（用户走一遍） |
| 高保真（代码） | React/代码原型 | 验证真实体验（真实延迟/数据） |
记忆锚：“线框验流程，原型验交互，代码验真实”（“3 保真度”）——AI 产品建议直接上"代码原型"（“流式/延迟画不出来”）。
1.4 可用性测试（“5 人法”）
① 招募 5 人（"目标用户"，别找同事）
② 给 1 个真实任务（"别告诉怎么做"）
③ 观察 + 记录（"卡在哪/点错/退出"，别问"喜不喜欢"）
④ 归纳（"哪步错误最多"）→ 修改 → 再测
记录 4 项（“4 项”）：
| 项 | 内容 |
|---|---|
| 完成度 | 任务能不能完成 |
| 时长 | 完成一遍多久 |
| 错误点 | 哪步错最多 |
| 文案 | 哪句看不懂 |
记忆锚：“5 人 1 任务，观察别问喜，记完成时长错误文案”。
🧠 记忆工具箱
口诀速记
- 流程：“主分支异常三条线，只画主流程是半成品”；
- 状态：“流式能停等待能走，成功能改失败能退，空能引权限能懂”；
- 原型：“线框流程原型交互，代码真实”；
- 测试：“5 人 1 任务，观察别问喜”。
场景锚点
- AI 状态设计想象"“餐厅点餐”"：你不是顾客（不需要吃），你是"服务经理"（“管全程”）——“流式 = 上菜过程（能看到菜在炒）；等待 = 等位（告诉你还要等多久，可以留号）；失败 = 这道菜没了（推荐替代菜）；空 = 没点过（给菜单推荐）；权限 = 会员才能点（告诉你怎么成为会员）”——“只画’上菜’（成功页）= 顾客一卡就投诉”。
⚠️ 易错提醒
- AI 状态"6 种"是最低标准：“流式没停止按钮 = 减分”（“用户要能中断”）；
- 失败"只弹错误" = 不及格：“原因 + 重试 + 降级”三件套缺一不可（“降级 = 换模型/简化/人工”）；
- 代码原型 > 静态稿：“AI 产品的延迟/流式画不出来”——“评审想看真实体验”；
- 可用性测试"别问喜不喜欢"：“问行为，不问态度”（“用户会说喜欢，但会卡住”）。