全新的Uber App設計

2016-12-6    資深UI設計者

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里


一切都從一點點小轉變開始

聲勢浩大的改版設計總使人望而生畏。有太多變化與未知,有可能會失敗。但我們知道,如果想要打造未來,我們就得欣然接受挑戰(zhàn)。這就意味著不僅僅是在外觀上下賭注,也是在重新想象整個流程。

Uber原本的主旨很簡單,“按下按鈕,搭上一輛車?!蹦悴槐卦O定目的地,也不必選擇產品,只要按一下按鈕,或者兩下,之后就不用管了。

隨著新功能的增加,產品正在變得更復雜,我們繼續(xù)堅持原先一個按鈕的簡潔與速度。但我們意識到,速度并不只在于減少點按次數、簡化流程。人們趕著去看電影的時候會選錯產品(人民優(yōu)步,說的就是你)。沒有推薦最佳上車點,錯失了節(jié)省時間的機會。

在快速成長期間,要看清前方的路并不容易。所以,要離開起初的舒適區(qū),我們決定在新的Uber體驗設計中做一點小轉變:“從終點開始”

去哪里?

有時候,為了更快地從A點到達B點,我們反而需要慢下來,查閱一番,看看前方有什么。原先Uber只需要你想著叫一輛車,現(xiàn)在我們會問你“去哪里?”

一切都由此開始,并圍繞它進行。下一步的界面元素飛入畫面中,路線動畫通向你的目的地。這是一種關注未來的哲學,在乎你的去向。你的每一個操作,都驅使你進入下一步,你每次的行程體驗都會得到反饋。直到你準備去往下一個目的地時,它就已經出現(xiàn)了。

之前這套體驗的最大敗筆在于產品選擇面板。一個界面包含了……比如說3-4個選項,其實這都不算多,多的都能超過8個——洛杉磯和其它一些城市的乘客可以作證。更糟糕的是,當我們要發(fā)布某個運營活動選項時,已經沒有空間了,我們只能直接把它放在屏幕中央。

這個功能經歷了絕大多數的循環(huán)與迭代。從列表到標簽欄,再到翻頁,還有變化的每一個中間狀態(tài)。我們每天都帶著由Framer和Swift生成的原型,對用戶進行訪談。一天天,一周周,我們迭代修改這些原型,直到我們獲得正確答案。我們發(fā)現(xiàn),人們不在乎你在一個界面中堆砌了多少種產品和功能。

現(xiàn)在,知道了用戶的目的地,我們有充足的環(huán)境信息,能提供機會讓你做出更佳的選擇。我們預先展示出產品費用,你就能做出更清晰簡單的選擇。對于人民優(yōu)步和UberX,我們展示出到達時間,方便你預訂晚餐。

因為你總是關注接下來的事情,我們的app也會持續(xù)處理下一步行程,為你節(jié)省時間。你在選擇產品時,它會搜索最快的上車點。當你按下叫車按鈕,我們立刻讓你看見未來,告訴你接車司機是哪一位,更快給你預估時間。

前往目的地

我們一開始就決定打造一個平臺,讓其它人可以使用,并且以此為基礎進行內部延展。創(chuàng)造來自整個團隊,而不僅僅是設計師;工程師、產品經理、運營、市場,還有團隊其他許多有天賦的成員都包括在內。創(chuàng)造全新產品的同時打造設計系統(tǒng),這頗具挑戰(zhàn),尤其在這種規(guī)模情況下。

理想狀況下,你可能會傾向于采用標準的產品設計與平臺設計方式,但以我們前進的速度,這完全不現(xiàn)實。不過,這樣的限制反而帶來了驚喜:它迫使我們在近乎真實的狀況下,將平臺設計的決策應用于產品設計中,用的是真實的數據,反之亦然。它使我想起一位傳奇賽車手的名言:

“如果你覺得一切盡在掌控,證明你還不夠快?!薄狹ario Andretti

我們從大量基礎元素開始制定標準,例如柵格、間距、字體、顏色、內容、圖標、插畫、投影、狀態(tài)欄、動畫、操作選單,然后還有通知、頭像、按鈕、卡片、日期時間選擇器、空狀態(tài)、表單、頁頭、列表、地圖界面、加載動畫與狀態(tài)、選擇器、標簽欄這些。但或許最重要的是,我們創(chuàng)造了一個空間能夠與乘客在旅途中互動。

享受行程

我們曾經以為,只要你坐進車里,我們的工作就完成了,越早離開我們的app,體驗就越好。不過隨著一步步向前看,我們意識到我們忽略了旅途中最長的一部分:在途中。

我們考慮過你在旅途中可能想聽你喜歡的音樂,想看你前往的餐館的菜單,想與你將要碰面的人保持聯(lián)系。我們以你和這段旅程為中心,構建了一個內容平臺。

新的Uber應用都圍繞你、你想做的事情、你想去的地方而展開。我們從終點開始,讓你更貼近下一個起點。

這里要特別感謝Peter Ng、Bryant Jow、Nick Kruge還有整個Uber Design團隊。不過除了設計之外,收獲最大的部分就是與神奇的工程師與產品經理團隊合作,是他們將設計變?yōu)楝F(xiàn)實。設計不僅僅是設計師的職責,它屬于我們全體。在我們的工作環(huán)境中,我們從一開始就與工程師與產品經理混在一塊兒,為我們的用戶尋找最佳方案。如果你感興趣,我們還在招聘人員,設計更多其它產品——我們需要你的幫助。聯(lián)系我們吧,一起喝杯咖啡,然后加入我們。

新版本正在逐步向全世界開放,年底將會發(fā)布更多功能。希望你和我們一樣興奮。結束之前,還有一段新應用的動畫短視頻:【譯者注:請自備梯子】

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.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔