原文于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)一。