# Lesson 20: 故事讲述：产品叙事与演示

## 本课目标

- 理解为什么"故事讲述"对产品成功至关重要
- 掌握故事讲述的 4 个心理学原理
- 学会 CIS 故事讲述的 10 步工作流
- 了解 26 个故事框架和 7 种演示类型的分类体系（详见补充课）

## 核心内容

### 本课缩写速查表

| 缩写 | 全称 | 中文 | 一句话说明 |
|------|------|------|-----------|
| CIS | Creative & Innovation Suite | 创意创新套件 | cc4pm 的第一大模块 |
| Sophia | Sophia | 索菲亚（代理名） | CIS 故事讲述代理，专精叙事构建 |
| Caravaggio | Caravaggio | 卡拉瓦乔（代理名） | CIS 演示大师代理，专精视觉演示 |
| CTA | Call to Action | 行动号召 | 故事结尾让听众采取的行动 |
| FIA | Feature Impact Analysis | 功能影响分析 | 上一课学过，这里用它的数据讲故事 |

### 认识两位故事代理

#### Sophia（索菲亚）—— 故事讲述代理

**定位**：CIS 的"叙事大师"，专精故事框架选择和叙事构建。

**核心能力**：

| 能力 | 说明 |
|------|------|
| 框架推荐 | 根据受众和目标，从 26 个框架中推荐最佳匹配 |
| 叙事构建 | 将产品数据、Trigger Map 洞察转化为叙事结构 |
| 情感注入 | 在关键节点添加情感触发元素 |
| 多版本生成 | 为同一内容生成不同风格的版本 |
| 渠道适配 | 同一故事适配不同渠道（演讲/文章/社交媒体） |

```bash
/bmad-agent-cis-storyteller
```

#### Caravaggio（卡拉瓦乔）—— 演示大师代理

**定位**：CIS 的"视觉大师"，专精将故事转化为视觉演示。

**为什么叫 Caravaggio？** 卡拉瓦乔是巴洛克时期的画家，以戏剧性的光影对比闻名。这位代理也一样——擅长用视觉的"明暗对比"来突出演示中的重点。

**核心能力**：

| 能力 | 说明 |
|------|------|
| 演示结构设计 | 根据故事框架设计幻灯片结构 |
| 视觉叙事 | 用图表、图标、配色强化叙事效果 |
| 数据可视化 | 将复杂数据转化为直观的图表 |
| 风格一致性 | 确保全套演示视觉风格统一 |

```bash
/bmad-agent-cis-presentation-master
```

#### Sophia + Caravaggio 协作流程

```
Sophia 负责"写剧本"          Caravaggio 负责"拍电影"
────────────────────          ────────────────────────
选择故事框架                    设计幻灯片结构
构建叙事弧线                    选择视觉风格
编写文字内容         →          转化为视觉演示
注入情感触发点                  添加图表和数据可视化
多渠道适配                      输出最终演示文件
```

### 从"设计"到"叙事"——为什么需要故事讲述

你已经完成了 WDS 的核心工作：

```
Trigger Map    → 理解用户"为什么"
UX 场景        → 定义用户"怎么用"
UX 设计        → 画出用户"看到什么"
```

但这还不够。还有一个关键问题没有回答：**"我怎么让用户和投资者相信这个产品价值？"**

这就是故事讲述的价值：

```
设计好的产品    ← 只有专业人士能理解
    ↓
通过故事讲述    ← 连非专业人士也能理解和被说服
    ↓
产品演示/推介   ← 用户、投资者、合作伙伴都买单
```

**一个真实例子**：

```
设计师说："我们优化了支付流程，从 7 步减到 3 步。"
用户听了不感动。

但如果这样说：
"一个外卖员，骑了 30 分钟到了地点。
因为支付太复杂，他放弃了，跑去隔壁竞品点餐。
我们的优化让他在 15 秒内完成支付，
赚到这笔配送费，回家按时吃饭。"

这个故事 30 秒就让人理解了产品的真正价值。
```

### 故事讲述的核心原理

为什么故事这么有力？有四个心理学原理：

#### 1. 镜像神经元（Mirror Neurons）

当人听故事时，大脑会"模拟"故事中的场景和情感。

```
数据："转化率提升 12%"           → 大脑：记一下
故事："用户等了 15 秒，最后还是点了返回..." → 大脑：我感受到了焦虑和等待
```

#### 2. 记忆粘性（Stickiness）

```
数据："45% → 50%"  → 听过就忘
故事："一个用户从放弃到成功的转变"  → 能记一辈子
```

#### 3. 说服力倍增

```
论证："我们的产品很好"  → 听众："你当然这么说"
故事："一个用户这样用了，结果..."  → 听众自己得出结论
```

#### 4. 情感共鸣（Emotional Resonance）

```
功能说明："支持 API 调用"  → 技术人员关心
故事："一个开发者用 API 3 天搭了整个系统"  → 所有人都能体会价值
```

### WDS 中的故事讲述

在 WDS 的框架中，故事讲述出现在两个关键时刻：

```
Phase 2: Trigger Map 研讨会
         ↓ 讲故事帮助团队理解用户心理驱动力
         例："小微企业主张先生的故事"

Phase 3-4: 设计和演示
         ↓ 讲故事帮助用户和投资者理解产品价值
         例："张先生从焦虑到安心的故事"
```

特别是在 Phase 3（UX 场景）中，每个场景本质上就是一个"用户故事"——有人物、情境、冲突、解决方案、结果。

### CIS 故事讲述的 10 步工作流

现在你知道了故事的原理和框架。但"知道框架"和"能讲好故事"是两回事。CIS 提供了一个 10 步工作流，帮你从选择框架到讲好故事。

#### 阶段 1：规划（Steps 1-3）

```
Step 1: 明确目的    → 唤醒认识？展示价值？建立连接？激励行动？
Step 2: 选择框架    → 从 26 个框架中选（见 Lesson 20.1）
Step 3: 核心事件    → 这个框架在你的经历中对应什么事件？
```

#### 阶段 2：构思（Steps 4-6）

```
Step 4: 定义角色    → 主人公是谁？背景、性格、目标
Step 5: 勾勒情节    → 开场 → 冲突 → 转折 → 高潮 → 结局
Step 6: 核心洞察    → 用一句话表达故事的核心观点
```

#### 阶段 3：细节（Steps 7-9）

```
Step 7: 感官细节    → 声音、颜色、气味——让故事变成画面
Step 8: 编写对话    → 好的对话推动情节，节省篇幅
Step 9: 镜头切换    → 哪里停顿、哪里加重音，提高节奏感
```

#### 阶段 4：交付（Step 10）

```
Step 10: 试讲调整   → 小组试讲 → 收集反馈 → 调整
```

```bash
/bmad-cis-storytelling
```

### 从 UX 场景到故事讲述

你之前在 Lesson 19 创建的 UX 场景，本质上已经是故事框架了。现在你可以用这些场景来创作市场营销和用户教育的故事。

**转化逻辑**：

```
UX 场景：
  用户：小微企业主张先生，在便利店买了原材料
  驱动力：害怕忘记这笔现金支出
  最短路径：打开App → 拍发票 → AI分类 → 确认

故事化后（用"对比故事"框架）：
  "张先生做早餐生意。

  用前：每天都怕漏记现金。
  最害怕的时刻是月末发现对不上账，
  整晚失眠查账。

  用后：打开App拍一张发票，
  AI自动分类，3秒完成。
  现在他再也不会因为漏账而焦虑。

  简单一个动作，改变了他每个月一次的焦虑。"
```

这个故事不仅让潜在用户理解产品，也让投资者看到真实的用户价值。

### 框架与演示类型速查

完整的 26 个故事框架和 7 种产品演示类型，请参阅补充课：

**故事框架**（Lesson 20.1）：

| 你的目的 | 推荐类别 | 最常用框架 |
|---------|---------|-----------|
| 让人意识到问题存在 | 启蒙故事 | 问题启蒙、机遇启蒙 |
| 展示产品实际效果 | 转变故事 | 对比故事、英雄之旅 |
| 和观众建立个人连接 | 连接故事 | 同理心故事、脆弱故事 |
| 教导最佳实践 | 学习故事 | 问题解决故事、失败教训 |
| 激励团队采取行动 | 启发故事 | 梦想故事、鼓励故事 |
| 制造悬念引发思考 | 冲突故事 | 悖论故事、讽刺故事 |

**演示类型**（Lesson 20.2）：

| 使用场景 | 推荐演示类型 |
|---------|------------|
| 初创融资演讲 | 概念演示 + 用户故事演示 |
| 销售与潜在客户 | 场景演示 + 对比演示 |
| 客户成功案例 | 用户成功故事演示 |
| 员工培训 | 交互式工作坊演示 |
| 技术合作谈判 | 技术架构演示 |
| 产品发布会 | 概念演示 + 多个场景演示 + 用户故事 |

### CIS 故事讲述的完整代理家族

在 Lesson 11-12 你认识了 CIS 的创意和创新代理。现在加上故事讲述代理，看完整全家福：

```
CIS 创意创新套件——代理全家福

创意阶段：
  Carson（卡森）—— 头脑风暴教练
  Victor（维克多）—— 创意问题解决者

创新阶段：
  Mary（玛丽）—— 设计思维教练
  John（约翰）—— 创新策略师

故事阶段：
  Sophia（索菲亚）—— 故事讲述专家  ← 本课新认识
  Caravaggio（卡拉瓦乔）—— 演示大师  ← 本课新认识
```

### PM 故事讲述速查指南

作为 PM，以下是你最常用的故事场景和推荐框架：

| 场景 | 推荐框架类别 | 推荐框架 | 启动命令 |
|------|------------|---------|---------|
| 向老板汇报 | 学习故事 | 问题解决故事 / STAR | `/bmad-cis-storytelling` |
| 投资人路演 | 启发故事 | 梦想故事 / 可能性故事 | `/bmad-cis-storytelling` |
| 客户演示 | 转变故事 | 对比故事 / 英雄之旅 | `/bmad-cis-presentation-master` |
| 团队激励 | 启发故事 | 鼓励故事 / 信仰故事 | `/bmad-cis-storytelling` |
| 新功能发布 | 启蒙故事 | 能力启蒙 / 机遇启蒙 | `/bmad-cis-presentation-master` |
| 用户成功案例 | 转变故事 | 逆境故事 / 合作故事 | `/bmad-cis-storytelling` |
| 社交媒体内容 | 连接故事 | 同理心故事 / 脆弱故事 | `/bmad-cis-storytelling` |

### 故事和 WDS 的关联

故事讲述不是独立存在的——它和前面学的 WDS 紧密相连：

```
Trigger Map 中的"驱动力"
    ↓ 变成故事中的"情感共鸣点"
    用户的恐惧和渴望 → 故事的冲突和希望

UX 场景中的"用户旅程"
    ↓ 变成故事中的"案例和演示"
    张先生拍照记账的场景 → 路演中的产品演示

功能影响分析（FIA）的"数据"
    ↓ 变成故事中的"数据支撑"
    功能覆盖了 6 个核心驱动力 → "我们理解用户的 6 个核心需求"
```

**核心思想**：你不是在"编故事"，你是在把 Trigger Map 和 UX 场景中发现的真实洞察，用故事的形式传达给不同的受众。

## 实操练习

> **⚠️ 实操须知**：命令需在新 Claude Code session 中执行。详见 [practice-notice.md](../shared/practice-notice.md)

### 练习 1：启动 Sophia 创建产品故事

```bash
/bmad-cis-storytelling
```

**任务**：
1. 选择一个故事类型（推荐从"转变故事"开始）
2. 使用 Trigger Map 中的驱动力作为情感共鸣点
3. 完成 10 步故事创建工作流
4. 获得一个完整的产品故事

### 练习 2：创建产品演示

```bash
/bmad-cis-presentation-master
```

**任务**：
- 选择演示类型（参阅 Lesson 20.2 的 7 种类型）
- 使用 UX 场景作为演示脚本
- 生成演示大纲

**检查清单**：
- [ ] 成功启动 `/bmad-cis-storytelling`
- [ ] 创建了一个完整的产品故事
- [ ] 尝试了演示大师
- [ ] 理解了故事框架和 WDS 的关联

---

## 常见问题

**Q: 故事讲述和营销文案有什么区别？**

A: 文案是"说服"，故事是"感动"。文案告诉你"买这个产品"，故事让你"想成为这样的人"。故事更深层，因为它改变认知而不仅仅是提供信息。好的营销同时包含两者——故事做深度，文案做清晰。

**Q: 我没有用户故事怎么办？**

A: 可以虚构（注明是代表性场景）。但更好的做法是：(1) 用你自己作为第一个用户讲故事；(2) 采访早期用户提取他们的故事；(3) 用 Trigger Map 和 UX 场景虚拟构造一个故事，这个故事代表了研究发现。

**Q: 26 个框架和 7 种演示类型在哪里看？**

A: 详见补充课 Lesson 20.1（26 个故事框架）和 Lesson 20.2（7 种产品演示类型）。本课聚焦原理和工作流，补充课提供完整的工具箱。

## 阶段 3 总结

恭喜你完成了阶段 3（WDS 网页设计系统）！

| 课程 | 核心收获 |
|------|---------|
| L17 WDS 概览 | 8 阶段流水线 + Saga/Freya 双代理 |
| L18 Trigger Map | 4 研讨会 + 正向/负向驱动力 + FIA |
| L19 UX 场景 | 8 组成部分 + 9 步工作流 + 验证清单 |
| L20 故事讲述 | 4 心理学原理 + 10 步工作流 + 26 框架 + 7 演示类型 |

## 下一步

恭喜！你已经完成了阶段 3（WDS 网页设计系统）的全部课程。

**你现在已经学会了**：
- Lesson 17: WDS 的全景和 8 阶段流水线
- Lesson 18: 用 Trigger Map 从商业目标映射到用户心理
- Lesson 19: 用 UX 场景把心理洞察变成用户旅程
- Lesson 20: 用故事讲述把设计变成说服力

**接下来的阶段 4（工程协作与质量保障）**：
- Lesson 21: 工程协作概览
- Lesson 22: 测试与代码审查
- Lesson 23: 自动化工作流

请调用 `AskUserQuestion` 展示以下选项，让学习者点击选择；从每条中提炼 1-5 个词作为 label，其余写入 description，不要要求输入数字：

- 返回主菜单查看课程地图
- 预览阶段 4 内容
- 退出学习

---
*阶段 3 | Lesson 20/26 (阶段内 4/4) | 上一课: Lesson 19 - UX 场景 | 下一课: Lesson 20.1 - 故事框架*