用户体验地图是设计师的常用设计工具,本期我们来聊聊如何快速应用来推进产品改版并最后落地。。
AI 外教课是流利说核心算法能力的全新尝试,是首个基于智能 AI 技术的自适应移动 AI 外教英语课堂。我们称他为:Alix。
初期,我们为了验证项目可行性,只上线了 MVP 版本供用户体验。所以初期的上课流程非常简单,只有一个简单的列表,点击任意课程即可以开始上课。如图:
经过一段时间的迭代,用户各方面反馈数据均有不错的表现。但学习流程上的体验一直没有更新迭代,随着功能越来越复杂,老的界面也越来越不堪负重。
于是我们决定对 Alix 全新改版。
为什么选择用户体验地图
那么问题来了,从哪开始着手呢,当时 Alix 可谓问题重重,全体验路径上的每个环节都有亟解决的复杂问题,于是我们想到了 “用户体验地图” 这个工具。用户体验地图是交互设计师的常用工具,是通过 “故事化 + 图形化” 的方式,直观的展示用户在产品使用过程中的问题和情绪曲线,帮助我们从全局视角审视产品,从而发现机会点。
如何制作用户体验地图
一般标准的用户体验地图会按照如下几个步骤来完成:
常规制作体验地图步骤
a、用户画像:首先要明确体验地图的用户角色,比如常见的免费用户和付费用户,他们的体验路径是完全不同的。所以要基于数据和调研确认画像后,才可以有针对性的招募受访用户。b、确认场景:明确了目标用户后,接下来需要以用户视角来体验产品,梳理出体验路径上的关键节点,作为访谈时的大纲。比如以学习为例,可以粗略的分为学习前 - 学习中 - 学习后等,而学习前可以又可以分为找课、进入课程、预习等等多种分类方法。c、用户访谈:接下来的用户访谈,目的是为了收集真实用户在每个阶段下的具体行为、感知、情绪等为绘制地图做准备。过程中通常需要采访和记录员两个角色。采访中有诸多技巧就不一一复述了,重点是要挖掘用户的真实想法和需求。其次要形成一定的样本量来达到数据的准确性。d、绘制地图:按照之前 “确认场景” 中的关键节点,将访谈时每一个阶段里的触点及以下的反馈(行为、想法、情绪、痛点、爽点等)进行整合和去重,按照表格的方式整理出来,横轴为关键行为节点,纵轴为用户的反馈(想法、情绪等),并展示出具体数据量。整理完成后再根据用户的反馈来脑暴出各个行为节点的机会点,这样整体地图就绘制完成了。
但由于我们此次制作体验地图的主要目的是提炼一些定性的问题,而且用户访谈占用大量资源,所以我们选用了更快捷的方式来达到目的。
- 确认节点首先我们的用户比较明确,就是一般学英语的年轻用户,所以我们直接跳过了用户画像这步,直接确认了场景的关键节点。这点很重要,关系到我们优化后的核心体验步骤,所以我们提取了现在比较重要的节点:分为学习前 - 学习中 - 学习后三个大阶段,细分为进入课堂 - 选择课程 - 预习课程 - 开始上课 - 学习报告 - 继续学习。这样就保证了我们后续优化的体验聚焦再这些核心节点上。
- Workshop 前文提到过,访谈会占用大量的资源和时间,而且我们只需要一些定性的问题,并不需要那么多的样本量,所以我们直接采用了比较快的 Workshop 的形式。首先,我们邀请了周围符合目标用户的同事(至少 10 名以上及分布在不同岗位以保证结果的多元化),让他们先体验 Alix 当前学习体验,并要求记录下使用时的感受。然后在会中要求每人在对应节点下贴上自己之前记录下的行为、目标、想法、情绪和其他使用感受。
但过程中需要注意的是不要强制要求同学们按照行为、目标、想法、情绪等去分类,因为这样很容易限制了非专业同学的想法,我们需要得到的是他们在使用过程中的真实感受。这样,我们很快就完成了关键信息的搜集。
3. 整理分类
虽然我们比较快速的搜集了用户的使用感受,但开放式的 Workshop 搜集信息为后续的整理带来了不小的工作量,因为很多时候大家贴上去的是一句话,并没有很明确的分类,相当于用研记录一样,需要我们分析提炼出其中的触点、行为、想法、情绪等。
注:我们将贴纸的内容按照 行为、目标、想法和情绪触点进行重新分类。
在整理过程中,我们发现了大量的痛点情绪点等都是重复的,这也验证了我们通过较少样本来快速获取定性问题的正确性。
4. 脑暴机会点全部整理分类完毕后,我们针对用户的情绪和想法,脑暴如何拉平情绪低点,如何提高和创造情绪高点,来挖掘产品创新的机会点。这个过程比较关键,需要深入并且全面的去思考,切记不要局限于当前的产品形态。比如枯燥的预习课,是不是可以和当下流行的音视频结合在一起呢。脑暴结束后,我们将机会点也进行了一个总结以便大家更直观的 get 到。
机会分别在各节点总结为:更了解、更快速、更有效、更贴近真实课堂、更有收获感、更灵活
5. 美化地图
机会点总结出来后,剩下的就是美化工作了,主要是要让地图更清晰易懂,读起来方便,倒不用花费大量精力来进行视觉美化,毕竟地图的主要功能是阅读,达到目的就好啦。
优化后的 Alix 用户体验地图(感兴趣的同学可以横屏观看):
推进落地
- 制作 Demo 很多时候用户体验地图完成之后不了了知,或者很难推进,大多时候只是作为一个指导大方向贴在那里(时间一久就都忘了)。而我们这次是为了 Alix 的全面改版而制作的体验地图,目的性很强,可以说一切为了落地。但我们担心地图讲起来太过抽象,产品听过只有一阵猛点头就又被遗忘了。所以我们决定,制作一个 Demo 模型,来展示产品根据体验地图迭代后的效果:
制作的新手引导 Demo
产品宣讲
宣讲时我们邀请了产品、教研、开发等等角色来共同参与,以便大家对产品的未来形态形成一个共有的认识。事实证明:有 Demo 会更有说服力。宣讲结束后,产品纷纷表示按照 Demo 的形态来进行产品未来版本的规划。分版本迭代
到此体验地图就算是告一段落,接下来就是具体执行到各个版本,合理的把每个功能模块按照的优先级的高低分版本依次上线。(优先级也可以根据体验地图中的情绪反馈数据的高低来定)
每个版本迭代后 Alix 的变化
新版本的新手引导
最后
虽然我们没有按照标准的流程来制作体验地图,但是最后的落地效果还是非常不错的,形成了一定的影响力。可见设计方法就要灵活运用。
经过几个版本的迭代,Alix 终于脱胎换骨,迎来了全新的学习体验。现在,Alix 开启了全新的商业模式探索,增加了相当丰富的课程内容,而且即将上线美丽的女版老师形象哦!