Skip to content

用户旅程图

用户旅程图帮助可视化和分析用户在流程或服务中的体验。它们非常适合用来映射客户交互并识别痛点。

语法

基本元素

  • 标题: journey title [旅程标题]
  • 部分: section [部分名称]
  • 任务: [任务名称]: [评分]: [角色]
  • 评分: 1-5分制(1最低,5最高)

基础示例

代码:
mermaid
journey
    title 购物体验
    section 浏览
        访问网站: 5: 用户
        搜索商品: 4: 用户
        查看详情: 3: 用户
    section 购买
        加入购物车: 5: 用户
        结算: 4: 用户
        支付: 3: 用户
Ctrl + Enter|

高级示例

这是一个展示完整电子商务体验的更复杂用户旅程:

代码:
mermaid
journey
    title 电子商务用户体验
    section 发现
        浏览首页: 5: 顾客
        搜索商品: 4: 顾客
        查看分类: 4: 顾客
    section 研究
        阅读详情: 5: 顾客
        查看评价: 3: 顾客
        比较价格: 4: 顾客
    section 购买
        加入购物车: 5: 顾客
        填写地址: 2: 顾客
        选择支付: 3: 顾客
        完成支付: 4: 顾客
    section 售后
        追踪订单: 5: 顾客
        收货确认: 4: 顾客
        评价商品: 3: 顾客
Ctrl + Enter|

评分系统

评分标准说明:

  1. 非常不满意 😫
  2. 不满意 😟
  3. 一般 😐
  4. 满意 😊
  5. 非常满意 😄

多角色示例

代码:
mermaid
journey
    title 餐厅点餐流程
    section 点餐
        浏览菜单: 5: 顾客
        记录点单: 4: 服务员
        处理订单: 3: 厨师
    section 准备
        烹饪食物: 4: 厨师
        质量检查: 5: 主厨
    section 服务
        上菜: 5: 服务员
        用餐体验: 4: 顾客
Ctrl + Enter|

样式设置

图表会自动:

  • 为不同部分使用不同颜色
  • 显示评分对应的表情
  • 按时间顺序排列任务
  • 将相关任务分组到部分中

实用技巧

  • 保持部分名称清晰简洁
  • 使用有意义的任务描述
  • 基于实际用户反馈评分
  • 包含所有关键接触点
  • 考虑多个用户角色
  • 从用户视角出发
  • 使用部分来分组相关活动

常见问题解决

  1. 结构问题

    • 确保部分逻辑合理
    • 任务顺序正确
    • 角色分配适当
  2. 评分问题

    • 保持评分客观
    • 基于用户反馈
    • 定期更新评分
  3. 可读性问题

    • 使用简洁的描述
    • 避免过多部分
    • 保持任务数量合理

最佳实践

  • 从用户视角设计旅程
  • 识别关键接触点
  • 突出痛点和机会
  • 定期更新和优化
  • 收集用户反馈
  • 关注情感变化
  • 保持图表简洁

下一步