高手在民间，用户体验地图这么画

用户体验地图的制作大致可以分为四步走：

明确用户目标
提炼用户行为
勾勒用户情绪曲线
归纳痛点和机会点

注：本文默认已经有构建好的用户画像。如果没有用户画像，那就还需要前置进行；如果产品用户层跨度大，还需要对不同类型的用户分别制作体验地图。

由于作品太大，可能会出现图片压缩而模糊的情况，可以点击图片“查看原图”，或者点击下方源文件查看高清大图：

搜题类APP用户体验地图 - 在线模板社区这是一份搜题类APP用户体验地图，包括阶段、用户目标、流程、行为、行为接触点、思考、满意点、痛点、情绪曲线、机会点等关键部分，其他用户体验地图也可以参考这个结构。https://www.edrawmax.cn/templates/file/1024584

01 明确用户目标

这部分需要考虑用户在每个环节想要的都是什么，简单来说，就是需求。

在这份案例中，用户主要有五个阶段，分别是搜索准备、录入搜索信息、搜索、查看结果、分享好友，对应的目标也很明确，比如搜索的目标就是快速返回结果，以及搜到正确的结果。

02 提炼用户行为

用户行为是用户在使用产品时的采取的行为、操作细节，通常是根据用户调研、用户行为分析等进行收集整理。

但不同的用户体验地图在这部分略有不同，一般的用户体验地图可能是将下图中的“流程”和“行为”结合为“行为”版块，而这份案例则分得比较细致。

03 勾勒用户情绪曲线

情绪曲线，顾名思义，就是一个人的情绪变化的曲线。用户体验地图中的情绪曲线，就是根据对应阶段的用户行为，还原当时用户的思考和想法，然后提炼用户每个节点的情绪。

04 归纳痛点和机会点

痛点，是指让目标用户付出某种行动的最大阻碍。在本案例中，就是APP在关键环节的可用性和易用性，可以通过用户每个阶段的行为和情绪曲线整理出来。

机会点，是基于痛点的思考，思考每个关键环节可以如何改变，来满足用户的目标，提升用户的体验。比如在本案例中，搜索准备阶段的机会点是“增加搜索指引”，录入搜索信息阶段的机会点是“拍摄实时提醒”，搜索阶段的机会点是“等待时给予及时反馈”等等。

------快速制作分割线------

了解完用户体验地图的基本组成，下面就来真正画一张（以亿图图示为例进行绘制演示）：

第一，确定基本布局

整张用户体验地图的布局非常清晰，从上至下依次分为阶段、用户目标、流程、行为、行为接触点、思考、满意点、痛点、情绪曲线、机会点共10大版块。

第二，确定所需符号

不难看出，这张用户体验地图大部分符号都是矩形，只有「阶段」、「流程」和「情绪曲线」三个版块使用了特定符号。

「阶段」所需符号：在左侧符号库依次打开“商务-EPC图表形状”就可以找到；
「流程」所需符号：在符号库依次打开“流程图-基本流程图符号”就可以找到；
「情绪曲线」所需符号：在顶部菜单栏依次打开“插入-图标-表情符号”就可以找到表情符号；在符号库依次打开“商务-营销图表”可以找到相似的曲线符号（但想调整到一模一样就有点麻烦）。

以上符号从符号库拖放到画布上就能用，简单易上手（如下图所示）：

第三，活用钢笔工具

如果想更方便地绘制「情绪曲线」，亿图图示的钢笔工具（位于顶部的“符号”菜单）会是个不错的选择。

只需确定波峰波谷的数量和位置，就可以借助钢笔工具将「情绪曲线」的大致轮廓快速勾勒出来，

然后借助“锚点转换工具”，「情绪曲线」的折线就可以轻松转换成平滑曲线。

第四，美化体验地图

当所有元素都填充完毕后，整张用户体验地图大致长这样（如下图）：

单从实用性看，上图已经能够满足大家对用户体验地图的需求；但如果从美观度看，这样的图形会缺乏层次感。

为了增加图形层次感，可以考虑将首尾版块以及中间两个较大面积的版块（如流程、情绪曲线）进行颜色填充，但填充色不宜过多，否则重点难以突出。

经过前面四步，一张实用美观的用户体验地图就完成了~

由于作品太大，可能会出现图片压缩而模糊的情况，可以点击图片“查看原图”，或者点击下方源文件查看高清大图：

亿图图示模板社区还有其他用户体验地图案例及模板，有需要的小伙伴可以试试