用户体验地图的制作大致可以分为四步走:
-
明确用户目标
-
提炼用户行为
-
勾勒用户情绪曲线
-
归纳痛点和机会点
注:本文默认已经有构建好的用户画像。如果没有用户画像,那就还需要前置进行;如果产品用户层跨度大,还需要对不同类型的用户分别制作体验地图。
由于作品太大,可能会出现图片压缩而模糊的情况,可以点击图片“查看原图”,或者点击下方源文件查看高清大图:
01 明确用户目标
这部分需要考虑用户在每个环节想要的都是什么,简单来说,就是需求。
在这份案例中,用户主要有五个阶段,分别是搜索准备、录入搜索信息、搜索、查看结果、分享好友,对应的目标也很明确,比如搜索的目标就是快速返回结果,以及搜到正确的结果。
02 提炼用户行为
用户行为是用户在使用产品时的采取的行为、操作细节,通常是根据用户调研、用户行为分析等进行收集整理。
但不同的用户体验地图在这部分略有不同,一般的用户体验地图可能是将下图中的“流程”和“行为”结合为“行为”版块,而这份案例则分得比较细致。
03 勾勒用户情绪曲线
情绪曲线,顾名思义,就是一个人的情绪变化的曲线。用户体验地图中的情绪曲线,就是根据对应阶段的用户行为,还原当时用户的思考和想法,然后提炼用户每个节点的情绪。
04 归纳痛点和机会点
痛点,是指让目标用户付出某种行动的最大阻碍。在本案例中,就是APP在关键环节的可用性和易用性,可以通过用户每个阶段的行为和情绪曲线整理出来。
机会点,是基于痛点的思考,思考每个关键环节可以如何改变,来满足用户的目标,提升用户的体验。比如在本案例中,搜索准备阶段的机会点是“增加搜索指引”,录入搜索信息阶段的机会点是“拍摄实时提醒”,搜索阶段的机会点是“等待时给予及时反馈”等等。
------快速制作分割线------
了解完用户体验地图的基本组成,下面就来真正画一张(以亿图图示为例进行绘制演示):
第一,确定基本布局
整张用户体验地图的布局非常清晰,从上至下依次分为阶段、用户目标、流程、行为、行为接触点、思考、满意点、痛点、情绪曲线、机会点共10大版块。
第二,确定所需符号
不难看出,这张用户体验地图大部分符号都是矩形,只有「阶段」、「流程」和「情绪曲线」三个版块使用了特定符号。
「阶段」所需符号:在左侧符号库依次打开“商务-EPC图表形状”就可以找到;
「流程」所需符号:在符号库依次打开“流程图-基本流程图符号”就可以找到;
「情绪曲线」所需符号:在顶部菜单栏依次打开“插入-图标-表情符号”就可以找到表情符号;在符号库依次打开“商务-营销图表”可以找到相似的曲线符号(但想调整到一模一样就有点麻烦)。
以上符号从符号库拖放到画布上就能用,简单易上手(如下图所示):
第三,活用钢笔工具
如果想更方便地绘制「情绪曲线」,亿图图示的钢笔工具(位于顶部的“符号”菜单)会是个不错的选择。
只需确定波峰波谷的数量和位置,就可以借助钢笔工具将「情绪曲线」的大致轮廓快速勾勒出来,
然后借助“锚点转换工具”,「情绪曲线」的折线就可以轻松转换成平滑曲线。
第四,美化体验地图
当所有元素都填充完毕后,整张用户体验地图大致长这样(如下图):
单从实用性看,上图已经能够满足大家对用户体验地图的需求;但如果从美观度看,这样的图形会缺乏层次感。
为了增加图形层次感,可以考虑将首尾版块以及中间两个较大面积的版块(如流程、情绪曲线)进行颜色填充,但填充色不宜过多,否则重点难以突出。
经过前面四步,一张实用美观的用户体验地图就完成了~
由于作品太大,可能会出现图片压缩而模糊的情况,可以点击图片“查看原图”,或者点击下方源文件查看高清大图:
亿图图示模板社区还有其他用户体验地图案例及模板,有需要的小伙伴可以试试