公司新闻

将想法与观点,与您一起分享~

开发案例插画 插画-树 插画-树

Google的用户体验设计是什么做的?让枯燥的学习变愉快

润雪科技 时间:2016-04-07 09:28 浏览量:3202

谷歌用户体验 用户体验 用户体验设计 谷歌用户体验设计

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


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


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


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


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


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


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


1、仪表盘

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


(早期的仪表盘原型)


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


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

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

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


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


对于被动型, 我们打造了特色专区,其中展示了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分钟自由时间时都可以很容易做的事。


脚注:

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


来源声明:本文【Google的用户体验设计是什么做的?让枯燥的学习变愉快】由润雪科技编辑原创或采编整理,如需转载请注明来自润雪科技。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系。

TAG标签:网站开发 网站设计

相关文章
  • php用Mpdf将html文档转为pdf

    php用Mpdf将html文档转为pdf

    php将html文档转成pdf保存到服务器

  • php用libreoffice将ppt转为pdf

    php用libreoffice将ppt转为pdf

    1、先安装libreoffice:yum install libreoffice;2、由于ppt中都是中文,执行命令转ppt的时候中文可能乱码,我的解决办法是在liunx系统中安装中文字体,把windows的字体直接全部拷贝到liunx服务器中,直接把所有字体都上传到服务器

  • php利用imagick扩展将pdf导出成图片

    php利用imagick扩展将pdf导出成图片

    需要先安装php的imagick扩展,两种方式,第一种是使用php,第二种是使用命令执行;随便用哪种执行需要修改nginx配置文件增加:proxy_read_timeout 600s;使其链接60秒后不断,不然pdf一旦过大60秒无法完成工作就断开链接了

  • apache配置转发,如使用workerman 或 webman等框架的时候配合apache

    apache配置转发,如使用workerman 或 webman等框架的时候配合apache

    在使用workerman 或 webman等框架开发应用的时候需要配合nginx 或 apache进行转发,官网的文档只有写nginx,下面的apache的配置,前提是apche需要开启这两个模块

  • 一个class类几个函数即可调用各种微信支付场景

    一个class类几个函数即可调用各种微信支付场景

    真在的只需要一个class类文件几个函数就可以调用微信的所有支付,不管是微信公众号、h5、app、小程序支付,加密方式都是一样的,对比下微信的支付文档,只需要修改第一步传入的参数不同,下单地址不同,加密方式都是一样的,所以只要看懂下面的第一个函数,将搞定微信的任何支付。

  • 重庆网站建设mysql计算经纬度距离排序方法

    重庆网站建设mysql计算经纬度距离排序方法

    我们最近在开发一个交友聊天类的app,需要计算用户与用户之间的距离,然后通过距离来排序,距离排序还是比较简单的,因为现在可以直接使用mysql来完成了。

如果您感觉我们的案例非常不错,请与我们取得联系~
立即咨询
获取方案及报价 023-6288-5285
网站建设流程 需求沟通
网站建设流程 签订合同
网站建设流程 项目开发
网站建设流程 上线/运营维护

张经理

186-9655-6121

邹经理

188-1980-6503

润雪科技二维码
电话咨询 在线咨询 微信咨询