推荐语

Medium 最近有一篇很受欢迎的文章：Making Learning Easy by Design: How Google’s Primer team approached UX，介绍了 Google 的一款新的碎片化学习应用 Primer 以及它背后的设计过程和设计理念。因为一直比较关注 MOOC/在线学习 这一领域，因此体验了一下 Primer。尽管目前课程较少，但是仍然能够带给我们不一样的体验与思考。比如国内的背单词类 app 百词斩就采用了和 Primer 一样的卡片式设计。

以下是正文

如何通过设计，让学习不再那么像例行公事？这事儿知易行难。明确地讲，人们通常不会改变自己的固有习惯，去学习新的东西。研究表明，只有3%的美国成年人会花时间学习[注1]。也就是说，尽管技术日新月异、知识触手可及，但97%的人不会为了个人发展而主动花时间搜寻新知识。

这就是 Google 的相关团队最初开发 Primer 时迫在眉睫的问题，创造一款 app 来帮助人们花5分钟甚至更短的时间学习数字营销。用户体验/UX 是这一目标的核心。初学者往往面临以下几种障碍：他们需要明确学什么、在哪学、怎么学，并且在学习过程中需要花费时间、金钱和精力。

这意味着产品的用户体验/UX 实际上承担着双重职责：产品本身应当吸引用户且简单易用，同时需要克服阻碍用户学习的所有因素。

1. 主屏

主屏相当重要，因为它是用户打开app后最先看到的画面。为此我们花了好几个月反复做了许多不同的主屏原型，产生了大量的创意想法，比如课程包、让用户从三项随机课程中挑选，基于地理位置的课程话题相关活动，合作专家及品牌的特别页面。总而言之，创意是无穷的。

早期的主屏原型

显而易见，我们需要指导性的原则。因此我们从用户角度出发，分析认为使用 app 的用户可以分为三类：

1. 被动型/Passive: 这类用户通常只是随意浏览。

2. 求知型/Curious: 这类用户有学习的欲望，但是不明确学什么。

3. 主动型/Active: 这类用户明确知道自己想要学什么。

最终的主屏视图：Featured, Categories, Queue

针对被动型用户，我们设计了 Featured 功能，用于展示用户可以立即学习的五门建议课程。

同时，我们简化了针对求知型用户的课程查找操作，设计了按主题分类，或者称之为目录：Advertising, Content, Measurement 和 Strategy。

并且，针对主动型用户，我们设计了一种管理工具：the Queue。在这里，用户能够整理自己的课程清单，方便地增加或删除指定的课程。

2. 课程

app 的下一个重要元素是课程本身。Primer 的课程是为碎片化学习而设计的，用户可以在火车上或陪孩子看动漫时学习课程。

但是学习需要学习者的参与。我们不能让用户无意义的滑动内容页面。

针对这一难题，我们设计了名为「节奏化学习」的解决方案。课程的每一个元素：每一次滑动操作、每一组卡片、每一幅插图，都通过设计来引导用户浏览课程内容。

针对卡片和卡片组的滑动手势能够让用户获得成就感，全是文字的文件可能会让用户望而生畏，而将课程分割为卡片形式则让用户感觉有条理化。每3个7张卡片分为一组，当最后一张卡片被滑出屏幕后，就会呈现另一组卡片。完成一组卡片就会获得一项小成就，这意味着用户不必等到这门课程最终结束才感觉学完到了些东西。

卡片里也包含插图。每个插图都能带来愉悦感，来源于真实生活里的场景能够让用户会心一笑。让插画师参与课程设计的流程当中或许会带来额外的工作负担，但是这能为课程增加幽默感和可讨论性。

3. 活动

用户体验/UX 设计的第三个，也是一个元素，就是活动。我们为三种不同的场景设计了三种不同类型的交互行为：每门课程开始时的 Quick Start，课程中的 Mid-Lesson Activity，以及课程结束时的 Do THis Now。

在这个 Quick Start 中，我们使用了 Where's Waldo-style 活动来证明搜索广告的优势。

Quick Start 的作用在于先让用户感受一下课程的概念。比如这门搜索广告课程，要求用户在一堆衣物中找到条纹袜。这项 Where's Waldo-style 活动证明了最先展示的搜索结果的价值：不同于散落在一堆衣物中的袜子，搜索广告是明显区别于其他搜索结果的。这个交互活动不是一项测试，而是激发用户立即对课程主题进行思考的方式。

如你所想的那样，Mid-Lesson Acivities 会在课程进行一半的时候出现，中断用户的阅读行为并且以一种全新的方式和用户进行交互。在这门课程里，我们设计了一项活动，要求用户按照字面意思将所有可编程媒体购买行为的拼图碎片组合到一起。在另一门课程中，我们还设计了一项常识性的做或不做活动，来重构复杂的主题。例如，在解释移动端特性时，我们会问用户过度推送是不是一个好主意。答案很显然，而这也正是这一活动的意义所在。这些交互方式增强了用户的自信，让用户能够以一种简单易行的方式学习方式，从而增长了知识。

Do This Now 允许用户个性化填空

最后一个设计，Do This Now，能够让用户立即将所学知识运用到实际业务当中。你应该从哪里开始追踪你的网站数据？你准备好程序化购买了吗？这使得课程变得更加个性化和行动导向。我们相信实践是最好的学习方式，即使这只是很小的尝试。

Primer 和所有 app 一样面临着争夺用户手机空间和眼球的竞争，这解释了为什么要设计有趣、快速、有益的用户体验。

我们的用户体验设计致力于让学习更加愉悦，让用户想要做而不是感到有压力。我们希望用户会喜欢这种形式以及它的灵活性，将曾被视为一种义务的学习行为，变成一件你每天早上排队或在家等咖啡时，或者任何空闲的5分钟就可以完成的简单的事情。

注

（1）指25岁以上的美国成年人，数据来自美国劳工统计局的 2015 American Time Use Survey。

（2）之前在 UI 中国分享过 Primer app 的效果展示图

题图：© Primer app/a screenshot

0岁以下的设计师