当前位置:首页 > 运营 > 正文

如何绘制用户体验地图(如何制作用户体验地图附案例)

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

明确用户目标提炼用户行为勾勒用户情绪曲线归纳痛点和机会点如何绘制用户体验地图(如何制作用户体验地图附案例)  第1张

03 勾勒用户情绪曲线

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第2张

04 归纳痛点和机会点

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

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第3张

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

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

第一,确定基本布局

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

第二,确定所需符号

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

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第4张

以上符号从符号库拖放到画布上就能用,简单易上手(如下图所示):

如何绘制用户体验地图(如何制作用户体验地图附案例)  第5张

第三,活用钢笔工具

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

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第6张

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第7张

第四,美化体验地图

当所有元素都填充完毕后,整张用户体验地图大致长这样(如下图):

如何绘制用户体验地图(如何制作用户体验地图附案例)  第8张

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

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

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

如何绘制用户体验地图(如何制作用户体验地图附案例)  第9张

由于作品太大,可能会出现图片压缩而模糊的情况,可以在亿图图示模板社区查看原图。

如何绘制用户体验地图(如何制作用户体验地图附案例)  第10张
取消
扫码支持 支付码