谷歌新产品Primer设计思路过程全曝光

2016-02-16 19:42 6 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐谷歌新产品Primer设计思路过程全曝光,赶紧看过来吧!

【 tulaoshi.com - 平面设计 】

如何通过设计让学习不那么令人厌烦?来看谷歌团队的杰作!为了克服所有阻碍人们学习的因素,谷歌团队在界面、动效和交互3方面狠下功夫,构建了一个有趣丰富、快速主动的用户体验,帮人们摆脱拖延症认真学习,作为一款掷地有声的产品,它的设计思路绝对值得学习。

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

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

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

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

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

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

一、操作面板

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

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

早期的操作面板原型。

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

被动型:他们会随便看看。

好奇型:他们会来学点东西,但学什么并不确定。

积极型:他们有不止一件想学的东西。

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

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

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

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

二、课程

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

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

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

三、操作

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

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

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

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

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

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

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

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

谷歌新产品Primer设计思路过程全曝光,PS教程,图老师教程网

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

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

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

脚注:1) 25岁以上的美国成年人的数据,来自2015劳动局统计的全美时间消费调查。

来源:https://www.tulaoshi.com/n/20160216/1572765.html

延伸阅读
最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件? 我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法说一不二。工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注。 不过,我以为然设计师要少些匠气,...
大家好,各位射鸡师,各种工,各种指点江山的天使,大神们,大家好。沉默了整整一个星期,静电又和大家见面了。在这一个星期里,静电可不是去偷懒玩去了,而是接了一项非常好玩有趣的设计工作,会是什么呢?设计APP界面?NO!是一组海报的设计工作。说实话,静电看到那些设计网站上牛逼到不行,分分钟亮瞎双眼的设计,恨不得想马上冲上去,抓住对方设计...
Photoshop制作糖水MM思路与过程 磨皮我在这里选择了NEAT,写教程不容易,用插件也要懂方法,教程里有用插件注意细节的方法,请大家认真看看, 比较细的地方可以选择图章进行修改,很多新手看到这样的原片应该很郁闷吧,这么暗..怎么弄啊. 当你把基本的工具运用到熟练的时候你就不会害怕了! 我在这选择了"高调",但...
今天的好文节选自《用户体验设计与流程文档编制指南》,这节给大家科普一个产品的诞生过程,从概念草图、线框图到原型稿,作者都有实实在在的干货与技巧分享,特别是对于各类文档的优缺点以及编制原则都很明晰,产品设计师们都可以进来涨下姿势咯。 在本篇文章中,来自UXPin 用户体验设计应用的Chris Bank将为大家详细讲解在产品初步成型阶段...
吃过晚饭出去散步,看到楼下小朋友捧着iPad戳来划去,感叹现在的孩子真是幸福。且不说锦衣足食营养过剩,在娱乐、教育的手段上,也空前的丰富。平板电脑和触摸设备的流行,在寓教于乐的同时,也对目前交互设备的进化起到了推动作用。通过观察现在的小朋友玩iPad跟以前我们小时候玩游戏的对比,我们能发现,从简单的孩之宝变形金刚、魔方等儿童...

经验教程

415

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部