Markdown mermaid种草(9)_ 用户体验地图

Markdown mermaid种草(9)_ 用户体验地图

1 用户体验地图

​ User journeys describe at a high level of detail exactly what steps different users take to complete a specific task within a system, application or website. This technique shows the current (as-is) user workflow, and reveals areas of improvement for the to-be workflow. (Wikipedia)

​ 用户体验地图以高度详细的方式描述不同用户在系统、应用程序或网站内完成特定任务所采取的步骤.此技术显示当前（即样）用户工作流，并显示当前工作流的改进区域.（维基百科）

​ 这个图本小白第一次见，一开始还以为是一种流水账和心情记录表，后来发现好像是跟用户体验有关的记录表. 按本系列的精神，不懂的也要学习一下，先学会怎么画再说.

​ 简单搜索了一下，加上本小白的理解，这个用户体验地图是以用户对产品的体验流程，通过时间线的方式来表述每一个功能节点上，用户的体验心情指数.

​ 所以要素是 1 用户 2 时间线 3 功能节点 4 心情指数.

2 用户体验地图举例

​ mermaid官方给出的一个样例是“我”和“我的猫”对于“我”的一个工作日的心情变化：

journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 5: Me

​ 语法是以journey作为绘图引导词；

​ title关键字引导图的名称，关键字后接的同行内容为图名；

​ section关键字引导区块；

​ 节点名称 : 心情值 用户

​ 其中，心情值是五分档，3分为“不悲不喜”，3分以下是“悲”，3分以上是“喜”.

，心情值是五分档，3分为“不悲不喜”，3分以下是“悲”，3分以上是“喜”.