用户旅程图(User Journey)怎么画
用户旅程图是产品经理对齐用户视角的关键工具。这份指南讲清楚旅程图的核心构成(角色 / 阶段 / 行为 / 情绪 / 机会)、与流程图的差异,并附 AI 生成 prompt 模板。
用户旅程图怎么画
用户旅程图从用户视角描绘阶段、行为、情绪与痛点,帮助产品经理对齐体验改造优先级。构图AI 可快速生成手绘风旅程图草稿。
用户旅程图从单一 Persona 出发,按时间画出阶段、行为、触点、情绪与机会,用来发现体验断层;它不是系统流程图的另一种画法。
用户旅程图(User Journey Map)从用户视角描绘与产品互动的全过程,包含行为、情绪、痛点、机会。它是产品经理做需求优先级与体验改造时最重要的图之一。用 构图AI 可快速生成手绘风旅程图底稿,再在 Excalidraw 画布上和团队一起改;支持导出 PNG / SVG / .excalidraw。产品提供 12 种图类型与约 25 个示例,含用户旅程相关模板。
何时需要画
- 新功能立项:先画当前旅程,找到痛点再立项。
- 体验改造:找出流失率最高的环节重点优化。
- 跨团队对齐:让设计、研发、运营看到「同一个用户」。
- 复盘上线效果:对比新旅程 vs 旧旅程的情绪与转化变化。
- 销售 / 成功故事:用旅程讲清客户价值锚点(注意与内部版脱敏)。
核心构成
一张完整的用户旅程图通常包含:
- 角色(Persona):旅程主角,如「25 岁的初级前端小李」。
- 阶段(Stage):如「认知 → 评估 → 试用 → 付费 → 复购 → 推荐」。
- 行为(Action):每阶段用户做什么。
- 触点(Touchpoint):官网、App、客服、社群、广告等。
- 情绪曲线(Emotion):开心 / 中性 / 沮丧的起伏。
- 痛点(Pain Point):此刻卡住什么。
- 机会(Opportunity):产品可改进什么。
缺情绪与机会的「旅程」很容易退化成步骤清单,洞察价值会大打折扣。
与流程图的差异
| 维度 | 用户旅程图 | 业务流程图 |
|---|---|---|
| 视角 | 用户 | 系统 / 组织 |
| 关注点 | 感受、触点、痛点 | 步骤、分支、系统规则 |
| 回答的问题 | 为什么 | 怎么做 |
| 情绪曲线 | 核心 | 通常无 |
| 典型用途 | 体验与立项 | 研发与运营执行 |
一句话:旅程图找问题,流程图落实现。 电商下单既可以有用户旅程,也可以有 订单流程图,二者不互相替代。
画图要点
- 横轴是时间:从左到右按真实经历排序。
- 情绪曲线居中:上下波动是旅程图的灵魂。
- 颜色编码:触点、痛点、机会用不同颜色。
- 聚焦一个 Persona:多角色拆多张图。
- 机会要可执行:写成「补文档 + 社群答疑」,而非空泛「提升体验」。
手动画 vs AI 生成
用户旅程图信息密度高、横向列多,Excel / PPT 调列很痛苦。
| 方式 | 耗时 | 说明 |
|---|---|---|
| 表格 / PPT | 30–60 分钟 | 列对齐与审美成本高 |
| 构图AI | 约 5–10 秒草稿 | 适合工作坊前出底稿 |
画一张 B 端 SaaS 产品的用户旅程图,手绘风。
角色:初级前端工程师小李。
阶段:认知 → 评估 → 试用 → 接入 → 续费 → 推荐。
每个阶段包含 4 行:
1. 用户行为。
2. 触点(官网、文档、社区、客服)。
3. 情绪(开心 / 中性 / 沮丧,用上下箭头表示)。
4. 痛点与机会。
关键洞察:试用阶段情绪最低(文档不全),是流失高峰,机会是补全文档 + 加社群答疑。
参考 用户旅程示例。登录赠送 1 次免费额度,够出第一版底稿;工作坊多轮改写时,VIP 不限制 AI 画图 更省心。AI 负责结构,访谈结论仍要由人填准。
行业变体
- 电商:种草 → 加购 → 下单 → 收货 → 复购 → 分享。
- 本地生活:到店前 / 到店中 / 离店后三阶段加重服务触点。
- B 端 SaaS:试用、接入、续费是流失与扩张关键段。
- 内容产品:关注「首次获得价值(Aha)」出现在第几阶段。
生成后把系统内部术语(如「扣减库存」)换成用户语言(如「提示无货」)。导出 PNG 进评审稿,SVG 大屏投影,.excalidraw 留给现场共创继续贴痛点便签式修改。
工作坊 90 分钟怎么跑
很多人会画旅程图,但不知道怎么组织讨论。一个可复制的节奏:
- 0–15 分钟:对齐 Persona 与目标,禁止同时讨论多个角色。
- 15–45 分钟:按阶段填行为与触点,先求完整再求漂亮。
- 45–70 分钟:根据数据或访谈贴情绪与痛点,标出最低点。
- 70–90 分钟:把每个痛点改写成可排期的机会,并选出本迭代只做 1–2 个。
构图AI 适合在会前生成底稿,避免对着空白表格冷场;会上以修改为主。结束后立刻导出 PNG 进纪要,.excalidraw 留给下次复盘对比「情绪曲线是否上移」。若发现机会全是「加强运营」而没有产品改动,说明痛点还停在表象,需要回到用户原话再挖一层。
和业务流程图并用时:旅程图决定「改体验的优先级」,流程图决定「系统怎么改得动」。两份都齐全,评审才不会只剩口号。
补充一点:旅程图更新应有触发条件,例如大版本上线、渠道变更、客服工单某类问题激增。没有触发条件的「年度重画」容易沦为墙上海报。把导出的 PNG 与日期写进文档标题,下次对比情绪曲线时才有基线。
相关指南
- 电商订单流程:电商旅程的流程图视角。
- 免费 AI 画图指南:额度与导出说明。
- 用户旅程示例:现成的模板。
与邻近图类型对照
| 图类型 | 视角 | 回答的问题 |
|---|---|---|
| 用户旅程图 | 用户 | 感受与痛点在哪 |
| 流程图 | 系统/业务 | 步骤怎么走 |
| 时间线 | 项目 | 里程碑何时发生 |
配图与交付建议
- 评审用横向旅程图 + 右侧「机会清单」。
- 落地时把机会转成需求池,再用流程图拆实现。
- 构图AI 内置 12 种技能、约 25 个示例,旅程类可与时间线技能配合使用。
- 导出 PNG/SVG 放进 PRD;需要改字时用 .excalidraw。
相关链接
常见问题
用户旅程图必须画情绪曲线吗?+
建议画。没有情绪与痛点,旅程图容易退化成普通流程图。若时间紧,至少标注每个阶段的一个痛点与一个机会。
一张图可以画多个 Persona 吗?+
不建议。一张图聚焦一个角色;多角色请拆图,再在文档里做对比表。
和流程图、时间线怎么分工?+
旅程图看用户感受与触点;流程图看系统步骤;时间线看里程碑排期。产品评审常三者并用。
AI 生成后还要改什么?+
核对阶段是否符合真实路径、痛点是否可验证、机会是否可落到需求。删掉空泛形容词,补上触点渠道名。
相关指南
- AI 画技术图:Excalidraw vs Mermaid vs draw.io 对比用 AI 画技术图怎么选工具?这篇横向对比 Excalidraw / Mermaid / draw.io 三种主流方案的风格、效率、协作与可读性,并给出在什么场景下用构图AI 最划算。
- DevOps CI/CD 流水线怎么画CI/CD 流水线图怎么画才清楚?这份指南拆解 DevOps 持续交付链路的核心阶段、常见结构,并给出可直接复制的 AI 生成 prompt 模板。
- 电商订单流程图怎么画电商订单从下单到退款涉及多个角色和状态流转。这份指南拆解订单流程的核心节点、状态机、常见分支,并附 AI 生成 prompt 模板,帮你 5 秒画出能上评审的订单流程图。