UI丨全新Uber APP改版背后的設計思考總結

編者按:新版Uber 年底會發布,不過背后的改版思考已經新鮮出爐咯。看這類文章能讓你看懂Uber每一個設計細節的價值所在,同時學到頂尖設計師的思考方式。

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

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

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

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

去哪里?

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

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

UI丨全新Uber APP改版背后的設計思考總結

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

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

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

UI丨全新Uber APP改版背后的設計思考總結

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

前往目的地

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

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

“如果你覺得一切盡在掌控,證明你還不夠快。”——Mario Andretti

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

UI丨全新Uber APP改版背后的設計思考總結

享受行程

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

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

UI丨全新Uber APP改版背后的設計思考總結

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

新版本正在逐步向全世界開放,年底將會發布更多功能。希望你和我們一樣興奮。

「最近新鮮出路的實戰經驗總結」

  1. 騰訊企鵝FM:《騰訊ISUX丨如何讓設計更具價值:企鵝FM3.0設計小結》
  2. LOGO設計:《三天的時間,我用同一種元素設計了3款風格迥異的LOGO》
  3. 電商專題:《電商丨快速打造電商專題之黑五案例分享》

原文鏈接:medium
譯文地址:colachan

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 8
點贊 10

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。