企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

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

发布时间:2016-04-07 09:28:04

TAGS:优秀的网站设计案例,asp.net数据库网站设计教程 c版

谷歌用户体验 用户体验 用户体验设计 谷歌用户体验设计rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

学习一向是个苦差事,如何在设计上下功夫,让学习变得愉快呢?rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

说起来容易做起来难。直观上讲,人们通常不会全力以赴地学习新知识。调查显示,仅 3% 的美国成年人在他们的日常生活中会花费时间去学习。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

那么可想而知:尽管大量信息对我们来说触手可及,而所有的新技术都似乎在一夜之间涌出,97% 的人丝毫不会为了提升自己而花时间寻求这些新知识。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这就是我们团队在Google打造 Primer,时面临的挑战,Primer 是一款帮助人们在5分钟之内学习数字营销知识的 App。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户体验是解决这个问题的关键。学习有几个门槛要面对:你需要弄清楚你要学习什么,在哪儿学,以及你想怎么学,然后你需要时间、金钱和精力去跟进。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这意味着我们的用户体验设计(UX)需要满足两点:App 需要直观和引人入胜,此外还需要克服一切影响用户学习的障碍。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

为了迎接这个挑战,云智考虑了三种用户使用我们App的场景:仪表盘、独立课程以及每节课的活动。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、仪表盘rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

1.pngrvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

(早期的仪表盘原型)rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

很明显我们需要一个指导方针,因此我们从用户角度出发。通过调查发现,使用这个应用的用户可以被分为三类:rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

被动型:他们会四处寻找和浏览。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

好奇型:他们希望学习一些东西,但不知道学什么。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

主动型:他们目标明确,对想学的内容有不止一种想法。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2.pngrvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

(终的仪表盘样式:精选、分类和队列。)rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

对于被动型, 我们打造了特色专区,其中展示了5个人们能立刻开始学习的推荐课程。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

与此同时,我们让 好奇型 用户能方便地通过主题或分类查找课程,其中包括——广告、内容、度量和策略。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

此外,对于主动型用户,我们提供了一个管理工具:队列。他们能在这里生成专属课程列表,还能方便地随意添加和删除课程。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、课程rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

App 接下来要考虑的就是课程本身。Primer 的课程目的是极大程度地消磨时间,用户可以在火车上或孩子看动画时进行学习。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是,学习需要集中力。我们不能让用户心不在焉地阅读课程。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我们把我们的解决方案命名为「节奏化学习」,每个课程元素--每次滑动、每个卡堆,以及每张插图--都在用户阅读内容时被设计为节奏型向导。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

谷歌用户体验 用户体验 用户体验设计 谷歌用户体验设计rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

完成时刻,就会展示插图。每张插图就是个小惊喜,让用户在微笑中将学习成果融入生活。尽管将展示插图加入课程创建的过程中会增加额外的工作流,但这也给课程加入了一种幽默和编辑(editorial-ness)的奇妙融合。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、活动rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户体验设计的第3个,也是后一个元素就是活动。我们在不同时段设计了三种互动方案:每节课早期的「快速开始(Quick Starts)」;课程中期的「课间互动(Mid-Lesson)」;以及在结束时的「现在就做(Do This Nows)」。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

3.pngrvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

(在这个「快速开始」中,我们使用了一种「找不同」的游戏方式证明了搜索广告的优点。)rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

就像你想的那样,「课间互动(Mid-Lesson)」出现在课程学习中间出现,中断阅读,并让用户以一种新的形式参与主题互动。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

4.pngrvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这个「课间互动拼图」以一种轻松直观的方式解释了一个复杂的概念。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

5.pngrvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「现在就做」让用户在填空的过程中提供了一种个性化的体验。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

像其他 app 一样,Primer在生存空间和关注度上面临着激烈竞争。所以说,给用户提供集知识性、趣味性和高效率于一体的体验设计至关重要。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

脚注:rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

25岁以上美国成人的数据,来源于劳工统计局“2015美国人时间利用调查”。rvC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6411,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号