快的打車頂尖高手的分享:設計師是如何打造全新打車APP流程!

8 評論 10767 瀏覽 9 收藏 6 分鐘

前言

  • 2015年移動應用數量增長依然強勁,移動交互體驗也在不斷地在發生著變化。
  • 更多的打車應用相繼出現,卻都以較為探索的新穎形式占領席位,不曾有更好的優勢。
  • 今年交互體驗趨勢中,卻只是某一個方面的體驗優化與加深,缺少創造性的交互形式。

目錄

QQ20150808142002

啟動

QQ20150808142014

背景

隨著快的用戶的俱增,用戶的使用場景也開始不斷增加。一味的注重單純的功能體驗,也已無法滿足更多用戶穩定的需求和場景需求。在互聯網屆掀起一翻軒然大波后,我們固然希望在出行打車軟件中繼續占領不可撼動的地位。

訴求

在進行優化之前,重新定位我們的關鍵詞:

輕松的視覺體驗

QQ20150808142026

簡潔,輕快,有序

QQ20150808142036

少即是多,合理分層

QQ20150808142050

我們同時找到eico,從產品設計和用戶研究,到交互、視覺、動態設計和用戶測試,開始了全面的設計 。優化動效語音輸入功能,并將「快樂出行」作為全新的品牌 Slogan。

QQ20150808142104

認清我們的設計需求

  • 界面元素眾多,視覺效果對用戶的認知影響大
  • 需要動效輔助引導用戶理解交互,添加情感化元素
  • 交互流程復雜,用戶會難以理解操作流程

QQ20150808142116

QQ20150808142201

Q20150808142214

設計

QQ20150808142223

規范

我們UED團隊重新建立了統一的UI設計規范,根據公司品牌和產品形象,在色彩,按鈕,字體以及形象傳播等各方面做了精心的設計。規范的制定在日后的設計延續中起到了很大的作用。

QQ20150808142236

QQ20150808142246

QQ20150808142258

QQ20150808142306

在保留原基礎功能的前提下,設計師和產品經理都在思考著如何在直觀上打動用戶:

界面構成

在界面的設計過程中,最大化減少裝飾性元素的出現;注重整體視覺品質的體現。

QQ20150808142318

一致性

為保證設計的統一性,同類型的操作采取同樣的動作,包括視覺和交互的一致性。

QQ20150808142327

整體規范

規范的控件庫管理,避免結構分散,包括文字,色彩,icon及層級分布的統一性。

QQ20150808142341

成果

QQ20150808142351

方案

依據新的設計定位,在4.0的設計上,我們融入對現代設計趨勢的理解,將一些流行的配色方案及排版形式融入到設計及細節中,同時符合了我們快樂出行的主題。

QQ20150808142403

總結

羅馬非一日建成,快的打車還有很多優化和提升的空間,比如如何讓打車路徑更簡單,體驗更爽,后續優化正在繼續中,歡迎大家多給我們反饋以變得更好。

 

作者:KindDesign

來自微信公眾號:tuyiyi_com

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 呵呵呵

    來自北京 回復
  2. 這文章沒啥味兒

    來自廣東 回復
  3. 打車流程應該是先確定要去哪里,然后再選擇方式(默認出租啦 ? ),最后確認用車。

    來自北京 回復
  4. 這個裝逼我只能給5分。

    來自云南 回復
  5. 看個關于我們 為什么也要登錄啊?

    來自北京 回復
  6. 快的還是挺難用的,至少我是沒找到搜索入口在哪

    來自廣東 回復
  7. 總感覺這種總結然并亂,啥都沒說。就是看著挺高大上。

    來自廣東 回復
    1. 沒啥干貨

      來自上海 回復