O2O模式是餐飲業(yè)在移動(dòng)消費(fèi)趨勢(shì)下主動(dòng)擁抱互聯(lián)網(wǎng)的方向，迎合餐飲消費(fèi)者從以往經(jīng)驗(yàn)判斷為主轉(zhuǎn)變?yōu)橐揽恳苿?dòng)設(shè)備、LBS、社交網(wǎng)絡(luò)進(jìn)行立體決策的過程。App成為聯(lián)系消費(fèi)者和餐飲業(yè)的重要紐帶，承載著在O2O雙向流程的閉環(huán)中加深消費(fèi)者對(duì)品牌的認(rèn)同和感情認(rèn)知的作用。

FaceUI與必勝宅急送合作推出的手機(jī)訂餐web版是對(duì)其O2O策略的補(bǔ)充和深化，通過Html5的技術(shù)支持，手機(jī)web可以直接適配手機(jī)屏幕并實(shí)現(xiàn)類似App客戶端的體驗(yàn)。整個(gè)產(chǎn)品的實(shí)現(xiàn)過程，就是對(duì)產(chǎn)品背后動(dòng)機(jī)的挖掘和把握，隨著項(xiàng)目團(tuán)隊(duì)對(duì)動(dòng)機(jī)的理解，設(shè)計(jì)思路也隨之發(fā)生了轉(zhuǎn)化。

產(chǎn)品的客戶方動(dòng)機(jī)

即為什么要做這個(gè)產(chǎn)品，客戶方對(duì)此產(chǎn)品的定位和要求。不同定位的產(chǎn)品在功能或設(shè)計(jì)方向上會(huì)存在較大的差異，最常見的就是跟風(fēng)型產(chǎn)品，如早期的各式IM、再到繁多的微博，還有如今火熱的即時(shí)通訊工具，尤其移動(dòng)平臺(tái)的低成本高效率導(dǎo)致扎堆產(chǎn)品應(yīng)接不暇。這樣的產(chǎn)品更多是抱著分一杯羹或他有我也要有的心態(tài)定位，更注重被模仿對(duì)象的還原度，而不是個(gè)性特色。

必勝宅急送的手機(jī)web則是定位于O2O方向的探索。相較于傳統(tǒng)本地app，手機(jī)web?app可以較為輕松地實(shí)現(xiàn)跨平臺(tái)的輕量級(jí)應(yīng)用，脫離于app商店的web降低了初級(jí)用戶或中老年群體的使用門檻。對(duì)客戶方來說，依靠url作為入口，手機(jī)web可以便利地利用公眾平臺(tái)、朋友圈等社交傳播網(wǎng)絡(luò)進(jìn)行推廣。所以雖然手機(jī)web?app仍然存在一定缺陷，在擴(kuò)展消費(fèi)者接觸面、提高品牌自身競(jìng)爭(zhēng)力等方面也極有潛力，這也是產(chǎn)品的功能目標(biāo)和期望。

產(chǎn)品的設(shè)計(jì)動(dòng)機(jī)

“要不是看必勝宅急送的logo，我還以為是個(gè)圖片類網(wǎng)頁(yè)”

“我不清楚這個(gè)優(yōu)惠活動(dòng)圖片跟優(yōu)惠列表具體有什么分別”

“點(diǎn)擊‘預(yù)覽菜單’后以為會(huì)進(jìn)入菜單，沒想到還要再選一次菜品種類”

“我會(huì)首先看優(yōu)惠列表中有沒有自己喜歡的東西，如果有就直接訂購(gòu)”

其中部分困惑（1和2）是線框原型帶來的測(cè)試“噪音”，難以對(duì)當(dāng)前版本提供實(shí)際的啟發(fā)和引導(dǎo)，但3和4則反應(yīng)了首頁(yè)在布局和任務(wù)流程上存在的問題。被測(cè)用戶進(jìn)行發(fā)聲思考使得行為背后的內(nèi)容，如理解、計(jì)劃等轉(zhuǎn)化成明確、能被觀察或分析到的數(shù)據(jù)，沉默的內(nèi)部心理行為可以幫助測(cè)試者從用戶角度發(fā)現(xiàn)問題本質(zhì)。

綜合其他用戶和后續(xù)迭代反饋，最終的首頁(yè)方案如下：

設(shè)計(jì)師對(duì)原首頁(yè)方案上的方向是：簡(jiǎn)潔明了，突出訂餐點(diǎn)單的核心功能，并在首頁(yè)呈現(xiàn)用戶所需要使用的功能入口。但在測(cè)試中發(fā)現(xiàn)，用戶進(jìn)入首頁(yè)后受三種不同方向的動(dòng)機(jī)驅(qū)動(dòng)：

（1）已有明確的訂餐目的和菜品，首頁(yè)需要解決的是快速完成下單流程；

（2）瀏覽型用戶會(huì)期望還原線下餐廳一樣隨心所欲翻看菜單的體驗(yàn)，再確定菜品和下單與否；

（3）而對(duì)于利益型用戶，優(yōu)惠活動(dòng)和優(yōu)惠力度最容易勾起他們的購(gòu)買欲望。

所以最終方案在保持訂餐的核心功能外，對(duì)于不同的入口動(dòng)機(jī)，利用web不局限一屏瀏覽的特點(diǎn)，將菜品類目和優(yōu)惠列表同時(shí)鋪展，形成一個(gè)信息豐富的展示空間。

從測(cè)試中獲得的另一項(xiàng)有價(jià)值的發(fā)現(xiàn)幫助解決了項(xiàng)目團(tuán)隊(duì)內(nèi)部的分歧。點(diǎn)餐界面存在設(shè)計(jì)師出于不同考慮的方案：方案1（左邊）從用戶認(rèn)知出發(fā)，點(diǎn)擊“訂購(gòu)”后展現(xiàn)當(dāng)前菜品數(shù)量并要求用戶進(jìn)行確認(rèn)動(dòng)作；方案2（右邊）站在效率的思路，簡(jiǎn)化點(diǎn)餐的操作步驟，點(diǎn)擊即增加一份菜品，并利用角標(biāo)的方式幫助用戶了解當(dāng)前數(shù)量。

統(tǒng)計(jì)測(cè)試數(shù)據(jù)后，看起來更復(fù)雜的方案1的相關(guān)任務(wù)完成率較高，對(duì)比采用方案2的任務(wù)完成率較低，被測(cè)用戶的發(fā)聲思考也驗(yàn)證了這個(gè)結(jié)果：被測(cè)用戶在使用方案1時(shí)更明確銜接動(dòng)作，而對(duì)方案2會(huì)產(chǎn)生疑惑。

方案1中下單的操作比方案2多了至少2步，但整體流程上清晰明確，就像線下點(diǎn)餐那樣，對(duì)每個(gè)菜品的數(shù)量予以確認(rèn)，用戶自由度較小，很難從當(dāng)前菜品選擇中跳出去。購(gòu)物車的存在允許用戶前往結(jié)算界面并支付，彌補(bǔ)了解總體訂單情況的便利性。

方案2最大的優(yōu)勢(shì)是在單品數(shù)量較少（一份披薩的量較大）的情況下有較高的操作效率，在熟悉操作的情況下即使多份也不遜于方案1。但是隨意點(diǎn)擊就增加菜品帶來的自由度讓用戶感覺會(huì)偏離任務(wù)，可以通過購(gòu)物車減少菜品數(shù)量對(duì)用戶來說也是個(gè)隱藏操作，所以最終用戶很容易在方案2中產(chǎn)生困惑。

最終上線的點(diǎn)單界面如下：

方案1缺少了解訂單總量的缺點(diǎn)利用上方的懸浮通知優(yōu)化。用戶的動(dòng)機(jī)是獲得需要的菜品，所以不經(jīng)確認(rèn)的下單動(dòng)作會(huì)讓用戶失去安全感。對(duì)于符合用戶思維模式的流程，即使步驟略多，在執(zhí)行時(shí)因?yàn)榱?xí)慣或直覺的引導(dǎo)，也不會(huì)帶來太多注意力的分散或負(fù)擔(dān)。用戶未必能感受到方案2帶來的效率提高，但一旦出現(xiàn)不完善就會(huì)招致不滿。

同樣在用戶不需要為單一目標(biāo)集中注意力的時(shí)候，特意突出的元素也是畫蛇添足。這是被否決的結(jié)算界面原型：

本地app的樣式不適合web?app，網(wǎng)站上懸浮按鈕的設(shè)計(jì)讓用戶感受不快，過大的面積也影響清單的查看。用戶并不是任何時(shí)候都準(zhǔn)備下單，只有在核對(duì)完自己的菜品和數(shù)量，形成支付期望后，“確認(rèn)下單”才會(huì)成為他們準(zhǔn)備點(diǎn)擊的對(duì)象。

?結(jié)語

對(duì)動(dòng)機(jī)的挖掘并不是非黑即白的單選項(xiàng)。在低保真原型測(cè)試的支持下，通過動(dòng)機(jī)把握，確定產(chǎn)品哪些元素是有益的，哪些元素是無益的，最終形成效果顯著的產(chǎn)品方案，獲得品質(zhì)和效率上的雙贏。

FROM 動(dòng)點(diǎn)科技