主题
04 - 用户旅程地图 & 故事地图
"站在用户的鞋子里走一遍，你才能知道哪里硌脚。"
一、什么是用户旅程地图
用户旅程地图（User Journey Map）是一种可视化工具， 它从用户视角出发，将用户与产品交互的完整过程按时间线展开， 记录每个阶段的行为、想法、情绪和痛点。
┌─────────────────────────────────────────────────────────────────┐
│ │
│ 用户旅程地图 = 时间线 + 行为 + 想法 + 情绪 + 痛点 + 机会 │
│ │
│ 它回答的核心问题： │
│ │
│ "用户从第一次接触到最终离开（或复购）， │
│ 整个过程中经历了什么？感受如何？哪里可以改进？" │
│ │
└─────────────────────────────────────────────────────────────────┘为什么需要用户旅程地图？
| 价值 | 说明 |
|---|---|
| 全局视角 | 跳出单个功能点，看到用户体验的完整链条 |
| 发现断点 | 找到用户体验中的"卡壳"和"断裂"的地方 |
| 对齐团队 | 让产品、设计、开发、运营理解用户的完整经历 |
| 优先排序依据 | 情绪低谷点 = 最需要改进的地方 |
| 识别机会 | 从旅程中发现新功能或新服务的机会 |
| 量化体验 | 将模糊的"体验好不好"变成可分析的具体环节 |
二、用户旅程地图的组成要素
一张完整的用户旅程地图通常包含以下层级：
┌─────────────────────────────────────────────────────────────────┐
│ 用户旅程地图结构 │
├─────────────────────────────────────────────────────────────────┤
│ │
│ 1. 用户画像 ─── 这张地图描述的是谁的旅程？ │
│ │
│ 2. 场景定义 ─── 在什么场景下？要完成什么目标？ │
│ │
│ 3. 阶段划分 ─── 旅程分成哪几个大阶段？ │
│ | │
│ |── 4. 用户行为 ─── 每个阶段用户做了什么？ │
│ | │
│ |── 5. 用户想法 ─── 每个阶段用户在想什么？ │
│ | │
│ |── 6. 用户情绪 ─── 每个阶段感受如何？(情绪曲线) │
│ | │
│ |── 7. 触点 ─── 通过什么渠道/界面与产品交互？ │
│ | │
│ |── 8. 痛点 ─── 遇到了什么问题和障碍？ │
│ | │
│ └── 9. 机会 ─── 哪些地方可以改进？ │
│ │
└─────────────────────────────────────────────────────────────────┘各要素说明
| 要素 | 描述 | 数据来源 |
|---|---|---|
| 用户画像 | 旅程的"主角"，建议每张地图只画一个画像 | 用户画像文档 |
| 场景 | 用户完成某个任务的完整场景 | 用户访谈、观察 |
| 阶段 | 将旅程拆分为 4~7 个关键阶段 | 行为数据 + 访谈 |
| 行为 | 用户在每阶段的具体操作步骤 | 数据埋点、可用性测试 |
| 想法 | 用户当时的内心独白 | 用户访谈、出声思维法 |
| 情绪 | 用简单的表情或曲线表示情绪变化 | 用户访谈、NPS 调查 |
| 触点 | 用户与品牌/产品接触的渠道（App/网页/客服/线下等） | 全渠道数据 |
| 痛点 | 用户感到不满、困惑或受阻的地方 | 投诉、差评、访谈 |
| 机会 | 针对痛点的改进思路 | 团队共创、竞品参考 |
三、如何绘制用户旅程地图
绘制步骤
Step 1 Step 2 Step 3 Step 4 Step 5
┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐
│ 确定范围 │───>│ 收集数据 │───>│ 划分阶段 │───>│ 填充内容 │───>│ 审核优化 │
│ │ │ │ │ │ │ │ │ │
│ 选画像 │ │ 做访谈 │ │ 定义每个 │ │ 逐层填写 │ │ 团队审阅 │
│ 选场景 │ │ 看数据 │ │ 关键阶段 │ │ 行为/想法│ │ 用户验证 │
│ 定目标 │ │ 查反馈 │ │ (4~7个) │ │ 情绪/痛点│ │ 迭代更新 │
└─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘Step 1：确定范围
首先明确三个问题：
- 谁？ —— 选择一个用户画像作为旅程的主角
- 什么场景？ —— 比如"首次在电商 App 上购买商品"
- 多大范围？ —— 是从看到广告开始，还是从打开 App 开始？
Step 2：收集数据
不要凭空画旅程地图！需要基于真实数据：
- 回顾用户访谈记录
- 查看行为数据（漏斗、热力图、录屏）
- 梳理客服/投诉反馈
- 进行实地观察或可用性测试
Step 3：划分阶段
将完整旅程切分为几个关键阶段。以电商购物为例：
认知 考虑 决策 购买 收货 售后
┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐
│ │->│ │->│ │->│ │->│ │->│ │
│ 发现 │ │ 浏览 │ │ 比较 │ │ 下单 │ │ 等待 │ │ 使用 │
│ 需求 │ │ 商品 │ │ 选择 │ │ 支付 │ │ 收货 │ │ 评价 │
│ │ │ │ │ │ │ │ │ │ │ │
└──────┘ └──────┘ └──────┘ └──────┘ └──────┘ └──────┘Step 4-5：填充内容并审核
下面展示一个完整的示例。
四、完整示例：电商购物用户旅程地图
用户画像：李小芳（32 岁宝妈，省钱达人） 场景：在电商 App 上为女儿购买一件秋季外套
╔═══════════════════════════════════════════════════════════════════════════════╗
║ 用户旅程地图 · 李小芳 · 为女儿购买秋季外套 ║
╠═══════════╦═══════════╦═══════════╦═══════════╦═══════════╦═══════════════════╣
║ 阶段 ║ 认知 ║ 浏览 ║ 决策 ║ 购买 ║ 收货与售后 ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║ 刷短视频 ║ 打开App ║ 比较3-4款 ║ 加购物车 ║ 查看物流信息 ║
║ 用户行为 ║ 看到童装 ║ 搜索"女童 ║ 看评价和 ║ 凑满减 ║ 收到包裹验货 ║
║ ║ 广告种草 ║ 秋季外套" ║ 买家秀 ║ 找优惠券 ║ 满意则好评 ║
║ ║ ║ 浏览筛选 ║ 对比价格 ║ 提交订单 ║ 不满意则退换 ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║"这件外套 ║"好多款式 ║"这家评价 ║"满减规则 ║"物流怎么还没 ║
║ 用户想法 ║ 好看，女 ║ 啊，不知 ║ 不错，但 ║ 好复杂， ║ 到？说好的3天 ║
║ ║ 儿正好需 ║ 道该选哪 ║ 价格有点 ║ 到底能省 ║ 到货......" ║
║ ║ 要一件" ║ 个......" ║ 贵了" ║ 多少？" ║ ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║ ║ ║ ║ ║ ║
║ 情绪曲线 ║ :-) ║ :-| ║ :-( ║ :-( ║ :-) 或 :-( ║
║ ║ 期待 ║ 迷茫 ║ 纠结 ║ 烦躁 ║ 满意 或 失望 ║
║ ║ ║ ║ ║ ║ ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║ 短视频 ║ App搜索 ║ 商品详情 ║ 购物车 ║ 物流追踪页 ║
║ 触点 ║ 广告 ║ 结果页 ║ 页、评价 ║ 结算页 ║ 客服对话 ║
║ ║ ║ 筛选页 ║ 页 ║ 支付页 ║ 评价页 ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║ 广告跳转 ║ 搜索结果 ║ 尺码信息 ║ 满减计算 ║ 物流信息更新 ║
║ 痛点 ║ 后找不到 ║ 太多太杂 ║ 不明确， ║ 逻辑复杂 ║ 不及时，退换 ║
║ ║ 那件衣服 ║ 不知道选 ║ 怕买错 ║ 算不清楚 ║ 货流程繁琐 ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═══════════════════╣
║ ║ 记录种草 ║ 智能筛选 ║ 儿童尺码 ║ 一键计算 ║ 实时物流推送 ║
║ 改进机会 ║ 来源，支 ║ "宝妈最 ║ 推荐工具 ║ 最优优惠 ║ 一键退换货 ║
║ ║ 持一键跳转 ║ 爱"榜单 ║ 买家秀优化║ 组合 ║ 极速退款 ║
╚═══════════╩═══════════╩═══════════╩═══════════╩═══════════╩═══════════════════╝情绪曲线可视化
满意 5 |
| * *
4 | * *
| * *
中性 3 | * * *
| * * *
2 | * * *
| * * *
不满 1 | * * * * * * *
|
0 +-----+------+------+------+------+------+------+---
认知 浏览 比较 决策 下单 等待 收货 评价
(^情绪高点) (v情绪低谷：决策到等待阶段)
分析：用户在"决策"和"下单"阶段情绪最低，
说明优惠计算复杂和尺码信息不足是最大痛点。
这两个环节应该是产品优化的重点！五、用户故事地图（Story Mapping）
用户故事地图（Story Map）是 Jeff Patton 提出的一种需求规划方法。 它将用户故事按照使用流程和优先级两个维度组织起来， 帮助团队规划产品的迭代发布策略。
用户旅程地图 vs 用户故事地图
| 维度 | 用户旅程地图 (Journey Map) | 用户故事地图 (Story Map) |
|---|---|---|
| 目的 | 理解用户体验全貌，发现痛点 | 规划产品功能，安排迭代节奏 |
| 视角 | 用户视角（感受和情绪） | 团队视角（功能和优先级） |
| 横轴 | 时间线（用户旅程阶段） | 用户活动流（使用步骤） |
| 纵轴 | 行为/想法/情绪/痛点等多个层级 | 优先级（从高到低） |
| 产出 | 体验痛点和改进机会 | 版本发布计划 |
| 适用阶段 | 产品探索和体验优化阶段 | 产品规划和迭代排期阶段 |
故事地图结构
用户活动（横轴 - 使用流程）
──────────────────────────────────────────────────────>
┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐
│ 活动 1 │ │ 活动 2 │ │ 活动 3 │ │ 活动 4 │ <- 骨架故事
│ (注册) │ │ (浏览) │ │ (购买) │ │ (售后) │ (Backbone)
└────┬────┘ └────┬────┘ └────┬────┘ └────┬────┘
| | | |
┌────┴────┐ ┌────┴────┐ ┌────┴────┐ ┌────┴────┐
│ 手机号 │ │ 搜索 │ │ 加购物车│ │ 查物流 │ <- MVP
│ 注册 │ │ 商品 │ │ 下单 │ │ │ (第一版)
├─────────┤ ├─────────┤ ├─────────┤ ├─────────┤ ........
│ 微信 │ │ 分类 │ │ 优惠券 │ │ 退换货 │ <- Release 2
│ 登录 │ │ 浏览 │ │ 使用 │ │ │ (第二版)
├─────────┤ ├─────────┤ ├─────────┤ ├─────────┤ ........
│ 人脸 │ │ 个性化 │ │ 分期 │ │ 智能 │ <- Release 3
│ 识别 │ │ 推荐 │ │ 付款 │ │ 客服 │ (第三版)
└─────────┘ └─────────┘ └─────────┘ └─────────┘
|
| 优先级（纵轴 - 从高到低）
v故事地图的创建步骤
Step 1: 确定目标用户和核心场景
|
Step 2: 梳理用户活动流（横轴骨架）
|
| "用户从头到尾要做哪些事？"
| 注册 -> 浏览 -> 选择 -> 购买 -> 收货 -> 评价
|
Step 3: 在每个活动下列出用户故事（纵向展开）
|
| "注册"这个活动下有哪些用户故事？
| - 作为新用户，我想用手机号快速注册
| - 作为微信用户，我想一键微信登录
| - 作为老用户，我想用人脸识别登录
|
Step 4: 按优先级纵向排序（上面 = 更重要）
|
Step 5: 画发布分割线，确定每个版本包含哪些故事故事地图的详细示例：电商 App
╔═══════════════════════════════════════════════════════════════════════════╗
║ 电商 App · 用户故事地图 ║
╠═══════════╦═══════════╦═══════════╦═══════════╦═══════════╦═════════════╣
║ 注册登录 ║ 发现商品 ║ 商品详情 ║ 下单支付 ║ 订单管理 ║ 评价分享 ║
╠═══════════╬═══════════╬═══════════╬═══════════╬═══════════╬═════════════╣
║ ║ ║ ║ ║ ║ ║
║ 手机号 ║ 关键词搜索 ║ 图片和 ║ 购物车 ║ 订单列表 ║ 文字评价 ║
║ 快速注册 ║ ║ 基本信息 ║ 管理 ║ ║ ║
║ ║ 分类浏览 ║ ║ 基本下单 ║ 物流跟踪 ║ ║
║-----------║-----------║-----------║ 流程 ║ ║----------- ║
║ MVP ║ MVP ║ MVP ║-----------║-----------║ MVP ║
║===========║===========║===========║ MVP ║ MVP ║=============║
║ ║ ║ ║===========║===========║ ║
║ 微信/支付 ║ 筛选和排序║ 买家秀 ║ 优惠券 ║ 退换货 ║ 图片评价 ║
║ 宝登录 ║ ║ 评价区 ║ 使用 ║ 申请 ║ ║
║ ║ 历史搜索 ║ ║ ║ ║ 分享给 ║
║-----------║-----------║ 尺码推荐 ║ 多种支付 ║-----------║ 好友 ║
║ V 2.0 ║ V 2.0 ║-----------║ 方式 ║ V 2.0 ║----------- ║
║===========║===========║ V 2.0 ║-----------║===========║ V 2.0 ║
║ ║ ║===========║ V 2.0 ║ ║=============║
║ 人脸识别 ║ 个性化 ║ AR 试穿 ║===========║ 智能客服 ║ 短视频 ║
║ 登录 ║ 推荐 ║ ║ 分期付款 ║ ║ 评价 ║
║ ║ ║ 3D 展示 ║ ║ 自动补货 ║ ║
║ ║ 直播导购 ║ ║ 自动凑满减║ 提醒 ║ 社区种草 ║
║-----------║-----------║-----------║-----------║-----------║----------- ║
║ V 3.0 ║ V 3.0 ║ V 3.0 ║ V 3.0 ║ V 3.0 ║ V 3.0 ║
╚═══════════╩═══════════╩═══════════╩═══════════╩═══════════╩═════════════╝六、从旅程地图中发现产品改进机会
旅程地图画完不是终点，关键是从中提炼出可行动的改进方案。
分析方法
方法 1：找情绪低谷
情绪曲线分析法
高 | *
| * *
| * *
中 | * * * *
| * * *
| * *
低 | * * * * *
+---+---+---+---+---+---+---+---+---
A B C D E F G H I
情绪低谷在 D~F 阶段 ==> 这几个阶段是改进重点！
分析低谷原因 ==> 制定改进方案 ==> 排入需求池方法 2：痛点归类和优先排序
将旅程中发现的所有痛点归类，然后用影响程度和改进难度排序：
| 痛点分类 | 具体痛点 | 影响用户数 | 情绪影响 | 改进难度 | 优先级 |
|---|---|---|---|---|---|
| 搜索相关 | 搜索结果不相关 | 高 | 高 | 中 | P0 |
| 价格相关 | 优惠计算复杂 | 中高 | 高 | 低 | P0 |
| 尺码相关 | 尺码信息不明确 | 中 | 中高 | 低 | P1 |
| 物流相关 | 物流信息更新不及时 | 中 | 中 | 中 | P1 |
| 售后相关 | 退换货流程繁琐 | 中低 | 高 | 高 | P2 |
方法 3：MOT（关键时刻）分析
MOT = Moment of Truth (真实瞬间/关键时刻)
在用户旅程中，有些瞬间对用户的整体满意度影响特别大：
┌─────────────────────────────────────────────────────────────┐
│ │
│ Peak-End Rule (峰终定律)： │
│ │
│ 人们对一段体验的记忆，主要取决于两个时刻： │
│ 1. 体验中的"峰值"（最好或最差的瞬间） │
│ 2. 体验结束时的感受 │
│ │
│ 应用： │
│ - 确保旅程中至少有一个"峰值正面体验" │
│ - 确保旅程结束时的体验是正面的 │
│ - 即使中间有小瑕疵，峰值和结尾好就行 │
│ │
│ 示例： │
│ - 电商：收到包裹时附赠一张手写感谢卡 (结尾惊喜) │
│ - 外卖：超预期提前送达 (峰值正面体验) │
│ - SaaS：完成新手引导后的成就弹窗 (峰值正面体验) │
│ │
└─────────────────────────────────────────────────────────────┘七、常用绘制工具推荐
| 工具 | 费用 | 特点 | 适用场景 |
|---|---|---|---|
| Miro | 免费+收费 | 在线白板，模板丰富，适合团队协作 | 远程团队共创 |
| Figma/FigJam | 免费+收费 | 设计工具自带白板功能，与设计文件打通 | 设计驱动的团队 |
| 飞书文档 | 免费 | 表格形式画旅程地图，简单直接 | 国内团队、快速产出 |
| XMind | 免费+收费 | 思维导图工具，可以做简易故事地图 | 个人梳理 |
| Lucidchart | 免费+收费 | 专业流程图工具，模板精美 | 需要精美输出 |
| Notion | 免费+收费 | 表格 + 看板模式灵活组合 | 小团队灵活管理 |
| 纸笔 + 白板 | 免费 | 最快的方式，适合头脑风暴和初稿 | 线下工作坊 |
| PowerPoint | 已有 | 通用办公工具，分享方便 | 汇报和演示 |
工具选择建议
你的场景是什么？
团队共创工作坊 ──> Miro / FigJam / 白板
|
个人快速梳理 ──> 纸笔 / Notion / 飞书文档
|
正式报告输出 ──> Figma / Lucidchart / PPT
|
敏捷团队持续用 ──> Notion / 飞书 (易维护)八、实践练习
练习 1：绘制你的用户旅程地图
选择一个你常用的产品（如美团点外卖、微信读书听书等），绘制一张完整的用户旅程地图：
- 确定一个具体场景（如"第一次在美团上点外卖"）
- 划分 5~6 个关键阶段
- 为每个阶段填写：行为、想法、情绪、触点、痛点
- 画出情绪曲线
- 标注 2~3 个改进机会
练习 2：从旅程地图到需求列表
基于练习 1 的旅程地图：
- 提取所有痛点
- 按影响程度和改进难度排序
- 找出 Top 3 的改进机会
- 为每个机会写一句话的需求描述
练习 3：创建故事地图
选择一个简单的产品概念（如"校园二手交易 App"），创建一张用户故事地图：
- 梳理核心用户活动流（横轴）
- 在每个活动下列出 3~5 个用户故事
- 按优先级排序
- 画出 MVP 和 V2.0 的分割线
九、旅程地图与其他工具的关系
┌─────────────────────────────────────────────────────────────────┐
│ │
│ 用户画像 用户旅程地图 用户故事地图 │
│ (谁？) ──> (体验如何？) ──> (做什么？先做什么？) │
│ | │
│ v │
│ 痛点和机会 │
│ | │
│ v │
│ ┌────────────────────────────────────┐ │
│ │ 需求池 + 优先级排序 │ │
│ │ (KANO + RICE + MoSCoW) │ │
│ └────────────────────┬───────────────┘ │
│ | │
│ v │
│ PRD 文档 │
│ 产品设计 │
│ 开发迭代 │
│ │
└─────────────────────────────────────────────────────────────────┘
这就是从"了解用户"到"产品落地"的完整链路！本节小结
┌──────────────────────────────────────────────────────────┐
│ 本节核心要点 │
├──────────────────────────────────────────────────────────┤
│ │
│ 1. 用户旅程地图从用户视角可视化完整体验链路 │
│ │
│ 2. 包含阶段、行为、想法、情绪、触点、痛点、机会等要素 │
│ │
│ 3. 绘制基于真实数据，不是凭空想象 │
│ │
│ 4. 情绪低谷 = 最需要改进的环节 │
│ │
│ 5. 用户故事地图用于需求规划和版本迭代安排 │
│ │
│ 6. 峰终定律：关注体验的峰值和结尾 │
│ │
│ 7. 旅程地图、画像、需求分析构成完整的用户研究闭环 │
│ │
└──────────────────────────────────────────────────────────┘上一节：03 - 需求收集与优先级排序 | 返回：章节目录