如何通过设计让学习变轻松?

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

学习一向是个苦差事,如何在设计上下功夫,让学习变得愉快呢?说起来容易做起来难。直观上讲,人们通常不会全力以赴地学习新知识。调查显示,仅 3% 的美国成年人在他们的日常生活中会花费时间去学习。¹

xuexi

那么可想而知:尽管大量信息对我们来说触手可及,而所有的新技术都似乎在一夜之间涌出,97% 的人丝毫不会为了提升自己而花时间寻求这些新知识。

这就是我们团队在Google打造 Primer,时面临的挑战,Primer 是一款帮助人们在5分钟之内学习数字营销知识的 app。

用户体验是解决这个问题的关键。学习有几个门槛要面对:你需要弄清楚你要学习什么,在哪儿学,以及你想怎么学,然后你需要时间、金钱和精力去跟进。

这意味着我们的用户体验设计(UX)需要满足两点:app 需要直观和引人入胜,此外还需要克服一切影响用户学习的障碍。

为了迎接这个挑战,我们考虑了三种用户使用我们app的场景:仪表盘、独立课程以及每节课的活动。

1、仪表盘

仪表盘的作用至关重要,因为这是人们首次打开 app 看到的界面。我们花了几个月的时间迭代和设计了不同仪表盘的原型,尝试了各种方案:推出课程包;让用户从3个随机课程中进行挑选;对课程主题相关事件进行地理位置定位;或者为我们合作的专家和品牌制作专属小部件(widgets)。一切皆有可能、方案层出不穷。

Dashboard

早期的仪表盘原型

很明显我们需要一个指导方针,因此我们从用户角度出发。通过调查发现,使用这个应用的用户可以被分为三类:

  • 被动型:他们会四处寻找和浏览。
  • 好奇型:他们希望学习一些东西,但不知道学什么。
  • 主动型:他们目标明确,对想学的内容有不止一种想法。

finalDashboard

最终的仪表盘样式:精选、分类和队列。

对于 被动型, 我们打造了特色专区,其中展示了5个人们能立刻开始学习的推荐课程。

与此同时,我们让 好奇型 用户能方便地通过主题或分类查找课程,其中包括——广告、内容、度量和策略。

此外,对于 主动型 用户,我们提供了一个管理工具:队列。他们能在这里生成专属课程列表,还能方便地随意添加和删除课程。

2、课程

app 接下来要考虑的就是课程本身。Primer 的课程目的是极大程度地消磨时间,用户可以在火车上或孩子看动画时进行学习。

但是,学习需要集中力。我们不能让用户心不在焉地阅读课程。

我们把我们的解决方案命名为「节奏化学习」,每个课程元素每次滑动、每个卡堆,以及每张插图都在用户阅读内容时被设计为节奏型向导。

rhythmGuide

这种滑动手势让用户在阅读每张卡片时都有一种完成的感觉。挤满了信息的文本文件使人退却,但分解成卡片的课程则让人有操控感。

这些卡片 3-7 张为一组堆叠在一起,一旦最后一张卡片被滑走,另外一组就会重新滑入。每完成一组,就会有个小成就,意味着用户不需要一直等到课程结束才能感到学有所获。

完成时刻,就会展示插图。每张插图就是个小惊喜,让用户在微笑中将学习成果融入生活。尽管将展示插图加入课程创建的过程中会增加额外的工作流,但这也给课程加入了一种幽默和编辑(editorial-ness)的奇妙融合。

3、活动

用户体验设计的第3个,也是最后一个元素就是活动。我们在不同时段设计了三种互动方案:每节课早期的「快速开始(Quick Starts)」;课程中期的「课间互动(Mid-Lesson)」;以及在结束时的「现在就做(Do This Nows)」。

快速开始(Quick Starts)的目的是让用户迅速对课程上手。例如,在搜索广告课程中,用户被要求从一堆衣服中找到条纹袜子。这种「找不同游戏(Waldo-style activity)」说明了(广告)内容在搜索结果顶部出现的价值搜索结果能够明显区别于其他搜索结果,而不像是隐藏在一堆衣服中的袜子。这种互动不是考试测验,而是能让用户立刻对课程主题产生思考。

quickStart

在这个「快速开始」中,我们使用了一种「找不同」的游戏方式证明了搜索广告的优点。

就像你想的那样,「课间互动(Mid-Lesson)」出现在课程学习中间出现,中断阅读,并让用户以一种新的形式参与主题互动。在其中一节课中,我们的互动形式是要求用户把程序化媒体购买(programmatic media buying)的拼图从字面上拼在一起。在另外一课,我们把常见意义上的“做或不做”行为重新设计为一种复杂的主题。例如,在解释「移动端用户参与度」上,我们询问用户放弃发送移动推送通知是不是个好主意?结果是显而易见的,而这正是我们想要的。这些互动活动给用户带来自信,并让用户以一种轻松直观的方式获取信息,然后在脑中形成知识体系。

Mid-Lesson

这个「课间互动拼图」以一种轻松直观的方式解释了一个复杂的概念。

最后,现在就做(Do This Nows)功能为用户提供了一种真实的案例,能够让用户立即应用到自己的项目中。你应该从哪里跟踪你网站的数据指标?你准备好程序化购买了么?这么做会让课程感觉更有针对性和目的性。我们相信把课程用于实践是最好的学习方法,即使只是刚起步状态。

Do-this now

「现在就做」让用户在填空的过程中提供了一种个性化的体验。

像其他 app 一样,Primer在生存空间和关注度上面临着激烈竞争。所以说,给用户提供集知识性、趣味性和高效率于一体的体验设计至关重要。

我们的用户体验设计,目的是让学习更有趣这也是很多人所希望的,他们不想让学习成为一件充满压力的事情。我们希望用户喜欢这样的形式和它的灵活性。学习在以往可能被看做一种义务,而现在,这就是一种每天早上你在等咖啡无论在上网或在家或任何5分钟自由时间时都可以很容易做的事。

脚注:

1) 25岁以上美国成人的数据,来源于劳工统计局“2015美国人时间利用调查”。

 

本文由掘金翻译计划的译者 s2dongman(申悦) 翻译。掘金是中国高质量的技术分享社区,邀请 Co-Editor 来分享优质的互联网技术资源。从前端到后端开发,从设计到产品,让每一个掘金用户都能挖掘到有价值的干货。掘金翻译计划主要翻译掘金应用上优质的互联网技术文章。

原文 :Making Learning Easier by Design — Google Design — Medium,作者:Sandra Nam

译者:s2dongman(申悦),校对:Yves-X、boycechang、achilleo

本文由 @s2dongman(申悦)原创发布于人人都是产品经理。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中