全新的Uber App设计

2016-12-6    资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


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

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

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

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

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

去哪里?

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

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

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

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

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

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

前往目的地

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

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

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

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

享受行程

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

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

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

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

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

https://www.youtube.com/watch?time_continue=46&v=I1DdoN6NLDg


原文链接:https://medium.com/uber-design/designing-the-new-uber-app-16afcc1d3c2e#.usa7xc2k8

作者信息:@didierh">Didier Hilhorst
Design @Uber

转自:可乐橙(http://colachan.com/post/3532)

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档