很有機(jī)緣的在豆瓣網(wǎng)看到這樣的一篇關(guān)于滴滴打車APP和快的打車APP的博文。25學(xué)堂的小編覺(jué)得這位移動(dòng)APP極客非常的用心。重點(diǎn)闡述了滴滴打車APP和快的打車APP兩者之間的差別。雖然大部分篇幅還是在贊揚(yáng)滴滴打車。忽略了快的打車。
故25學(xué)堂轉(zhuǎn)載過(guò)來(lái)跟大家再來(lái)重溫滴滴打車APP和快的打車APP。同時(shí)我們也可以從中學(xué)會(huì)一些APP設(shè)計(jì)的思路和方法。
從APP的UI界面設(shè)計(jì)角度來(lái)說(shuō):
1 . APPUI界面的主色調(diào)鑒賞。
嘀嘀打車使用了橙黃色作為主色彩,包括logo、重要操作區(qū)域、微信支付減免在內(nèi)的最重要模塊,全部使用橙黃色。其他界面以灰白色、暗灰色等為底襯。
快的打車主要使用了綠色為主色彩,軟件logo、主界面背景色、操作區(qū)域、二級(jí)功能界面背景色等,全部以綠色為主色調(diào)。功能菜單界面使用了暗灰色為底襯。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):
首先從色調(diào)上來(lái)說(shuō),橙黃色為暖色,綠色為冷色,它們代表的心理色彩不同,嘀嘀給人溫暖、貼心的感覺(jué),而快的給人冷酷、科技的感覺(jué)。
其次,快的使用橙黃色突出最重要的內(nèi)容,而快的把綠色當(dāng)做了絕大多數(shù)界面的基本顏色,使得視覺(jué)上沒(méi)有重點(diǎn)。
滴滴打車APP和快的打車APP的界面色彩搭配還是很和諧的。
單從官網(wǎng)APP首頁(yè)推廣的布局和色調(diào)來(lái)說(shuō),快的打車更具工具感。而滴滴打車注重的是情感的傳遞。視覺(jué)來(lái)說(shuō),快地打車更能抓人眼球。
2、 ? 2款打車軟件APP的首頁(yè)布局
嘀嘀在首頁(yè)有地圖、打車目的地輸入、預(yù)約、功能菜單入口,其中地圖上包括乘客當(dāng)前自動(dòng)定位位置、周圍可打車位置顯示。
快的在首頁(yè)有地圖、當(dāng)前定位地點(diǎn)輸入、繼續(xù)按鈕、設(shè)置按鈕、乘客信息按鈕,其中在地圖上有當(dāng)前自動(dòng)定位區(qū)域,周圍可打車位置顯示、地圖重新定位按鈕、設(shè)置家庭地址、設(shè)置工作地址、設(shè)置常用地址按鈕、動(dòng)態(tài)推送消息條。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):
從直觀視覺(jué)上,嘀嘀的界面清爽簡(jiǎn)單,而快的的界面功能繁多復(fù)雜。
3.APP界面系統(tǒng)控件的使用
嘀嘀打車中,按鈕等控件設(shè)計(jì)比較大方,尺寸大,字體大小、控件間隔等都比較大。
快的打車中,按鈕等控件都設(shè)計(jì)的比較小巧,字體等都顯得精致緊湊。
分析:較大的控件、字體等,對(duì)于閱讀會(huì)更方便,操作會(huì)更便利。
二、打車功能的PK
4、再聊首頁(yè)功能布局和使用體驗(yàn)。
嘀嘀APP 把用戶第一步要做的打車、預(yù)約放在第一級(jí)入口,地圖也只顯示當(dāng)前定位位置、周圍可打車的的士這些最核心的信息。
快的APP 把輸入當(dāng)前定位位置作為第一級(jí)入口,地圖同樣也顯示了當(dāng)前定位位置、周圍可打車的的士這些最核心的信息。另外,快的把設(shè)置常用地址、重新定位位置等功能也作為一級(jí)入口。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):
功能越多,則越分散用戶注意力,同時(shí)會(huì)降低重點(diǎn)功能的突出性。同時(shí)要考慮,用戶是否會(huì)需要這些一級(jí)入口功能,比如設(shè)置家庭地址?是否可以簡(jiǎn)化某些功能,比如需要確認(rèn)當(dāng)前定位位置?
5.用戶中心的菜單界面設(shè)置
嘀嘀APP的功能菜單,有 我的訂單、我的余額、告訴好友、設(shè)置、微信支付車費(fèi)減免廣告入口。
快的的功能菜單分為兩大部分,設(shè)置中包括 乘客信息入口、一鍵打車、打車攻略、給我們?cè)u(píng)分、關(guān)于軟件,乘客信息中包括 打車記錄、普通用戶、積分、激活碼、快遞小助手、告訴朋友、推薦應(yīng)用。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):?從功能數(shù)量上,嘀嘀的功能比較少而專注,而快的中包含了大量的功能,重點(diǎn)不明確。
三、滴滴打車APP和快的打車APP?的操作流程
6.叫車操作
嘀嘀的叫車,輸入目的地后即可打車。
快的的叫車,先確認(rèn)當(dāng)前定位位置,再輸入目的地,即可打車。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):?少一步操作,則會(huì)讓用戶的使用更流暢
7.預(yù)約操作
嘀嘀的預(yù)約,通過(guò)首頁(yè)的預(yù)約按鈕作為第一步,選擇預(yù)約時(shí)間,選擇預(yù)約出發(fā)地點(diǎn)、目的地點(diǎn),即可預(yù)約。
快的的預(yù)約,沒(méi)有顯性入口,需要通過(guò)輸入出發(fā)位置后,在打車界面中選擇預(yù)約,輸入目的地,即可預(yù)約。
分析:嘀嘀的預(yù)約顯得更簡(jiǎn)練。而快的的預(yù)約與打車混雜在一起,由于沒(méi)有顯性入口,對(duì)新手來(lái)說(shuō)還有無(wú)從下手的困難。
8.支付操作
嘀嘀的支付,在輸入金額后,在嘀嘀中直接彈出微信支付,輸入6位密碼即可支付。
快的的支付,需要先綁定支付寶,在快的中輸入金額后,跳轉(zhuǎn)到支付寶進(jìn)行支付。
豆瓣網(wǎng)友分析與點(diǎn)評(píng):
?嘀嘀的支付,更快捷簡(jiǎn)便??斓闹Ц缎枰D(zhuǎn),增加了啟動(dòng)支付寶、解鎖支付寶等步驟,操作更繁瑣。?
25學(xué)堂也認(rèn)為快的的支付也是不錯(cuò)的!
四、APP用戶交互體驗(yàn)
9.從第三節(jié)的分析中可以看出,我傾向于更簡(jiǎn)便直接的流程,更少的操作步驟。
10.哪些功能是確實(shí)該要的。
以重新定位當(dāng)前位置為例,嘀嘀中是采用計(jì)時(shí)自動(dòng)刷新的方式,提供手動(dòng)輸入起點(diǎn)位置來(lái)輔助矯正。在快的中,提供了手動(dòng)輸入的兩個(gè)入口,再加上重新定位位置按鈕,顯然把用戶不常用的功能過(guò)高的提升了重要性。
再以快的的家庭地址、工作地址、常用地址為例,不需要經(jīng)常設(shè)定的地址放在首頁(yè)一級(jí)入口這樣突出的位置,增加了視覺(jué)負(fù)擔(dān),也是同樣過(guò)高的提升了重要性。在嘀嘀打車不提供常用地址設(shè)定,只給出歷史搜索記錄,充分利用打車功能來(lái)完成叫車操作。
11.交互反饋
以叫車為例,嘀嘀在叫車過(guò)程中會(huì)動(dòng)態(tài)顯示已經(jīng)發(fā)送給哪些的士,是一個(gè)動(dòng)態(tài)反饋的過(guò)程,而快的則無(wú)法查看到這些信息,只能盲目等待。對(duì)于用戶操作的及時(shí)準(zhǔn)確的反饋,可以降低用戶焦慮、增強(qiáng)體驗(yàn)、對(duì)用戶進(jìn)行正確引導(dǎo)等。
12.心理暗示
以首次安裝的介紹頁(yè)為例,嘀嘀打車是一個(gè)溫馨的歡迎頁(yè),而快的是一個(gè)介紹快的本身優(yōu)勢(shì)特點(diǎn)的頁(yè)面,它們會(huì)對(duì)用戶產(chǎn)生不同的心理暗示。嘀嘀的歡迎頁(yè)更能顯示貼心,讓用戶心情愉快。而快的的歡迎頁(yè)則有更強(qiáng)的權(quán)威感。
全站高品質(zhì)素材免費(fèi)下載!