用户旅程图(User Journey)怎么画

用户旅程图是产品经理对齐用户视角的关键工具。这份指南讲清楚旅程图的核心构成(角色 / 阶段 / 行为 / 情绪 / 机会)、与流程图的差异,并附 AI 生成 prompt 模板。

作者:松柏

用户旅程图怎么画

用户旅程图从用户视角描绘阶段、行为、情绪与痛点,帮助产品经理对齐体验改造优先级。构图AI 可快速生成手绘风旅程图草稿。

用户旅程图从单一 Persona 出发,按时间画出阶段、行为、触点、情绪与机会,用来发现体验断层;它不是系统流程图的另一种画法。

用户旅程图(User Journey Map)从用户视角描绘与产品互动的全过程,包含行为、情绪、痛点、机会。它是产品经理做需求优先级与体验改造时最重要的图之一。用 构图AI 可快速生成手绘风旅程图底稿,再在 Excalidraw 画布上和团队一起改;支持导出 PNG / SVG / .excalidraw。产品提供 12 种图类型与约 25 个示例,含用户旅程相关模板。

何时需要画

  • 新功能立项:先画当前旅程,找到痛点再立项。
  • 体验改造:找出流失率最高的环节重点优化。
  • 跨团队对齐:让设计、研发、运营看到「同一个用户」。
  • 复盘上线效果:对比新旅程 vs 旧旅程的情绪与转化变化。
  • 销售 / 成功故事:用旅程讲清客户价值锚点(注意与内部版脱敏)。

核心构成

一张完整的用户旅程图通常包含:

  1. 角色(Persona):旅程主角,如「25 岁的初级前端小李」。
  2. 阶段(Stage):如「认知 → 评估 → 试用 → 付费 → 复购 → 推荐」。
  3. 行为(Action):每阶段用户做什么。
  4. 触点(Touchpoint):官网、App、客服、社群、广告等。
  5. 情绪曲线(Emotion):开心 / 中性 / 沮丧的起伏。
  6. 痛点(Pain Point):此刻卡住什么。
  7. 机会(Opportunity):产品可改进什么。

缺情绪与机会的「旅程」很容易退化成步骤清单,洞察价值会大打折扣。

与流程图的差异

维度用户旅程图业务流程图
视角用户系统 / 组织
关注点感受、触点、痛点步骤、分支、系统规则
回答的问题为什么怎么做
情绪曲线核心通常无
典型用途体验与立项研发与运营执行

一句话:旅程图找问题,流程图落实现。 电商下单既可以有用户旅程,也可以有 订单流程图,二者不互相替代。

画图要点

  • 横轴是时间:从左到右按真实经历排序。
  • 情绪曲线居中:上下波动是旅程图的灵魂。
  • 颜色编码:触点、痛点、机会用不同颜色。
  • 聚焦一个 Persona:多角色拆多张图。
  • 机会要可执行:写成「补文档 + 社群答疑」,而非空泛「提升体验」。

手动画 vs AI 生成

用户旅程图信息密度高、横向列多,Excel / PPT 调列很痛苦。

方式耗时说明
表格 / PPT30–60 分钟列对齐与审美成本高
构图AI约 5–10 秒草稿适合工作坊前出底稿
画一张 B 端 SaaS 产品的用户旅程图,手绘风。
角色:初级前端工程师小李。
阶段:认知 → 评估 → 试用 → 接入 → 续费 → 推荐。
每个阶段包含 4 行:
1. 用户行为。
2. 触点(官网、文档、社区、客服)。
3. 情绪(开心 / 中性 / 沮丧,用上下箭头表示)。
4. 痛点与机会。
关键洞察:试用阶段情绪最低(文档不全),是流失高峰,机会是补全文档 + 加社群答疑。

参考 用户旅程示例。登录赠送 1 次免费额度,够出第一版底稿;工作坊多轮改写时,VIP 不限制 AI 画图 更省心。AI 负责结构,访谈结论仍要由人填准。

行业变体

  • 电商:种草 → 加购 → 下单 → 收货 → 复购 → 分享。
  • 本地生活:到店前 / 到店中 / 离店后三阶段加重服务触点。
  • B 端 SaaS:试用、接入、续费是流失与扩张关键段。
  • 内容产品:关注「首次获得价值(Aha)」出现在第几阶段。

生成后把系统内部术语(如「扣减库存」)换成用户语言(如「提示无货」)。导出 PNG 进评审稿,SVG 大屏投影,.excalidraw 留给现场共创继续贴痛点便签式修改。

工作坊 90 分钟怎么跑

很多人会画旅程图,但不知道怎么组织讨论。一个可复制的节奏:

  1. 0–15 分钟:对齐 Persona 与目标,禁止同时讨论多个角色。
  2. 15–45 分钟:按阶段填行为与触点,先求完整再求漂亮。
  3. 45–70 分钟:根据数据或访谈贴情绪与痛点,标出最低点。
  4. 70–90 分钟:把每个痛点改写成可排期的机会,并选出本迭代只做 1–2 个。

构图AI 适合在会前生成底稿,避免对着空白表格冷场;会上以修改为主。结束后立刻导出 PNG 进纪要,.excalidraw 留给下次复盘对比「情绪曲线是否上移」。若发现机会全是「加强运营」而没有产品改动,说明痛点还停在表象,需要回到用户原话再挖一层。

和业务流程图并用时:旅程图决定「改体验的优先级」,流程图决定「系统怎么改得动」。两份都齐全,评审才不会只剩口号。

补充一点:旅程图更新应有触发条件,例如大版本上线、渠道变更、客服工单某类问题激增。没有触发条件的「年度重画」容易沦为墙上海报。把导出的 PNG 与日期写进文档标题,下次对比情绪曲线时才有基线。

相关指南

与邻近图类型对照

图类型视角回答的问题
用户旅程图用户感受与痛点在哪
流程图系统/业务步骤怎么走
时间线项目里程碑何时发生

配图与交付建议

  • 评审用横向旅程图 + 右侧「机会清单」。
  • 落地时把机会转成需求池,再用流程图拆实现。
  • 构图AI 内置 12 种技能、约 25 个示例,旅程类可与时间线技能配合使用。
  • 导出 PNG/SVG 放进 PRD;需要改字时用 .excalidraw。

相关链接

常见问题

用户旅程图必须画情绪曲线吗?+

建议画。没有情绪与痛点,旅程图容易退化成普通流程图。若时间紧,至少标注每个阶段的一个痛点与一个机会。

一张图可以画多个 Persona 吗?+

不建议。一张图聚焦一个角色;多角色请拆图,再在文档里做对比表。

和流程图、时间线怎么分工?+

旅程图看用户感受与触点;流程图看系统步骤;时间线看里程碑排期。产品评审常三者并用。

AI 生成后还要改什么?+

核对阶段是否符合真实路径、痛点是否可验证、机会是否可落到需求。删掉空泛形容词,补上触点渠道名。

相关指南