藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服

來源：人人都是產(chǎn)品經(jīng)理

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

最近國(guó)內(nèi)O2O市場(chǎng)火熱，辦公室內(nèi)叫外賣的氛圍也出現(xiàn)了前所未有的高潮。大家經(jīng)常使用的外賣app有餓了么、百度外賣、美團(tuán)外賣。

今天來看看餓了么、百度外賣、美團(tuán)外賣的購物車設(shè)計(jì)。

像淘寶、天貓、京東等購物平臺(tái)一般在一級(jí)界面就有購物車入口，而餓了么、百度外賣、美團(tuán)外賣在一級(jí)界面都沒有購物車入口。

這是因?yàn)閮深惍a(chǎn)品的購物車的使用場(chǎng)景還是有所區(qū)別的：

其一、淘寶、天貓、京東等購物平臺(tái)支持跨店購物的，用戶在不同的商家選擇的商品會(huì)在同一個(gè)購物車內(nèi)。

其二、淘寶等購物平臺(tái)上的購物車，也承擔(dān)了收藏的部分功能_很多用戶看到喜歡的產(chǎn)品第一反應(yīng)是加入購物車，比較之后再購買或者干脆就收藏到放到購物車內(nèi)。所以你可以看到京東、天貓購物車點(diǎn)擊右上角編輯選中購物車內(nèi)的商品，底部有移入收藏夾的功能。

而外賣產(chǎn)品，因?yàn)槭强煜l率，另外因?yàn)橥赓u配送的問題，同一家的算一組訂單比較合理，沒有必要也不方便跨店管理購物車。所以現(xiàn)在外賣app一級(jí)界面都沒有購物車入口，點(diǎn)擊進(jìn)入相應(yīng)商家界面底部出現(xiàn)購物車入口。

我們來分析一下外賣類的產(chǎn)品購物車有哪些需求：

1. 物品管理，商品名稱、數(shù)量、價(jià)格，可以增減數(shù)量或者清空購物車；總價(jià)，起送價(jià)提示等；
2. 湊單，很多飯店都有起送價(jià)格，個(gè)人點(diǎn)外賣需要湊夠起送價(jià)；另外現(xiàn)在優(yōu)惠一般有滿減，譬如滿20減10元，一個(gè)菜18元，這個(gè)時(shí)候湊夠20比較實(shí)惠。
3. 拼單，拼單一般無外乎兩種情況：自己懶得點(diǎn)，和別人一起點(diǎn)；起送價(jià)限制和滿減優(yōu)惠，拼單更劃算。個(gè)人認(rèn)為還有個(gè)心理因素影響：一個(gè)訂單點(diǎn)的比較多感覺店家會(huì)考慮優(yōu)先配送，自己一個(gè)人點(diǎn)的相對(duì)容易被忽略。
4. 拼單收錢，這里就牽涉到優(yōu)惠減免怎么均攤到人的問題。我調(diào)研了幾個(gè)資深用戶：一般收錢都是用微信轉(zhuǎn)賬，而對(duì)于優(yōu)惠減免一般采用均攤方式_因?yàn)橥赓u訂單同一家點(diǎn)的菜品價(jià)格相差不大；對(duì)于價(jià)格相差較大的情況也在均攤的價(jià)格上酌情加減。

在購物車下單使用的過程中，三家的整個(gè)購物流程都沒有什么大的問題，但是細(xì)節(jié)處理還是有所不同。下面我們來看看三家購物車的設(shè)計(jì)情況：

1、餓了么購物車增加了拼單功能可以分享到微信拼單，因此餓了么購物車采用的是底部常駐-點(diǎn)擊跳轉(zhuǎn)界面才可以確認(rèn)訂單，比百度外賣和美團(tuán)外賣確認(rèn)訂 單要多一個(gè)步驟。對(duì)于餓了么的拼單功能，體驗(yàn)了一下，功能還是很貼心_可以分享到微信_(tái)小伙伴不用安裝餓了么app，直接微信html頁面打開可以下單， 并可以備注名字、取消拼單，發(fā)起人也可以鎖定拼單。當(dāng)發(fā)起人取消拼單提供下載入口，另外商家點(diǎn)單界面左上角返回鍵可返回餓了么網(wǎng)頁版首頁底部并提供下載入 口。

備注：對(duì)于餓了么的拼單功能，我沒有用過，我調(diào)研了幾個(gè)資深用戶知道有這個(gè)功能但是也沒有用過。我分析了一下對(duì)于中午點(diǎn)外賣，一般都要求及時(shí)性_立 即響應(yīng)，另外對(duì)于辦公室一族剛好站起來走動(dòng)一下。所以拼單需求是有但是都沒用餓了么的拼單功能能。而對(duì)于拼單收錢這個(gè)問題，其實(shí)是基于拼單的功能基礎(chǔ)上， 個(gè)人沒用過餓了么的拼單不知道它是否有做這個(gè)功能。由于一般外賣拼單也就三五個(gè)人，一般都是發(fā)起人承擔(dān)了這部分工作。

2、百度外賣、美團(tuán)外賣_商家界面底部購物車可懸層操作，點(diǎn)擊確認(rèn)訂單可直接跳轉(zhuǎn)到訂單確認(rèn)界面，確認(rèn)支付方式、地址、送餐時(shí)間、備注、優(yōu)惠信息等信息。

美團(tuán)外賣

3、關(guān)于跨店購物車問題：餓了么>離開商家購物車不會(huì)清空，商家圖標(biāo)右上角會(huì)顯示數(shù)量角標(biāo)_進(jìn)入另外一家商家選擇菜品則彈窗提示購物車已有 XX美食，讓用戶選擇清空還是不清空；美團(tuán)外賣和百度外賣>不同商家購物車單獨(dú)記憶,進(jìn)入不同店家選擇之前店家選擇菜品不做清空處理；

餓了么跨店使用購物車

4、關(guān)于美團(tuán)購物車口袋，美團(tuán)購物車可以拖動(dòng)到不同口袋，例如1號(hào)口袋、2號(hào)口袋、3號(hào)口袋_不同的口袋用不同的顏色標(biāo)示。對(duì)于美團(tuán)的購物車口袋，我愣是沒看懂使用場(chǎng)景是怎樣的。猜測(cè)難道是拼單的時(shí)候把不同菜品拖到不同口袋會(huì)單獨(dú)打包派送？私認(rèn)為店家根本不會(huì)這么處理的。

5、關(guān)于備注：餓了么和百度備注有預(yù)知選項(xiàng)比如：不吃辣、辣一點(diǎn)、米飯多點(diǎn)、沒零錢等，美團(tuán)外賣則只能用戶手動(dòng)輸入。

6、關(guān)于首單驗(yàn)證碼,餓了么、美團(tuán)采用語音驗(yàn)證碼，百度僅有短信驗(yàn)證。語音驗(yàn)證VS短信驗(yàn)證碼我去知乎搜了一下：語音驗(yàn)證碼相對(duì)短音驗(yàn)證碼更加安全 而且避免了短信延時(shí)或者收不到的情況。但語音驗(yàn)證碼在特定環(huán)境也不太合適，例如開會(huì)的時(shí)候我下個(gè)外賣訂單忽然來了個(gè)電話會(huì)嚇人一跳的。

7、對(duì)于未注冊(cè)/未登錄下單，三家都允許未登錄下單。餓了么和美團(tuán)是在訂單需要填寫送餐地址、用戶電話等信息,再短信驗(yàn)證碼登錄下單；餓了么右上角有快速登錄入口，美團(tuán)外賣沒有；百度是直接調(diào)到登錄/注冊(cè)界面，登錄后加載地址信息或注冊(cè)后再填寫地址信息。

對(duì)比分析：餓了么的處理方式取兩家之長(zhǎng)，一則通過地址填寫前置引導(dǎo)用戶注冊(cè)（用戶擔(dān)心失去心理），同時(shí)也提供了已注冊(cè)用戶快速登錄的入口。

外賣產(chǎn)品的效率和高頻確定了用戶下單速度相對(duì)較快，購物車作為用戶下單的最后一環(huán)，在外賣如此講究速度的產(chǎn)品面前更加要講究細(xì)節(jié)體驗(yàn)的流程和貼心。 三家產(chǎn)品對(duì)比之下，餓了么作為外賣先驅(qū)無疑在用戶需求細(xì)節(jié)上挖掘的更深，不僅是在購物車這一個(gè)環(huán)節(jié)，在其他方面也已經(jīng)成為美團(tuán)和百度這兩家后來者學(xué)習(xí)的對(duì) 象。

目前外賣O2O三家混戰(zhàn)，用戶則是最開心的時(shí)候，這個(gè)時(shí)候的用戶是沒有忠誠(chéng)度可言的，往往是誰家優(yōu)惠力度大就去那里下單。當(dāng)各家優(yōu)惠都大不多的時(shí)候，打動(dòng)用戶的往往就是產(chǎn)品體驗(yàn)_誰家選擇多，速度快、口碑好、交互好等！