快的打車(chē)頂尖高手的分享:設(shè)計(jì)師是如何打造全新打車(chē)APP流程!

8 評(píng)論 10767 瀏覽 9 收藏 6 分鐘

前言

  • 2015年移動(dòng)應(yīng)用數(shù)量增長(zhǎng)依然強(qiáng)勁,移動(dòng)交互體驗(yàn)也在不斷地在發(fā)生著變化。
  • 更多的打車(chē)應(yīng)用相繼出現(xiàn),卻都以較為探索的新穎形式占領(lǐng)席位,不曾有更好的優(yōu)勢(shì)。
  • 今年交互體驗(yàn)趨勢(shì)中,卻只是某一個(gè)方面的體驗(yàn)優(yōu)化與加深,缺少創(chuàng)造性的交互形式。

目錄

QQ20150808142002

啟動(dòng)

QQ20150808142014

背景

隨著快的用戶的俱增,用戶的使用場(chǎng)景也開(kāi)始不斷增加。一味的注重單純的功能體驗(yàn),也已無(wú)法滿足更多用戶穩(wěn)定的需求和場(chǎng)景需求。在互聯(lián)網(wǎng)屆掀起一翻軒然大波后,我們固然希望在出行打車(chē)軟件中繼續(xù)占領(lǐng)不可撼動(dòng)的地位。

訴求

在進(jìn)行優(yōu)化之前,重新定位我們的關(guān)鍵詞:

輕松的視覺(jué)體驗(yàn)

QQ20150808142026

簡(jiǎn)潔,輕快,有序

QQ20150808142036

少即是多,合理分層

QQ20150808142050

我們同時(shí)找到eico,從產(chǎn)品設(shè)計(jì)和用戶研究,到交互、視覺(jué)、動(dòng)態(tài)設(shè)計(jì)和用戶測(cè)試,開(kāi)始了全面的設(shè)計(jì) 。優(yōu)化動(dòng)效語(yǔ)音輸入功能,并將「快樂(lè)出行」作為全新的品牌 Slogan。

QQ20150808142104

認(rèn)清我們的設(shè)計(jì)需求

  • 界面元素眾多,視覺(jué)效果對(duì)用戶的認(rèn)知影響大
  • 需要?jiǎng)有лo助引導(dǎo)用戶理解交互,添加情感化元素
  • 交互流程復(fù)雜,用戶會(huì)難以理解操作流程

QQ20150808142116

QQ20150808142201

Q20150808142214

設(shè)計(jì)

QQ20150808142223

規(guī)范

我們UED團(tuán)隊(duì)重新建立了統(tǒng)一的UI設(shè)計(jì)規(guī)范,根據(jù)公司品牌和產(chǎn)品形象,在色彩,按鈕,字體以及形象傳播等各方面做了精心的設(shè)計(jì)。規(guī)范的制定在日后的設(shè)計(jì)延續(xù)中起到了很大的作用。

QQ20150808142236

QQ20150808142246

QQ20150808142258

QQ20150808142306

在保留原基礎(chǔ)功能的前提下,設(shè)計(jì)師和產(chǎn)品經(jīng)理都在思考著如何在直觀上打動(dòng)用戶:

界面構(gòu)成

在界面的設(shè)計(jì)過(guò)程中,最大化減少裝飾性元素的出現(xiàn);注重整體視覺(jué)品質(zhì)的體現(xiàn)。

QQ20150808142318

一致性

為保證設(shè)計(jì)的統(tǒng)一性,同類(lèi)型的操作采取同樣的動(dòng)作,包括視覺(jué)和交互的一致性。

QQ20150808142327

整體規(guī)范

規(guī)范的控件庫(kù)管理,避免結(jié)構(gòu)分散,包括文字,色彩,icon及層級(jí)分布的統(tǒng)一性。

QQ20150808142341

成果

QQ20150808142351

方案

依據(jù)新的設(shè)計(jì)定位,在4.0的設(shè)計(jì)上,我們?nèi)谌雽?duì)現(xiàn)代設(shè)計(jì)趨勢(shì)的理解,將一些流行的配色方案及排版形式融入到設(shè)計(jì)及細(xì)節(jié)中,同時(shí)符合了我們快樂(lè)出行的主題。

QQ20150808142403

總結(jié)

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

 

作者:KindDesign

來(lái)自微信公眾號(hào):tuyiyi_com

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 呵呵呵

    來(lái)自北京 回復(fù)
  2. 這文章沒(méi)啥味兒

    來(lái)自廣東 回復(fù)
  3. 打車(chē)流程應(yīng)該是先確定要去哪里,然后再選擇方式(默認(rèn)出租啦 ? ),最后確認(rèn)用車(chē)。

    來(lái)自北京 回復(fù)
  4. 這個(gè)裝逼我只能給5分。

    來(lái)自云南 回復(fù)
  5. 看個(gè)關(guān)于我們 為什么也要登錄啊?

    來(lái)自北京 回復(fù)
  6. 快的還是挺難用的,至少我是沒(méi)找到搜索入口在哪

    來(lái)自廣東 回復(fù)
  7. 總感覺(jué)這種總結(jié)然并亂,啥都沒(méi)說(shuō)。就是看著挺高大上。

    來(lái)自廣東 回復(fù)
    1. 沒(méi)啥干貨

      來(lái)自上海 回復(fù)