Mermaid 用户旅程图 #

用户旅程图（User Journey Diagram）用于可视化用户与产品或服务的交互过程，展示用户在不同阶段的情感、行为和痛点。

基本语法 #

1. 基本结构 #

mermaid 
journey
  title 用户登录旅程
  开始 --> 输入用户名 --> 输入密码 --> 点击登录 --> 登录成功 --> 结束

2. 带情感的旅程 #

mermaid 
journey
  title 用户购物旅程
  浏览商品: 5
  选择商品: 8
  添加到购物车: 6
  填写收货信息: 3
  选择支付方式: 7
  完成支付: 10
  等待发货: 4
  收到商品: 9

旅程步骤与情感 #

1. 情感评分 #

情感评分范围通常为1-5或1-10，1表示负面情绪，10表示正面情绪：

mermaid 
journey
  title 用户注册旅程
  访问注册页面: 7
  填写基本信息: 6
  验证邮箱: 4
  设置密码: 5
  完成注册: 8

2. 带描述的步骤 #

mermaid 
journey
  title 用户搜索旅程
  打开应用: 9
  点击搜索框: 7
  输入搜索关键词: 6
  查看搜索结果: 5
  筛选结果: 4
  选择商品: 8
  查看商品详情: 9

多角色旅程 #

可以为不同角色创建旅程图：

mermaid 
journey
  title 不同用户角色的购物旅程
  
  section 新用户
    注册账号: 5
    浏览商品: 7
    首次购买: 8
  
  section 老用户
    登录账号: 6
    浏览新品: 9
    再次购买: 10
  
  section VIP用户
    专属登录: 8
    查看专属优惠: 10
    快速购买: 9

旅程阶段 #

可以将旅程划分为不同的阶段：

mermaid 
journey
  title 产品使用全旅程
  
  section 发现阶段
    广告曝光: 6
    点击广告: 7
    访问网站: 8
  
  section 考虑阶段
    浏览产品: 7
    查看评价: 6
    比较价格: 5
  
  section 购买阶段
    选择规格: 8
    加入购物车: 7
    完成支付: 9
  
  section 售后阶段
    等待收货: 4
    确认收货: 8
    评价商品: 6

高级功能 #

1. 复杂情感表达 #

可以使用更丰富的情感描述：

mermaid 
journey
  title 在线客服体验
  
  section 问题发生
    遇到问题: 2
    寻找帮助: 4
  
  section 寻求帮助
    访问帮助中心: 3
    搜索解决方案: 2
    联系在线客服: 5
  
  section 解决问题
    描述问题: 4
    客服回应: 7
    解决问题: 9
  
  section 反馈评价
    评价服务: 8
    提供建议: 6

2. 多维度旅程 #

可以展示用户在不同渠道的旅程：

mermaid 
journey
  title 跨渠道购物旅程
  
  section 移动端
    浏览商品: 7
    加入购物车: 6
    暂停购买: 3
  
  section PC端
    继续购买: 5
    完成支付: 8
  
  section 实体店
    取货: 7
    现场体验: 9

3. 带痛点的旅程 #

可以在旅程中标记痛点：

mermaid 
journey
  title 产品注册旅程（带痛点）
  
  section 注册流程
    打开注册页面: 7
    填写邮箱: 8
    验证邮箱: 2  %% 痛点：验证邮件延迟
    设置密码: 5
    完成注册: 7
  
  section 首次使用
    登录账号: 6
    完善信息: 3  %% 痛点：信息填写繁琐
    开始使用: 9

最佳实践 #

  1. 明确目标用户：确定旅程图对应的用户角色
  2. 清晰的步骤：将旅程分解为清晰、连续的步骤
  3. 真实的情感数据：基于用户调研获取真实的情感评分
  4. 突出痛点和机会：标记用户体验中的痛点和改进机会
  5. 多角色视角：考虑不同用户角色的旅程差异
  6. 定期更新：根据产品迭代和用户反馈更新旅程图

常见问题 #

问题：情感评分不真实 #

解决方案：基于用户调研和访谈获取真实的情感数据，避免主观臆断

问题：旅程步骤不完整 #

解决方案：通过用户测试和观察，确保捕获完整的用户旅程

问题：角色定义不清晰 #

解决方案：明确定义目标用户角色，包括其特征和需求

问题：缺乏改进建议 #

解决方案：在标记痛点的同时，提出相应的改进机会和解决方案

完整示例 #

下面是一个完整的电商用户购物旅程图示例：

mermaid 
journey
  title 电商用户购物全旅程
  
  section 发现与探索
    社交媒体广告: 6
    搜索引擎搜索: 7
    访问电商网站: 8
    浏览商品分类: 7
    查看推荐商品: 6
  
  section 产品评估
    查看商品详情: 9
    阅读用户评价: 8
    比较相似产品: 6
    查看促销信息: 7
    咨询在线客服: 5  %% 痛点：客服响应慢
  
  section 购买决策
    加入购物车: 9
    选择配送方式: 7
    填写收货地址: 6  %% 痛点：地址填写繁琐
    选择支付方式: 8
    完成支付: 9
  
  section 订单管理
    查看订单状态: 7
    跟踪物流信息: 8
    联系客服修改订单: 4  %% 痛点：修改流程复杂
  
  section 收货与评价
    收到商品: 9
    检查商品质量: 7
    确认收货: 8
    撰写商品评价: 6
    申请售后（如有）: 3  %% 痛点：售后流程不清晰
  
  section 复购与忠诚
    收到回访: 5
    查看新优惠: 7
    再次购买: 8
    加入会员计划: 9
最后更新：2026-02-08