UI丨全新Uber APP改版背后的设计思考总结 - 优设网 - UISDC

UI丨全新Uber APP改版背后的设计思考总结

2016/12/04 10035评论区

uber-app-design-thinking-1

编者按:新版Uber 年底会发布,不过背后的改版思考已经新鲜出炉咯??凑饫辔恼履苋媚憧炊甎ber每一个设计细节的价值所在,同时学到顶尖设计师的思考方式。

@可乐橙_ColaChan?:声势浩大的改版设计总使人望而生畏。有太多变化与未知,有可能会失败。但我们知道,如果想要打造未来,我们就得欣然接受挑战。这就意味着不仅仅是在外观上下赌注,也是在重新想象整个流程。

Uber原本的主旨很简单,“按下按钮,搭上一辆车?!蹦悴槐厣瓒康牡?,也不必选择产品,只要按一下按钮,或者两下,之后就不用管了。

随着新功能的增加,产品正在变得更复杂,我们继续坚持原先一个按钮的简洁与速度。但我们意识到,速度并不只在于减少点按次数、简化流程。人们赶着去看电影的时候会选错产品(人民优步,说的就是你)。没有推荐最佳上车点,错失了节省时间的机会。

在快速成长期间,要看清前方的路并不容易。所以,要离开起初的舒适区,我们决定在新的Uber体验设计中做一点小转变:“从终点开始”。

去哪里?

有时候,为了更快地从A点到达B点,我们反而需要慢下来,查阅一番,看看前方有什么。原先Uber只需要你想着叫一辆车,现在我们会问你“去哪里?”

一切都由此开始,并围绕它进行。下一步的界面元素飞入画面中,路线动画通向你的目的地。这是一种关注未来的哲学,在乎你的去向。你的每一个操作,都驱使你进入下一步,你每次的行程体验都会得到反馈。直到你准备去往下一个目的地时,它就已经出现了。

uisdc-201612044

之前这套体验的最大败笔在于产品选择面板。一个界面包含了……比如说3-4个选项,其实这都不算多,多的都能超过8个——洛杉矶和其它一些城市的乘客可以作证。更糟糕的是,当我们要发布某个运营活动选项时,已经没有空间了,我们只能直接把它放在屏幕中央。

这个功能经历了绝大多数的循环与迭代。从列表到标签栏,再到翻页,还有变化的每一个中间状态。我们每天都带着由Framer和Swift生成的原型,对用户进行访谈。一天天,一周周,我们迭代修改这些原型,直到我们获得正确答案。我们发现,人们不在乎你在一个界面中堆砌了多少种产品和功能。

现在,知道了用户的目的地,我们有充足的环境信息,能提供机会让你做出更佳的选择。我们预先展示出产品费用,你就能做出更清晰简单的选择。对于人民优步和UberX,我们展示出到达时间,方便你预订晚餐。

uisdc-201612046

因为你总是关注接下来的事情,我们的app也会持续处理下一步行程,为你节省时间。你在选择产品时,它会搜索最快的上车点。当你按下叫车按钮,我们立刻让你看见未来,告诉你接车司机是哪一位,更快给你预估时间。

前往目的地

我们一开始就决定打造一个平台,让其它人可以使用,并且以此为基础进行内部延展。创造来自整个团队,而不仅仅是设计师;工程师、产品经理、运营、市场,还有团队其他许多有天赋的成员都包括在内。创造全新产品的同时打造设计系统,这颇具挑战,尤其在这种规模情况下。

理想状况下,你可能会倾向于采用标准的产品设计与平台设计方式,但以我们前进的速度,这完全不现实。不过,这样的限制反而带来了惊喜:它迫使我们在近乎真实的状况下,将平台设计的决策应用于产品设计中,用的是真实的数据,反之亦然。它使我想起一位传奇赛车手的名言:

“如果你觉得一切尽在掌控,证明你还不够快?!薄狹ario Andretti

我们从大量基础元素开始制定标准,例如栅格、间距、字体、颜色、内容、图标、插画、投影、状态栏、动画、操作选单,然后还有通知、头像、按钮、卡片、日期时间选择器、空状态、表单、页头、列表、地图界面、加载动画与状态、选择器、标签栏这些。但或许最重要的是,我们创造了一个空间能够与乘客在旅途中互动。

uisdc-201612047

享受行程

我们曾经以为,只要你坐进车里,我们的工作就完成了,越早离开我们的app,体验就越好。不过随着一步步向前看,我们意识到我们忽略了旅途中最长的一部分:在途中。

我们考虑过你在旅途中可能想听你喜欢的音乐,想看你前往的餐馆的菜单,想与你将要碰面的人保持联系。我们以你和这段旅程为中心,构建了一个内容平台。

uisdc-201612048

新的Uber应用都围绕你、你想做的事情、你想去的地方而展开。我们从终点开始,让你更贴近下一个起点。

新版本正在逐步向全世界开放,年底将会发布更多功能。希望你和我们一样兴奋。

「最近新鲜出路的实战经验总结」

  1. 腾讯企鹅FM:《腾讯ISUX丨如何让设计更具价值:企鹅FM3.0设计小结》
  2. LOGO设计:《三天的时间,我用同一种元素设计了3款风格迥异的LOGO》
  3. 电商专题:《电商丨快速打造电商专题之黑五案例分享》

原文链接:medium
译文地址:colachan

【优设网 原创文章 投稿邮箱:yuan@www.guarenty-group.com】

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.guarenty-group.com/uber-app-design-thinking

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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