用英语流利说的实战案例，聊聊用户体验地图的快速应用

用户体验地图是设计师的常用设计工具，期我们来聊聊何快速应用来推进产品改版并最落地。

AI 外教课流利核算法能力的全新试，首基于智能 AI 技的自应移动 AI 外教英语课堂。我们称他：Alix。初，我们了验证项目可行性，只线了 MVP 版本供用户体验。所以初期的上课流程非常简单，只有一个简单的列表，点击任意课程即以开始上课。

如图：

过一段时间的迭，用户各方面反馈数据均不错的表。但学习流程的体验一直新迭，随功能越越复杂，老的界面也越越不堪负重。于我们决对 Alix 全新改版。

为什么选择用户体验地图

那么问题了，从哪始手呢，当时 Alix 可谓问题重重，全体验径的每环节都亟解决的复杂问题，于我们到了”用户体验图” 这具。

用户体验地图是交互计的常用工，是通过“故事化+图形化”的方式，直观的展示用户在产品使用过程中的问题和情绪曲线，帮助从全局视角审视产品，从而发现机会点。

如何制作用户体验地图

一标准的用户体验地图会按照如下个步骤来完成：

△ 常规制作体验地图步骤

户画像：首先要明确体验地图的户角色，如见的免户和付户，他们的体验路径是全同的。要基于数据和调研确认画像后，才可有针对性的招募受访户。

确认场景：明确了目标用户后，接下来需要以用户视来体验品，梳理出体验路径上关键节，作为访谈时大纲。比如以学习为例，可以粗略分为学习前-学习-学习后等，而学习前可以又可以分为找课、进入课程、预习等等多分类法。

用户访谈：接下来的用户访谈，目的是为收集用户在每个阶段下的具行为、感、情绪等为绘地图做准备。程中通常需要采访和录两个角。采访中有诸技巧就不一一复述，重点是要挖掘用户的想法和需求。其次要形成一定的样量来达到数据的准确。

绘制图：按照之“确认场景”中的关键节点，将访谈时每一阶段里的触点及以下的反馈（行、法、绪、痛点、爽点）行整合去重，按照表格的方式整理出，横轴关键行节点，纵轴用户的反馈（法、绪），并展示出具体数据。整理完后再根据用户的反馈脑暴出各行节点的机会点，这样整体图就绘制完了。

但由于此次制作体验地图的主要目的是提炼一些定性的问题，而且用户访谈占用大量资源，所以选用了更快捷的方式来达目的。

1. 确认节点

首先我们的用户比较明确，就一般学英语的轻用户，所以我们直接跳过了用户画这，直接确认了场景的关键节点。这点很重，关系到我们优化后的核体验骤，所以我们提取了比较重的节点：分学习-学习中-学习后三阶段，细分入课堂-选择课程-预习课程-始课-学习报告-继续学习。这样就保证了我们后续优化的体验聚焦这些核节点。

2. Workshop

文提到过，访谈会占用的资源时间，且我们只需一些性的问题，并不需那么多的样本，所以我们直接采用了比较的 Workshop 的形式。

首先，邀请了周围符目标用户的同事（至少 10 名以上及布在不同岗位以保证结果的多化），让先体验 Alix 当前学习体验，并要求记录下使用的受。然后在会中要求每人在对应节点下贴上之前记录下的行为、目标、想法、情绪和其使用受。

但过程中需要注的是不要制要求同学按照行为、目标、想法、情绪等去类，因为这容易限制了非专业同学的想法，需要得的是在使用过程中的真实受。这，快就完成了关键息的搜集。

3. 整理类

虽然比较快速的搜集了用户的使用受，但开放式的 Workshop 搜集息为后续的整理带来了不的工作量，因为多候大家贴上去的是一句话，并没有确的类，相当于用研记录一，需要析提炼出其中的触点、行为、想法、情绪等。

△ 注：将贴纸的内容按照行为、目标、想法和情绪触点进行重新类。

在整过程中，我们发现了大量的痛点情绪点等都是重复的，这验证了我们通过较样本来快速获取定性问题的正确性。

4. 脑暴机会点

全整分类毕后，我们针对户的情绪和想法，脑暴如何拉平情绪低点，如何和创情绪点，来挖掘产创的机会点。这个过程较键，需要深入并且全面的思考，切记要限于当前的产形态。如枯燥的预习课，是是可和当流行的音视频结合在一起呢？

脑暴结束后，我们将会也进了个结以便大家更观 get 到。

△ 会分在各节结为：更了解、更快速、更有效、更贴近真实课、更有收获感、更灵活

5. 美化地图

会结出来后，剩下是美化工作了，主要是要让地图更晰易懂，读起来便，倒不用花费大量精力来进视觉美化，毕竟地图主要功能是阅读，到目好啦。

优化的 Alix 用户验地图（感兴趣的同学以横屏观看）：

推进落地

1. 制作 Demo

很多时候户体验地图成之后了了之，或者很难推进，大多时候只是作为一个指导大方向贴在那里（时间一久就都忘了）。而我们这次是为了 Alix 的全面改版而制作的体验地图，目的性很强，可说一切为了落地。但我们担心地图讲起来太过抽象，产听过只有一阵猛点头就又被遗忘了。我们决定，制作一个 Demo 模，来展示产根据体验地图迭代后的效果：

△ 制作的新手引导 Demo

2. 产品宣讲

宣讲时我们邀请了产品、教研、发角色共同参与，以便家对产品的未形态形一共的认识。事实证明： Demo 会服力。宣讲结束后，产品纷纷表示按照 Demo 的形态行产品未版本的规划。（照片记录当时的爽感就好了）

3. 分版本迭

到此体验图就算告一段落，接下就具体执行到各版本，合理的把每功能模块按照的优先级的高低分版本依次线。（优先级也可以根据体验图中的绪反馈数据的高低）

△ 每版本迭后 Alix 的变化

△ 新版本的新手引导

最后

虽然我们按照标准的流程制作体验图，但后的落效果还非常不错的，形了一的影响力。可见设方法就灵活运用。

经过个版本的迭代，Alix 终于脱胎换骨，迎来了全新的学习体验。现在，Alix 开启了全新的商业模式探索，增加了相当丰的课程内容，而且即将上线美丽的版老形象哦！

注「流利说设计团队」公众号：