原文于2014-10-04發(fā)表于LOFTER:http://kevinalexander.lofter.com/post/2fe0ac_280dfd9
使用環(huán)境
手機(jī):小米手機(jī)2S (標(biāo)準(zhǔn)版)
操作系統(tǒng):MIUI 6(基于Android 4.4.4深度定制 ?特別版)
產(chǎn)品名稱:餓了么Android手機(jī)客戶端
產(chǎn)品版本:4.0
體驗(yàn)時(shí)間:2014-10-04
第一部分:產(chǎn)品與用戶群分析
1.1產(chǎn)品分析
以餓了么為代表的訂餐軟件和其他O2O軟件不同涧衙,訂餐軟件需求和用戶使用目的明確,小區(qū)域性強(qiáng)奥此,用戶停留時(shí)間短弧哎,因而簡(jiǎn)潔明了的信息展現(xiàn)和流暢的交互體系顯得尤為重要。餓了么以“選餐廳->選菜->確認(rèn)訂單->下單付款->確認(rèn)到達(dá)”作為主流程稚虎,頂層視圖以餐廳列表為主撤嫩,二級(jí)視圖以菜單視圖為主,路徑短而明確蠢终,基本符合訂餐軟件特色序攘。
1.2用戶群特點(diǎn)與產(chǎn)品
訂餐軟件面向?qū)W生和白領(lǐng)用戶群,這兩個(gè)用戶群存在諸多相似的特征:
(1)可供用餐時(shí)間的不多寻拂,不愿意去飯店或食堂用餐程奠;
(2)周邊餐館有限,大多數(shù)用戶對(duì)于餐廳選擇目的性強(qiáng)兜喻;
(3)集體性訂餐場(chǎng)景多梦染;
(4)消費(fèi)能力不高赡麦,常常關(guān)注活動(dòng);
(5)年輕對(duì)新鮮事物接受程度較高。
針對(duì)這些特點(diǎn)榄融,得出軟件需要關(guān)注的點(diǎn)以及餓了么的做法郭计,即:
(1)關(guān)注送達(dá)時(shí)間,餓了么在餐廳列表頁(yè)提示用戶平均送達(dá)時(shí)間践险,但是如果在餓單中心列表能再次提示用戶預(yù)計(jì)送達(dá)時(shí)間則更好;
(2)關(guān)注餐廳排列方式和條件篩選方式,餓了么在頂層視圖顯示推薦餐廳列表和優(yōu)惠入口伪货,幫助用戶完成了一輪篩選,對(duì)用戶而言選擇及下單流程更快钾怔;
(3)份數(shù)管理是用戶最常使用的小功能碱呼,餓了么使用點(diǎn)擊價(jià)格加入購(gòu)物車,此舉能讓用戶對(duì)價(jià)格印象更深宗侦,以便達(dá)到起送價(jià)愚臀,而在購(gòu)物車列表考慮到安卓手機(jī)分辨率差異并沒(méi)有采用直接點(diǎn)擊修改的方式而是彈出窗口輸入修改;
(4)餓了么提供類似安卓的設(shè)計(jì)矾利,在年輕用戶看來(lái)并不陌生姑裂,同時(shí)也強(qiáng)化了流程中重要信息流(餐廳列表和菜單列表)的展示。
第二部分:信息架構(gòu)
? ? ? 頂層視圖:外賣餐廳(APP推薦)男旗、優(yōu)惠活動(dòng)舶斧、搜索,入口設(shè)置很簡(jiǎn)單察皇,也是由于餓了么本身的關(guān)注的任務(wù)和內(nèi)容就比較單一茴厉;
? ? ? 二級(jí)視圖(餐廳):菜品(分類)、餐廳介紹什荣;
? ? ? 菜單分類:根據(jù)餐廳的設(shè)置將菜單分成幾個(gè)集合呀忧,此處分類的標(biāo)簽切換隱藏在TAB-選擇器組合控件里,使用切換略顯麻煩溃睹,TAB名稱是菜單分類而账,顯然是為分類標(biāo)簽設(shè)置的,但是該TAB所指的頁(yè)面卻是菜品因篇,好在用戶進(jìn)入后能夠察覺(jué)到該頁(yè)面主體是菜單泞辐,減輕了該頁(yè)在設(shè)計(jì)上的問(wèn)題帶來(lái)的影響。
其他信息架構(gòu)極為簡(jiǎn)單竞滓,在此不做分析咐吼。
第三部分:易用性問(wèn)題
3.1頂層視圖的切換
? ? ? 餓了么使用抽屜來(lái)進(jìn)行頂層視圖切換,當(dāng)用戶在頂層視圖右滑抽屜時(shí)商佑,用戶無(wú)法得知當(dāng)前位置在哪里锯茄,抽屜相應(yīng)沒(méi)有給出當(dāng)前頂層視圖名稱。而且在標(biāo)題欄未注明當(dāng)前視圖名稱,容易讓用戶感覺(jué)不知所措肌幽。
? ? ?【競(jìng)品對(duì)比】如圖1晚碾,美團(tuán)外賣和餓了么一樣采用了抽屜以切換頂層視圖,但是在抽屜上用視覺(jué)效果表明了當(dāng)前所在的頂層視圖喂急。
3.2定位和地址選擇
? ? ? 如圖2,餓了么采用選擇器控件進(jìn)入地址選擇頁(yè)面廊移,與PC端定位在具體的區(qū)域不同糕簿,手機(jī)端的定位直接返回地圖定位地址,對(duì)于并不熟悉周邊地理位置的用戶而言這種設(shè)計(jì)極易讓人困惑狡孔;在搜索地理位置功能上懂诗,沒(méi)有在輸入時(shí)給出提示,用戶無(wú)法及時(shí)獲知當(dāng)前輸入是否有匹配的位置苗膝;在位置搜索結(jié)果上單一顯示了地圖返回的區(qū)域名稱响禽,用戶無(wú)法知道每個(gè)區(qū)域是否有餐廳覆蓋。
3.3選擇餐廳
? ? ? ?餓了么在我要訂餐頂層視圖顯示官方推薦的餐廳列表和優(yōu)惠以及邀請(qǐng)入口荚醒,在PC端處于第一位置的我的收藏在移動(dòng)端被淡化芋类,只剩下相應(yīng)餐廳項(xiàng)上的一個(gè)小標(biāo)志,亦沒(méi)有專門的列表或篩選條件界阁。
? ? ?【競(jìng)品對(duì)比】淘點(diǎn)點(diǎn)在餐廳列表顯示了每家餐廳熱門菜品侯繁,用戶一眼掃過(guò)去就可以知道這家餐廳的特色菜,但是比較浪費(fèi)空間泡躯,不利于用戶一次性看到更多餐廳贮竟;
? ? ?【建議】餓了么可以將此功能作為備選項(xiàng)在設(shè)置中讓用戶根據(jù)自己的需求設(shè)置(默認(rèn)關(guān)閉),若用戶不介意空間浪費(fèi)较剃,則該功能對(duì)用戶選擇餐廳有一定幫助咕别。
3.4選擇飯菜
? ? ? 選擇飯菜使用了點(diǎn)擊價(jià)格加入購(gòu)物車惰拱,上文已有描述,此處不再贅述啊送。
? ? ? 如圖4偿短,餓了么使用標(biāo)簽+選擇器的模式將分類篩選與Tab名稱結(jié)合,從設(shè)計(jì)規(guī)范的角度有所違背馋没,TAB名與當(dāng)前頁(yè)功能不一致昔逗,在有些情況下會(huì)出現(xiàn)用戶的誤解,切換分類不直觀并存在一些學(xué)習(xí)成本篷朵,好在用戶從一級(jí)視圖切入該頁(yè)時(shí)能明確地知道當(dāng)前頁(yè)是菜單勾怒,緩解了該設(shè)計(jì)缺陷婆排。
? ? 【競(jìng)品對(duì)比1】如圖4段只,淘點(diǎn)點(diǎn)/美團(tuán)外賣在菜單分類顯示上使用左側(cè)Tab切換來(lái)實(shí)現(xiàn),使得分類更加直觀且易于切換卡乾,但考慮到餓了么在菜單菜品上排布內(nèi)容較多,按照右側(cè)TAB排列會(huì)顯得過(guò)于擁擠缚够,目前的方案雖然存在缺陷幔妨,但在視覺(jué)感受上比前者更好。
? ? 【競(jìng)品對(duì)比2】如圖4谍椅,淘點(diǎn)點(diǎn)/美團(tuán)外賣在選擇某個(gè)分類下的飯菜后會(huì)在分類上顯示當(dāng)前分類的份數(shù)误堡,以便用戶可以切換查看,避免用戶尋找費(fèi)力雏吭,這一點(diǎn)餓了么有待提高锁施。
? ? 【建議】餓了么可以在菜品分類上注明當(dāng)前分類下有幾份已訂菜品,并將該分類在滑動(dòng)時(shí)總是保持可見(jiàn)狀態(tài)杖们。
3.5搜索
? ? ? ?如圖5悉抵,在搜索方面,搜索功能在全部餐廳列表缺乏(上文已提到)摘完;餐廳/飯菜搜索與地址搜索一樣的問(wèn)題姥饰,沒(méi)有在輸入時(shí)給出提示,用戶無(wú)法及時(shí)獲知當(dāng)前輸入是否有匹配的內(nèi)容孝治;同時(shí)在搜索結(jié)果頁(yè)并沒(méi)有關(guān)鍵字高亮顯示列粪。
3.6微信拼單
? ? ? 微信拼單是餓了么4.0新出的功能,在于鼓勵(lì)用戶集體訂餐谈飒,即與周圍人拼單岂座。在流程方面存在問(wèn)題:點(diǎn)擊去點(diǎn)菜---添加到拼單---確認(rèn)美食---提交訂單(餐到付款),這個(gè)流程中發(fā)起邀請(qǐng)被忽略了杭措,在提交頁(yè)面沒(méi)有提示用戶發(fā)起邀請(qǐng)费什,即此種情況下邀請(qǐng)功能沒(méi)有作用。
3.7加入購(gòu)物車與下單
? ? ? 如圖6(左)手素,下單之后無(wú)法取消導(dǎo)致用戶在信息填寫失誤后無(wú)法撤銷訂單或更改吕喘,建議將此流程改為在餓了么(或餐廳)還未確認(rèn)之前,訂單支持撤銷和修改送餐信息刑桑,省去用戶不必要的麻煩氯质。
3.8餓單中心
? ? ? 如圖6(右),餓單中心整合了用戶在所選時(shí)間內(nèi)的所有訂單祠斧,并顯示訂單狀態(tài)以及下單時(shí)間闻察。
? ? ? 在用戶訂完餐暫退出APP后再次進(jìn)入APP時(shí),APP應(yīng)當(dāng)對(duì)未確認(rèn)訂單(餓單中心)予以紅點(diǎn)提醒,餓了么把紅點(diǎn)隱藏在抽屜里并不顯眼辕漂,建議將紅點(diǎn)放在抽屜菜單的圖標(biāo)上引發(fā)用戶的點(diǎn)擊欲呢灶。
? ? ? 餓單中心篩選的篩選結(jié)果項(xiàng)局限于篩選條件,對(duì)于己完成和己點(diǎn)評(píng)的訂單無(wú)從知道钉嘹,結(jié)果列表項(xiàng)也沒(méi)有清晰標(biāo)明鸯乃。建議篩選結(jié)果置前,不滿足篩選結(jié)果的相應(yīng)置后跋涣,以便查詢缨睡。
第四部分? 視覺(jué)感受
餓了么Android客戶端頁(yè)面風(fēng)格接近Android設(shè)計(jì)規(guī)范,界面沒(méi)有過(guò)多的點(diǎn)綴陈辱,配色上采用了餓了么品牌色藍(lán)色作為主色調(diào)奖年,輔以橙黃色和紅色,整體而言既滿足了品牌表達(dá)沛贪,又不失體現(xiàn)暖色調(diào)來(lái)到引起味蕾陋守。
字體布局方面,餓了么使用小號(hào)灰色字體顯示相對(duì)次要的標(biāo)識(shí)注釋性內(nèi)容利赋,層次感突出水评。
第五部分???小結(jié)
從以上的分析得出,餓了么在功能上已滿足用戶對(duì)于訂餐軟件的需求媚送,在邏輯上不存在致命性問(wèn)題之碗,但是在一些細(xì)節(jié)上存在諸多不盡人意的地方。但從整體使用感受來(lái)看季希,餓了么的產(chǎn)品體驗(yàn)略勝競(jìng)品褪那,在對(duì)錯(cuò)的取舍之中較好地保證了商業(yè)需求和體驗(yàn)需求統(tǒng)一。