用户体验地图,高手都这么画

心系山区北京中科医院温情相伴 https://m.39.net/news/a_8519784.html

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

明确用户目标

提炼用户行为

勾勒用户情绪曲线

归纳痛点和机会点

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

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

搜题类APP用户体验地图-edrawmax.cn/templates/file/

01明确用户目标

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

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

02提炼用户行为

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

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

03勾勒用户情绪曲线

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

04归纳痛点和机会点

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

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

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

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

第一,确定基本布局

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

第二,确定所需符号

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

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

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

第三,活用钢笔工具

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

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

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

第四,美化体验地图

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

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

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

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

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



转载请注明地址:http://www.1xbbk.net/jwbls/7253.html


  • 上一篇文章:
  • 下一篇文章:
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7