这才叫解决问题！谷歌团队新产品Primer设计思路过程全曝光

优设网 • 9年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

google-primer-design-method-1

@十萬個為什麽：如何通过设计让学习不那么令人厌烦？来看谷歌团队的杰作！为了克服所有阻碍人们学习的因素，谷歌团队在界面、动效和交互3方面狠下功夫，构建了一个有趣丰富、快速主动的用户体验，帮人们摆脱拖延症认真学习，作为一款掷地有声的产品，它的设计思路绝对值得学习。

这可没有听起来那么简单。坦白说，人们往往不会偏离道路去学习一些新东西。研究显示，在美国只有3%的成年人会在一天中花时间学习。

细想一会儿：尽管我们指尖轻按就能触达所有信息，所有的新技术似乎都在一夜间爆发，但97%的人却不会花任何时间积极地探索新知识来提升自己。

我们正面临着这样的挑战，我们在 Google 的团队正着手打造Primer，一款新的移动应用，帮助人们在5分钟内学习数字营销概念。

用户体验是这项任务的核心。在学习面前有诸多障碍：你需要了解学什么、在哪学、为何想要学习，然后还需要投入时间、金钱和精力，坚持到底。

这意味着我们的用户体验要承担双重任务：这个应用需要吸引人且直观，同时它得克服所有阻碍人们学习的因素。

要应对这项挑战，我们思考了应用中主要的3处地方，人们可能会在其中花时间：操作面板、单项课程、还有每项课程中的操作。

一、操作面板

操作面板的重要性毋庸置疑，因为那是人们打开应用首先看到的东西。我们花了数月的时间，反复迭代绘制不同操作面板的原型。我们有许多想法：课程包，让用户从3个随机课程中选择，事件相关的课程话题，或是为与我们有合作的专家和品牌创造特殊组件。可能性总是无穷无尽。

早期的操作面板原型。

显然，我们需要一套准则来作为指引，所以我们把自己置于用户的视角。我们推论，来到应用中的人们可以归为3类：

被动型：他们会随便看看。
好奇型：他们会来学点东西，但学什么并不确定。
积极型：他们有不止一件想学的东西。

最终的操作面板视图：重点推荐、分类、和队列。

对于被动型，我们创造了重点推荐模块，展示了5项可以立刻学习的推荐课程。

同时，我们通过话题或分类：广告、文案、数据统计、和策略等，来使好奇型用户更容易找到课程。

而对于积极型用户，我们创造了一件管理工具：队列。在这里，他们可以把自己的“播放列表”集中起来，能够随心所欲添加和删除课程。

二、课程

应用的下一个元素就是课程本身。Primer的课程都非常适于消磨时间；用户在火车上就能完成，或者在他们的孩子看动画片的时候。

但学习还是需要吸引力的。我们不能让用户不知不觉间略过所有内容。

我们把解决方案称为“有节奏的学习”。每一项课程元素——每次滑动、每组卡片堆、还有每张插画——都设计得为了有节奏地引导用户浏览内容。

1_YE7tBa5FHr983s1V5L8inQ (1)

每张卡片、每组卡片堆的滑动手势，让用户有种完成的仪式感。一份包含所有信息的文档令人望而却步，但分解成卡片的课程则让人感觉容易处理。这些卡片被分成3到7组，滑出最后一张卡片后，另一堆卡片就会进入。完成一堆卡片就成为了一项小成就，这意味着用户不必等到课程的结尾，才能感到自己学到了东西。

这也是插画进场的时机。每幅插画都是轻松一刻，让人会心一笑，使课程内容鲜活起来。在我们的课程创建过程中加入插画，增加了额外的工作流程，但也绝妙地融入了幽默，减轻了课程的官方口吻。

三、操作

用户体验设计的第三项、也是最后一项元素就是操作。我们最终落地在3种不同操作上，它们在不同时机出现：快速开始在每项课程开始触发；课程中操作在过程中触发；立即行动则在末尾。

快速开始的要点在于第一时间用课程的概念吸引人们。例如，在研究广告课程时，用户被要求在一大堆衣服中寻找条纹袜子。这种找你妹类型的操作，阐释了搜索结果顶端位置的价值：不同于混杂于其他衣物中的袜子，搜索广告在搜索结果中显得特别突出。这个交互并非一项测试，但却能让人们立刻思考这个问题。

在这则快速开始操作中，我们使用了找你妹类型的操作阐释了搜索广告的优势。

如你所料，课程中操作出现在课程过程当中，它们会打断阅读，让用户以新方式与话题进行互动。在某个课程中，我们有一项操作很有特色，它要求用户按照字面意思来拼图，将节目媒体的投放组合起来。在另一项课程中，我们引入了一套常识的是或非操作，来重新构造复杂问题。例如，解释移动端的用户吸引时，我们问用户肆意发送通知好不好。答案很显然，而那正是我们要表达的。这些交互让用户建立起信心，让他们以一种简单直观的方式处理信息，然后构筑相应的知识。