开足码力 开足码力
首页
  • 一定要看!!!
  • 0基础入门产品经理自学指南
  • 10年经验总结-产品新人入职修炼手册
  • 产品径路路线
  • 通用产品能力
  • C端产品经理
  • B端产品经理
  • 速通产品知识库
  • 产品地图
  • 产品思维培养
产品经理书单
  • 数据库基础
  • 面试宝典
  • 大厂内部材料
实战项目
校招信息汇
必备工具包
  • 简历模板下载
  • 在线简历制作
  • AI 简历诊断 VIP
  • 诊断记录查询
  • 服务介绍
  • 产品经理速成5天训练营
产品经理宝藏网站
首页
  • 一定要看!!!
  • 0基础入门产品经理自学指南
  • 10年经验总结-产品新人入职修炼手册
  • 产品径路路线
  • 通用产品能力
  • C端产品经理
  • B端产品经理
  • 速通产品知识库
  • 产品地图
  • 产品思维培养
产品经理书单
  • 数据库基础
  • 面试宝典
  • 大厂内部材料
实战项目
校招信息汇
必备工具包
  • 简历模板下载
  • 在线简历制作
  • AI 简历诊断 VIP
  • 诊断记录查询
  • 服务介绍
  • 产品经理速成5天训练营
产品经理宝藏网站
  • 导读
  • 0基础入门产品经理自学指南

  • 10年经验总结-产品新人入职修炼手册

  • 产品经理路线图

  • 通用产品能力

    • 产品发现

      • 产品设计
      • 产品生命周期
      • 产品规划七问
      • 用户画像-场景七要素
      • 用户画像-客户地图
      • 用户画像-以人为本设计
      • 用户画像-体验地图
        • 客户旅程图(Customer journey maps)
        • 客户体验地图(Customer experience maps)
        • 用户故事地图(User story maps)
        • 线框图,流程图和交互流程图(Wireframes,workflows and wireflows)
        • 移情图(Empathy maps)
      • 用户画像-客户旅途图
      • 用户画像-需求与沟通
      • 用户画像-谁是你的客户
      • 用户画像-痛点,痒点与爽点
      • 用户画像-挖掘用户真实需求
      • 用户画像-KANO 模型
    • 产品交付

  • C端产品经理

  • B端产品经理

  • 产品地图

  • 产品思维培养

  • 产品经理需要了解的技术

  • 速通产品知识库

  • 产品知识库
  • 通用产品能力
  • 产品发现
开足码力
2026-02-12
目录

用户画像-体验地图

# 客户体验地图

关于体验地图(experience maps),业界有数十种术语:

数十种体验地图

我们可使用 UX 图(UX map)作为通用名称统一概括以上术语。下文将对不同 UX 图(UX map)进行细分说明,以帮助我们根据不同目的选对地图。

# 客户旅程图(Customer journey maps)

客户旅程图可用来描述某一角色客户在特定场景下所经历的故事。包括客户从初次接触产品,触达产品的各个触点,到最后结束使用产品。它能够阐明客户与产品间的关键交互节点,并通过观察分析用户在各个阶段的行为、想法、情绪,来帮助优化产品流程,并解决痛点。

来自 WhatUsersDo 的客户旅程图示例

# 客户体验地图(Customer experience maps)

客户体验地图与客户旅程图类似,不同之处在于,客户旅程图讲述的是客户的故事,而客户体验地图将揭示客户与品牌在整个交互期间的完整体验流程。它包括从用户访问网站,到进行社交活动、访问门店、咨询客服在内的所有环节。客户体验地图可以帮助团队不同成员共同理解用户行为,将业务重点聚焦于用户。

来自Adaptive Path的客户体验地图示例

# 用户故事地图(User story maps)

用户故事源于敏捷开发,但其基本理论与上述方法相同——即剖析用户使用产品的所有活动轨迹和任务完成轨迹。用户故事地图的关键作用在于助力团队协作——即确保团队成员从产品开发到新版本迭代的整个过程中都处于同一平面上。

来自 Easy Agile 用户故事图的示例

# 线框图,流程图和交互流程图(Wireframes,workflows and wireflows)

线框图用于展示关于网页布局的想法。这是一种早期用于洞察用户的快速且经济有效的方式(因为你只需要笔和纸)。也称为低保真原型。

来自 NN/g 的标准线框示例

流程图绘制出用户在线框或原型上的移动轨迹,因此它与客户旅程图有更多共同点,因为它突出了交互动作,但不会详细描述用户在屏幕上看到的细节。

来自 NN/g 的流程图示例

然而,尽管 UX 专业人员经常使用线框图与流程图,但因为它们没有场景,因此在某些情况下并不适合传达设计想法。而这正是交互流程图产生的原因,它是上述两种方法的结合。交互流程图记录了用户在产品或网站上完成任务的过程,而且每个步骤都可以看到相关页面的线框模型。

来自 NN/g 的流程图示例

# 移情图(Empathy maps)

Dave Gray 创建的移情图是一种团队协作工具,它可以让团队成员以一种类似构建用户角色的方式来洞察客户。在商业模式画布中深入分析客户群体、详细描绘用户画像、访谈时剖析用户行为以及构建用户故事时,借助移情图是非常有用的。

来自 Solutions IQ 的移情图示例

用户画像-以人为本设计
用户画像-客户旅途图

← 用户画像-以人为本设计 用户画像-客户旅途图→

Theme by Vdoing | Copyright © 2025-2026 开足码力 | MIT License | 陕ICP备2025065468号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式