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