全新的Uber App设计

一切都从一点点小转变开始

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

Uber原本的主旨很简单,“按下按钮,搭上一辆车。”你不必设定目的地,也不必选择产品,只要按一下按钮,或者两下,之后就不用管了。

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

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

去哪里?

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

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

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

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

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

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

前往目的地

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

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

“如果你觉得一切尽在掌控,证明你还不够快。”——Mario Andretti

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

享受行程

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

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

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

这里要特别感谢Peter Ng、Bryant Jow、Nick Kruge还有整个Uber Design团队。不过除了设计之外,收获最大的部分就是与神奇的工程师与产品经理团队合作,是他们将设计变为现实。设计不仅仅是设计师的职责,它属于我们全体。在我们的工作环境中,我们从一开始就与工程师与产品经理混在一块儿,为我们的用户寻找最佳方案。如果你感兴趣,我们还在招聘人员,设计更多其它产品——我们需要你的帮助。联系我们吧,一起喝杯咖啡,然后加入我们。

新版本正在逐步向全世界开放,年底将会发布更多功能。希望你和我们一样兴奋。结束之前,还有一段新应用的动画短视频:【译者注:请自备梯子】

medium

作者:Didier Hilhorst

译文地址:可乐橙

译者:可乐橙

(0)

相关推荐

  • 移动端APP设计的十大趋势

    从移动端兴起,主流设计风格定型,再到Uber.Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境.促成这一切的影响因素很多,比如社会发展趋势的变化.共享经济的大热.新技术的积累,等等等 ...

  • APP设计思维与网页设计思维

    APP设计思维与网页设计思维. 原作者:KAYLA KNIGHT翻译martinRGB   来源:http://tympanus.net/codrops/2013/11/22/applying-app ...

  • 教你iOS APP设计一稿支持iPhone5/iPhone6/Plus

    移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6, ...

  • 优雅的电商IOS APP设计 PSD SKetch免费下载!

    小编:今天给大家带来的是由pixelbuddha分享的一款优雅的电商IOS APP设计.确实是一款很高品质的APP 750X1334分辨率,配色和版式都是非常舒服,而且拥有12个完美的源文件分层 都是 ...

  • APP设计当中不容忽视的20个小细节

    小编:在设计中,我们总会忽略了一些细节上的问题,其实要把细节处理好也是非常难的.那么在APP设计中的你是否也粗心大意过,或许你还不知道原来有那么多地方需要重视,今天分享的这一篇关于大家在APP设计当中 ...

  • Livescore概念IOS APP设计(PSD免费下载)

    小编:今天给大家带来的是由edoardococcia分享的Livescore概念IOS APP设计模板,这是一款看足球比赛结果的软件,作者概念了几个页面,还有几个动效.大家可以下载这款软件对比下研究学 ...

  • IOS9风格APP设计菜单栏PSD免费下载!

    小编:今天给大家带来的是由redesigncase分享的IOS9风格APP设计菜单栏.该资源有9中不同的菜单栏,侧边.全屏.半透明.等等不同的设计.这对设计菜单栏会带来很多灵感,希望能够帮到您! 下载 ...

  • Scorer-体育足球类APP设计(PSD免费下载!)

    小编:今天给大家带来的是由Subrata Das一个足球比分实时更新的APP设计.该PSD共有6页,750×1334分辨率.蓝色风格主色调,排版合理.想做体育类APP,找灵感 学习的APP设计是个不错 ...

  • 如何学习一款优秀的APP设计?

    今天小编带来的是@兔子猪耳朵的关于教你如何去快速构建属于自己的移动app产品和向一款自己喜欢的app学习的过程和方法.希望对你有一定的帮助. 适合移动APP产品经理和创业者来学习.也是目前最常用的ap ...