2016-12-6 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
一切都從一點(diǎn)點(diǎn)小轉(zhuǎn)變開始
聲勢浩大的改版設(shè)計(jì)總使人望而生畏。有太多變化與未知，有可能會失敗。但我們知道，如果想要打造未來，我們就得欣然接受挑戰(zhàn)。這就意味著不僅僅是在外觀上下賭注，也是在重新想象整個流程。
Uber原本的主旨很簡單，“按下按鈕，搭上一輛車。”你不必設(shè)定目的地，也不必選擇產(chǎn)品，只要按一下按鈕，或者兩下，之后就不用管了。
隨著新功能的增加，產(chǎn)品正在變得更復(fù)雜，我們繼續(xù)堅(jiān)持原先一個按鈕的簡潔與速度。但我們意識到，速度并不只在于減少點(diǎn)按次數(shù)、簡化流程。人們趕著去看電影的時(shí)候會選錯產(chǎn)品（人民優(yōu)步，說的就是你）。沒有推薦最佳上車點(diǎn)，錯失了節(jié)省時(shí)間的機(jī)會。
在快速成長期間，要看清前方的路并不容易。所以，要離開起初的舒適區(qū)，我們決定在新的Uber體驗(yàn)設(shè)計(jì)中做一點(diǎn)小轉(zhuǎn)變：“從終點(diǎn)開始”。
有時(shí)候，為了更快地從A點(diǎn)到達(dá)B點(diǎn)，我們反而需要慢下來，查閱一番，看看前方有什么。原先Uber只需要你想著叫一輛車，現(xiàn)在我們會問你“去哪里？”
一切都由此開始，并圍繞它進(jìn)行。下一步的界面元素飛入畫面中，路線動畫通向你的目的地。這是一種關(guān)注未來的哲學(xué)，在乎你的去向。你的每一個操作，都驅(qū)使你進(jìn)入下一步，你每次的行程體驗(yàn)都會得到反饋。直到你準(zhǔn)備去往下一個目的地時(shí)，它就已經(jīng)出現(xiàn)了。
之前這套體驗(yàn)的最大敗筆在于產(chǎn)品選擇面板。一個界面包含了……比如說3-4個選項(xiàng)，其實(shí)這都不算多，多的都能超過8個——洛杉磯和其它一些城市的乘客可以作證。更糟糕的是，當(dāng)我們要發(fā)布某個運(yùn)營活動選項(xiàng)時(shí)，已經(jīng)沒有空間了，我們只能直接把它放在屏幕中央。
這個功能經(jīng)歷了絕大多數(shù)的循環(huán)與迭代。從列表到標(biāo)簽欄，再到翻頁，還有變化的每一個中間狀態(tài)。我們每天都帶著由Framer和Swift生成的原型，對用戶進(jìn)行訪談。一天天，一周周，我們迭代修改這些原型，直到我們獲得正確答案。我們發(fā)現(xiàn)，人們不在乎你在一個界面中堆砌了多少種產(chǎn)品和功能。
現(xiàn)在，知道了用戶的目的地，我們有充足的環(huán)境信息，能提供機(jī)會讓你做出更佳的選擇。我們預(yù)先展示出產(chǎn)品費(fèi)用，你就能做出更清晰簡單的選擇。對于人民優(yōu)步和UberX，我們展示出到達(dá)時(shí)間，方便你預(yù)訂晚餐。
因?yàn)槟憧偸顷P(guān)注接下來的事情，我們的app也會持續(xù)處理下一步行程，為你節(jié)省時(shí)間。你在選擇產(chǎn)品時(shí)，它會搜索最快的上車點(diǎn)。當(dāng)你按下叫車按鈕，我們立刻讓你看見未來，告訴你接車司機(jī)是哪一位，更快給你預(yù)估時(shí)間。
我們一開始就決定打造一個平臺，讓其它人可以使用，并且以此為基礎(chǔ)進(jìn)行內(nèi)部延展。創(chuàng)造來自整個團(tuán)隊(duì)，而不僅僅是設(shè)計(jì)師；工程師、產(chǎn)品經(jīng)理、運(yùn)營、市場，還有團(tuán)隊(duì)其他許多有天賦的成員都包括在內(nèi)。創(chuàng)造全新產(chǎn)品的同時(shí)打造設(shè)計(jì)系統(tǒng)，這頗具挑戰(zhàn)，尤其在這種規(guī)模情況下。
理想狀況下，你可能會傾向于采用標(biāo)準(zhǔn)的產(chǎn)品設(shè)計(jì)與平臺設(shè)計(jì)方式，但以我們前進(jìn)的速度，這完全不現(xiàn)實(shí)。不過，這樣的限制反而帶來了驚喜：它迫使我們在近乎真實(shí)的狀況下，將平臺設(shè)計(jì)的決策應(yīng)用于產(chǎn)品設(shè)計(jì)中，用的是真實(shí)的數(shù)據(jù)，反之亦然。它使我想起一位傳奇賽車手的名言：
“如果你覺得一切盡在掌控，證明你還不夠快?！薄狹ario Andretti
我們從大量基礎(chǔ)元素開始制定標(biāo)準(zhǔn)，例如柵格、間距、字體、顏色、內(nèi)容、圖標(biāo)、插畫、投影、狀態(tài)欄、動畫、操作選單，然后還有通知、頭像、按鈕、卡片、日期時(shí)間選擇器、空狀態(tài)、表單、頁頭、列表、地圖界面、加載動畫與狀態(tài)、選擇器、標(biāo)簽欄這些。但或許最重要的是，我們創(chuàng)造了一個空間能夠與乘客在旅途中互動。
我們曾經(jīng)以為，只要你坐進(jìn)車?yán)?，我們的工作就完成了，越早離開我們的app，體驗(yàn)就越好。不過隨著一步步向前看，我們意識到我們忽略了旅途中最長的一部分：在途中。
我們考慮過你在旅途中可能想聽你喜歡的音樂，想看你前往的餐館的菜單，想與你將要碰面的人保持聯(lián)系。我們以你和這段旅程為中心，構(gòu)建了一個內(nèi)容平臺。
新的Uber應(yīng)用都圍繞你、你想做的事情、你想去的地方而展開。我們從終點(diǎn)開始，讓你更貼近下一個起點(diǎn)。
這里要特別感謝Peter Ng、Bryant Jow、Nick Kruge還有整個Uber Design團(tuán)隊(duì)。不過除了設(shè)計(jì)之外，收獲最大的部分就是與神奇的工程師與產(chǎn)品經(jīng)理團(tuán)隊(duì)合作，是他們將設(shè)計(jì)變?yōu)楝F(xiàn)實(shí)。設(shè)計(jì)不僅僅是設(shè)計(jì)師的職責(zé)，它屬于我們?nèi)w。在我們的工作環(huán)境中，我們從一開始就與工程師與產(chǎn)品經(jīng)理混在一塊兒，為我們的用戶尋找最佳方案。如果你感興趣，我們還在招聘人員，設(shè)計(jì)更多其它產(chǎn)品——我們需要你的幫助。聯(lián)系我們吧，一起喝杯咖啡，然后加入我們。
新版本正在逐步向全世界開放，年底將會發(fā)布更多功能。希望你和我們一樣興奮。結(jié)束之前，還有一段新應(yīng)用的動畫短視頻：【譯者注：請自備梯子】
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
轉(zhuǎn)自：可樂橙（http://colachan.com/post/3532）
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com