通过设计让学习变轻松

——Google的Primer团队是如何做用户体验设计的

原文链接:Making Learning Easy by Design

学习一向是个苦差事,如何在设计上下功夫,让学习变得愉快呢?

说起来容易做起来难。直观上讲,人们通常不会全力以赴地学习新知识。调查显示,仅3%的美国成年人在他们的日常生活中会花费时间去学习(1)。

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

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

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

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

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

1、仪表盘

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

早期的仪表盘原型

很明显我们需要一个指导方针,因此我们向用户求助。通过调查发现,人们打开app后,会加入到以下三个阵营之一:

被动型:他们会四处寻找和浏览。

好奇型:他们希望学习一些东西,但不知道学什么。

主动型:他们目标明确,对想学的内容有不止一种想法。

最终的仪表盘视觉:专区、分类和队列

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

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

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

2、课程

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

但是,学习需要集中力。我们不能让用户不假思索地阅读课程。

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

卡片式学习

这种滑动手势让用户在阅读每张卡片时都有一种完成的感觉。挤满了信息的文本文件使人退却,但分解成卡片的课程则让人有操控感。这些卡片3-7张为一组堆叠在一起,一旦最后一张卡片被滑走,另外一组就会重新滑入。每完成一组,就会有个小成就,意味着用户不需要一直等到课程结束才能感到学有所获。

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

3、活动

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

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

快速开始

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

拼图

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

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

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

脚注:

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

作者:Sandra Nam


http://www.taodudu.cc/news/show-546551.html

相关文章:

  • 预算为0如何拉用户?类类教你5个独门绝技,并说说一些陷阱!
  • 日本推出罩杯测量APP,罩杯大小一夹便知!
  • 老友会 | 情怀与时光不期而遇的深情大趴(现场快讯)
  • 互联网产品策划经验总结(用户端产品)
  • 如何更快的发现新APP,不会错过新的趋势
  • 微信红利末期,新媒体运营除了打造10W+还应该做什么?
  • musical.ly体验-这款国产外销的APP凭什么登上美国榜首?
  • PMCAFF高端俱乐部首次集结,最顶级产品人的私密俱乐部!
  • 年终福利 | 京东虚拟平台团队问答专场
  • PMCAFF产品经理与融资7500万的故事
  • 这封信里面,藏了300万数字货币
  • 12小时紧急策划 复盘一篇10W+的诞生全历程
  • 三点钟群分享:全球虚拟礼物赠送平台项目落地经验
  • 微信的公众号为什么不做分类?
  • PMCAFF要搞一场区块链产品大会,各大厂全都来了!
  • 做产品16年总结9条心得
  • 了解这些设计原则,助你打造最佳用户体验
  • 今年世界杯的广告有毒,创意总监都该被fire
  • 10次迭代9次delay??拒绝项目延期,这里有一整套方法!
  • 大话PM | 产品经理必备利器——UML
  • 快头条月增迅猛超微视 三四线城市“流量炼金”的上限在哪?
  • 好友圈的场景有哪些特点,该如何设计?
  • 为什么大家看到不错的文章更愿意收藏而不是点赞?
  • 产品管理必修课:发布新版本不等于改进产品
  • 用户行为数据分析的道、法、术、器、势
  • 人类信息接收过去、现在与未来 ——我对于内容产业的判断
  • 精准评论,为何广受娱乐类产品的欢迎?
  • 游戏让你额外多活10年#团队分享文字版
  • 从央视到谷歌:聊一聊竞价广告的机制设计
  • 从“小而精”到“大而广”,知乎怎样一步步迈向全民皆知?

原创译文 | 通过设计让学习变轻松相关推荐

  1. 50行代码实现的艺术签名设计微信小程序,轻松对接公众号,涨粉神器,学习赚钱两不误.微信公众号引流工具.html,python学习小项目.艺术签名设计微信小程序,前端学习小项目有趣的项目

    50行代码实现的艺术签名设计微信小程序,轻松对接公众号,涨粉神器,学习赚钱两不误 先看效果 这个小程序实现艺术签名设计的功能 对接到公众号之后,相当于给你的公众号添加了一个功能,别人关注公众号后,可以 ...

  2. 艺术签名python_个性签名设计五十行Python轻松实现

    原标题:个性签名设计五十行Python轻松实现 欢迎点击右上角关注小编,除了分享技术文章之外还有很多福利,私信学习资料可以领取包括不限于Python实战演练.大航海计划.BAT内推.学习资料等. 前言 ...

  3. 【《重构 改善既有代码的设计》学习笔记1】重构:第一个案例

    [<重构 改善既有代码的设计>学习笔记]重构:第一个案例 本篇文章的内容来自<重构 改善既有代码的设计>一书学习笔记整理并且加上自己的浅显的思考总结! 一.简单的例子 一个影片 ...

  4. vant ui wepy_UI设计需要学习什么软件呢?

    展开全部 如今2113,UI设计师的出现,是互5261联网时代的设计变革带来的4102.越来越多的设计人加入了这个1653新兴的职业,有的人看重UI设计的高薪资,有的人看到无限美好的职业前景.总之,就 ...

  5. 如何让学习变得像游戏一样好玩

    如何让学习变得好玩?面对枯燥乏味的重复练习,大多数人因新奇感的消退而放弃,很少有人能够多坚持一会,更别说坚持十年了. 如何减轻这种枯燥乏味,让学习变得好玩? 许多孩子喜欢打游戏,玩得废寝忘食.如果换成 ...

  6. 亲宝伙伴ai早教机器人_伴随孩子成长的智能伙伴,聪聪AI陪伴教育机器人让学习更轻松!...

    原标题:伴随孩子成长的智能伙伴,聪聪AI陪伴教育机器人让学习更轻松! 玩具可以说是孩子成长过程中必不可少的,你还记得自己小时候最喜欢的玩具吗?随着近些年人工智能的迅猛发展,儿童智能机器人开始成为越来越 ...

  7. 微风:UI设计需要学习哪些软件?

    大家好我是微风,一个爱设计爱生活的平面设计师,最近有很多朋友都在咨询UI设计需要学习哪些软件,UI设计工作方向是什么,怎么迈出学习的第一步,UI设计有哪些分支,那么今天的这篇文章主要给大家介绍下什么是 ...

  8. java毕业生设计在线学习辅导与答疑系统计算机源码+系统+mysql+调试部署+lw

    java毕业生设计在线学习辅导与答疑系统计算机源码+系统+mysql+调试部署+lw java毕业生设计在线学习辅导与答疑系统计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B ...

  9. 平面UI设计培训让大学生轻松获得高薪工作

    平面UI设计培训让大学生轻松获得高薪工作     在大学里我们学的可能都是基础知识,没有真正的项目实战操作经验让自己感觉很迷茫,很多学生被迫选择了其他的行业,少部分人坚持在IT行业,现在广州传智播客给 ...

最新文章

  1. servlet程序HTTP Status 500 - Error instantiating servlet class 解决
  2. LeetCode刷题中遇到的一些知识点
  3. 猿类如何捕获少女心--难以琢磨的try-catch
  4. AIX使用vi时报History file has no read permission
  5. 2019优质公众号大盘点,果断收藏了慢慢看吧 ~
  6. MySQL的mysql_insert_id和LAST_INSERT_ID
  7. bash中时间、日期操作
  8. UCan下午茶武汉站,为你全面挖宝分布式存储
  9. BCGControlBar教程:可视化管理器
  10. Windows 95 输入法编辑器
  11. 学习Python,你都遇到了哪些坑?
  12. 使用Selenium获取当当网异步加载的部分分类数据
  13. Anton and currency you all know
  14. 计算性和复杂度理论2
  15. 实例检索︱图像的实例搜索(文献、方法描述、商业案例)
  16. html 创建一个正方形,css 如何设置带有正方形项目的列表
  17. SAINT:一个基于transformer的知识跟踪模型
  18. RedisTemplate设置redis的key时出现\xac\xed\x00\x05t\x00\x0f前缀
  19. 如何用关键字查找PDF中的文字内容?
  20. 怎样将pdf转换成word文件格式

热门文章

  1. 边开飞机边换引擎?我们造了个新功能保障业务流量无损迁移
  2. 栈C/C++实现(数据结构严蔚敏版)
  3. 建行参考码大全ybla_52度五粮液价格表大全 不同系列价钱盘点
  4. allegro差分信号走线_浅谈硬件设计中的一些思路和方法(5)—信号系统,又学到了...
  5. 用python写注册登录_用Python实现web端用户登录和注册功能的教程
  6. c++ 线程池_基础篇:高并发一瞥,线程和线程池的总结
  7. nginx如何处理php请求,Nginx是如何处理HTTP请求的
  8. 【NLP-ChatBot】我们熟悉的聊天机器人都有哪几类?
  9. 【NLP】 聊聊NLP中的attention机制
  10. 微量元素重塑新生态-农业大健康·李喜贵:谋定功能性农业