这才叫解决问题!谷歌团队新产品Primer设计思路过程全曝光 - 优设网 - UISDC

这才叫解决问题!谷歌团队新产品Primer设计思路过程全曝光

2015/10/26 11583评论区

google-primer-design-method-1

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

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

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

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

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

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

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

一、操作面板

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

早期的操作面板原型。

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

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

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

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

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

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

二、课程

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

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

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

1_YE7tBa5FHr983s1V5L8inQ (1)

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

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

三、操作

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

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

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

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

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

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

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

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

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

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

【最精彩的音乐软件设计实战经验分享】

网易云音乐WP端改版实录!
《化繁为简!网易云音乐WP1.0设计项目实战》

iPad的项目实战!干货更多!
《项目实战!网易云音乐iPad V1.0设计总结》

见证奇迹!QQ音乐的字体设计项目!
《字体设计实战!QQ音乐巅峰榜诞生记》

原文链接:medium
作者信息:Sandra Nam
译文地址:colachan

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量103万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/google-primer-design-method

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里