如何通过设计简化学习过程?

如何通过设计让学习不那么令人厌烦?

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

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

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

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

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

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

1. 操作面板

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

早期的操作面板原型。

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

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

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

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

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

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

2. 课程

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

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

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

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

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

3. 操作

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

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

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

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

这项课程中测试,通过一种直观易感知的方式解释了一个复杂问题。

最终,立刻行动功能为用户提供了一些合适的资料,能够立刻运用在他们的业务中。应该从何入手追踪网站各项数据?准备好进行节目广告投放了吗?这使得课程更加人物化,而且以行动为导向。我们相信,把知识带入实践是最佳的学习方式,即使婴儿学步也是如此。

立刻行动选项让用户填空,体现了人格化的一面。

就像其他所有移动应用一样,为了争夺用户的空间与注意力,Primer也面临着激烈的竞争。正是如此,设计有趣、快速、信息丰富的用户体验才如此重要。

我们的用户体验设计,意在让学习变得愉快——使它成为人们想要做的事情,而非一天中的匆匆片刻。我们希望用户喜欢这种形式,还有它所包含的灵活性。曾经看似是责任的东西,如今成了晨间(排队或在家)等咖啡时的一件易事,当然也包括其他所有5分钟左右的闲暇时段。

medium

译文地址:可乐橙

译者:可乐橙

(0)

相关推荐

  • 模糊背景图设计的应用技巧

    模糊的图片是摄影没拍好的照片吗?有时候是这种情况,有时候它只是把图片做模糊效果的一种图片.在这篇文章里,我们不讨论如何修复一张拍摄糟糕.模糊的照片.相反,我们将有意地选择或创建不同类型的模糊图像,用一 ...

  • 【海平面】20种极简主义的宣传单设计

    现在营销广告到处充斥着,因此,要想获得目标受众的并不容易.你可以采取的一种更具战略性的方法,那就是采用极简主义的方法进行广告营销.在本文中,我们将向你展示,如何为品牌创建具有重大影响力的极简主义宣传单 ...

  • 125个优化网页可用性的小技巧(三)

    这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂.今天@企业官网设计精选翻译了第三部分 -- 在网页设计中如何少让用户费脑筋,保持操作流畅.一起来收! 往期回顾: &l ...

  • 华为nova手机Type-C接口优势/使用Type-C转接头

    HUAWEI nova手机Type-C接口有什么优势?使用Type-C不方便怎么办?#资料课代表|讲窍门# 近年来,一种全新的数据接口类型--USB Type-C成为了行业间的热门话题,越来越多的厂商 ...

  • ai怎么做分析图

    关注头条号:AS国际建筑与空间,私信回复"分析图",即可免费获得2000张分析图资料.AI 是我们在作品集的过程中用到最多的软件之一,在本次的课程中,我们将会为大家讲述到一下内容. ...

  • 如何简化你的设计

    小编:公司如何打造简单实用的产品?当产品中有了更多功能.新的技术和更高级的功能,我们是否还能设计出轻量且简单易用的产品.通常,大道至简的设计是比较困难. 什么是"简单"? 我们可以 ...

  • 10个UI设计的小技巧让你的作品更合理!

    今天,小编给大家总结了10个UI设计的小技巧,相信你耐心看完后一定会有所收获,赶紧get起来~ 一个网站不仅仅是一组链接过的页面,而是一种体现,一个空间.在这个空间里,不同的人.组织会遇见.沟通.交互 ...

  • 情感化IP体验设计

    情感化IP体验设计

  • 网络技术与综合布线系统的设计

     1:FDDI/CDDI(光纤/铜线分布式数据接口) 2:ATM(异步传输模式) 3:FAST ETHERNET(快速以太网) 下面分析一下这三种技术: 1:FDDI/CDDI(光纤/铜线分布式数据接 ...