編輯導(dǎo)語：美團(tuán)和餓了么作為外賣界的兩大巨頭，在產(chǎn)品設(shè)計(jì)上有許多其他產(chǎn)品能夠借鑒的地方。本文作者從設(shè)計(jì)師的角度出發(fā)，為我們詳細(xì)地分析了美團(tuán)和餓了么在各個(gè)功能板塊上的特色和差異，看看二者是如何打造差異化競爭的，歡迎大家在評論區(qū)討論交流。

外賣現(xiàn)在已經(jīng)是現(xiàn)代人快節(jié)奏生活下的最好選擇，不僅可選擇品種多、方便，還節(jié)約時(shí)間，關(guān)鍵是便宜?。?/p>

今年由于疫情，各大外送平臺都借力高速發(fā)展了一波。“無硝煙戰(zhàn)場”不只是存在于美團(tuán)和餓了么兩家巨頭之間，其他的類似于叮咚買菜、京東到家、盒馬等等都是“高舉戰(zhàn)旗”搶奪市場份額。

借此機(jī)會，分享一下相對成熟的美團(tuán)和餓了么兩家產(chǎn)品功能點(diǎn)體驗(yàn)感受。以下均為個(gè)人觀點(diǎn)，不足之處歡迎指正交流。

一、平臺首頁

1. 色彩方面

美團(tuán)一直用的是陽光活力的黃色，黃色是自然界中最溫暖的顏色，給人溫暖、親近，充滿希望的色彩感受；餓了么選用的是藍(lán)色，傳遞出安全、平靜，專業(yè)服務(wù)的色彩感受。

兩家平臺緊跟設(shè)計(jì)潮流，導(dǎo)航欄采用漸變的色彩設(shè)計(jì)手法。

2. 功能布局

布局上大同小異，從上至下依次是用戶地址-搜索欄-banner-金剛區(qū)（平臺主要功能）-瓷片區(qū)-附近商家列表。

3. 搜索欄

個(gè)人感覺美團(tuán)在搜索框控件設(shè)計(jì)上更占優(yōu)勢，不僅有推薦詞條，還加上滿減優(yōu)惠的利益點(diǎn)。

這種增加滿減優(yōu)惠的“小心機(jī)”，對c端用戶來說：一方面能夠給用戶帶來優(yōu)惠的直觀感受，能夠刺激新用戶下單；另一方面能夠促使用戶在平臺進(jìn)行二次消費(fèi)，激活用戶的同時(shí)又提升了用戶黏性。

這種“心機(jī)”設(shè)計(jì)點(diǎn)是不是簡直了～

餓了么的搜索頁面在加入歷史搜索的下方加入「附近熱搜」，通過強(qiáng)大的算法能力將人氣餐品榜單合理利用在搜索頁面中。

4. 金剛區(qū)

金剛區(qū)設(shè)計(jì)大同小異，都分了兩個(gè)層級的功能入口。

美團(tuán)一級圖標(biāo)使用卡通3D設(shè)計(jì)，貼近真實(shí)場景；餓了么是用微質(zhì)感的設(shè)計(jì)手法，整體輕量又不失細(xì)節(jié)。都是采用場景物化映射的設(shè)計(jì)，將現(xiàn)實(shí)世界的物件進(jìn)行設(shè)計(jì)，這里的設(shè)計(jì)手法值得稱贊學(xué)習(xí)。

唯一在我看來可能是平臺戰(zhàn)略層的目標(biāo)出發(fā)點(diǎn)不同：餓了么將美食、超市、團(tuán)購、自取、休閑娛樂置于模塊最高優(yōu)先級。

我的猜想可能是基于平臺背景的原因，背后大佬一直想打造本地生活服務(wù)泛娛樂的產(chǎn)品，在平臺中心流量功能區(qū)開放團(tuán)購和本地娛樂的入口，獲取除了點(diǎn)外賣有其他需求的新用戶，是一種戰(zhàn)略布局。

而美團(tuán)則是圍繞解決用戶需求來打造，將美食、甜品飲品、超市、果蔬、買藥置于最高優(yōu)先級，解決家庭群體用戶和個(gè)人用戶日常外賣品種的需求。

另外餓了么將優(yōu)惠力度大的活動「省錢好券」和「百億補(bǔ)貼」置于金剛區(qū)，這也說明餓了么對平臺補(bǔ)助活動的推廣力度。

而美團(tuán)則是將「津貼優(yōu)惠」同購物車置于懸浮于屏幕右下角，我的猜想可能是為了吸引用戶將商品加入購物車的同時(shí)注意到平臺的津貼優(yōu)惠，增加點(diǎn)擊率，引導(dǎo)目標(biāo)用戶下單。

5. 首頁附近推薦

美團(tuán)分了「附近商家」和「發(fā)現(xiàn)好菜」兩個(gè)Tab切換；餓了么分了附近推薦和其他六個(gè)品種，共7個(gè)Tab切換。個(gè)人看來，這種設(shè)計(jì)各有優(yōu)勢。

1）美團(tuán)Tab的設(shè)計(jì)聚焦于入駐商家

「附近商家」：

是將各大商家做了個(gè)合集，增加商家運(yùn)營推廣成本，為入駐商家提供流量的同時(shí)提高平臺廣告營收。

「發(fā)現(xiàn)好菜」：

采用feed流的方式給用戶呈現(xiàn)美食，有點(diǎn)類似于電商平臺的商品推薦，給無目的瀏覽的和不知道吃什么的用戶推薦優(yōu)惠力度大和口碑較高的產(chǎn)品。既能給用戶沉浸式體驗(yàn)，又能為商家提供推廣位增加產(chǎn)品曝光率，雙方提高營收。

從設(shè)計(jì)驅(qū)動商業(yè)的角度來看是成功的，妙啊～

2）餓了么聚焦于用戶本身的需求

7個(gè)Tab運(yùn)用了7+2原則，下沉到各細(xì)分種類，為用戶推薦更精準(zhǔn)的品種商家，減少用戶焦慮。試想一下如果你有買水果或者美妝類產(chǎn)品需求時(shí)，是不是會點(diǎn)擊相應(yīng)Tab頁面，選擇心儀的商家下單呢？

二、美食外賣主題

1. 色彩方面

美團(tuán)美食外賣主題模塊導(dǎo)航欄背景使用橘紅色漸變。我猜想應(yīng)該是這個(gè)顏色相對于平臺首頁，橘紅色漸變更偏向于美食顏色，從心理角度考慮，暖色容易促進(jìn)用戶的食欲。

餓了么則延續(xù)首頁基礎(chǔ)的淺藍(lán)色，相對于首頁的淺藍(lán)色更加明亮，飽和度更高更加鮮明（題外話：有人說餓了的心情是blue的）。

2. 功能布局

美團(tuán)從上至下依次是今日套餐推薦-商家推薦列表；餓了么從上至下是熱門推薦榜單-商家輪播廣告位-商家推薦列表。

美團(tuán)的今日套餐推薦模塊，x軸可滑動9張商家卡片，每張卡片都配置一個(gè)「下單」的按鈕，能夠讓用戶快速下單，縮短下單支付步幅；餓了么在美食外賣模塊新增基于手機(jī)定位三類美食榜單排行。

我猜想可能是考慮到用戶到從眾心理，目的是打造出類似于大眾點(diǎn)評必吃榜的核心流量模塊。

三、商家主頁

1. 功能布局

美團(tuán)和餓了么的商家主頁大體上是相近的，從上至下依次商家信息-點(diǎn)餐、評價(jià)、商家詳情Tab切換。

美團(tuán)的頭部商家信息區(qū)別于餓了么，加入用戶評分指數(shù)、用戶評價(jià)、店鋪標(biāo)簽、公告；餓了么頭部信息較為簡約直觀，加入免費(fèi)領(lǐng)會員卡功能。評價(jià)模塊美團(tuán)將具體評價(jià)量標(biāo)簽外置，商家評分置于模塊內(nèi)。而餓了么則是將商家評分標(biāo)簽和模塊內(nèi)統(tǒng)一。

餓了么點(diǎn)餐模塊區(qū)別于美團(tuán)，增加商家推薦菜品模塊。我猜想這種設(shè)計(jì)既能為用戶提供最佳選擇，又能打造基于商家本身的爆款菜品，提升商家口碑。

2. 品牌IP

兩家平臺都有滿減神器，也都加入了相應(yīng)的品牌IP形象和點(diǎn)餐盒。美團(tuán)的點(diǎn)餐盒圖標(biāo)融入黃騎士形象，情感化的設(shè)計(jì)讓整個(gè)體驗(yàn)更加貼近線下線下場景，符合用戶心智，有趣生動。

3. 規(guī)格選擇

同樣是使用頁面彈窗的交互策略讓用戶選擇相應(yīng)規(guī)格的餐品，美團(tuán)的彈窗置于頁面視覺中心，我的猜想是為了減少用戶下單的干擾，背景層的餐品依然能夠呈現(xiàn)在用戶前面；

而餓了么是采用從下至上滑出的卡片展示規(guī)格，這種設(shè)計(jì)策略可以展示更多產(chǎn)品相關(guān)規(guī)格信息的選項(xiàng)，可以靈活配置。

四、訂單信息

1. 功能布局

兩家訂單信息頁面大體相同，卻也還是有差異化的功能點(diǎn)設(shè)計(jì)。

美團(tuán)支持「找人付」的功能，我猜想是考慮到下沉用戶年齡段，為一些支付能力欠缺的學(xué)生黨和年齡偏高的老人增加下單支付的可能性。

2. 支付方式

美團(tuán)的訂單支付選項(xiàng)分「普通支付」和「極速支付」兩個(gè)方式，普通支付優(yōu)先推薦美團(tuán)支付，微信和支付寶支付放在后面。

我的猜想是美團(tuán)的戰(zhàn)略打法，在美團(tuán)支付推出之前一直受限于支付寶和微信支付。通過提高美團(tuán)支付通道使用率打造自身生態(tài)閉環(huán)，通過自身支付能力來競爭。

再者，使用過極速支付應(yīng)該知道這個(gè)速度是有多快，選好菜品和填寫完收貨信息，根本無需考慮使用哪種支付方式，前后兩步流程就能完成下單，縮短用戶支付步幅大大提高效率。

餓了么跟美團(tuán)對比起來，基于自身強(qiáng)大的支付體系和用戶使用率，并不受限于微信支付或者其他支付通道。所以，支付方式從策略上還是選擇支付寶、花唄和微信支付。

五、會員模塊

美團(tuán)將會員模塊前置于四個(gè)標(biāo)簽欄第二個(gè)主題。

提升平臺會員在用戶視線的曝光率，會員優(yōu)勢在用戶需求側(cè)清晰可見。既能讓用戶加深用戶對美團(tuán)會員的印象，又能促使用戶進(jìn)行下單轉(zhuǎn)化。

餓了么將獎勵(lì)金直接改頭換面成超級吃貨卡，升級后的超級吃貨卡褒貶不一暫且不談。

但是從品牌屬性和玩法上面來看，是將支付寶的螞蟻森林的一套運(yùn)營玩法搬運(yùn)到餓了么，將會員獎勵(lì)金隱喻成超級吃貨卡。對用戶而言心理上降低加入會員的門檻，吃貨豆功能玩法能提夠升趣味性和用戶黏性。

六、購物車

美團(tuán)購物車頁面區(qū)別于餓了么，美團(tuán)支持「一鍵結(jié)算」，可以結(jié)算購物車內(nèi)所有未支付訂單。餓了么則只支持單一訂單結(jié)算。

餓了么在用戶選擇餐品未達(dá)到起送額度的時(shí)候會有提示差額，提示用戶去湊單進(jìn)行下單轉(zhuǎn)化。

七、訂單

訂單頁面是所有電商平臺的核心功能之一，兩家外賣平臺也都是將訂單模塊前置于標(biāo)簽欄，訂單列表能夠?yàn)橛脩粽故厩逦挠唵蚊骷?xì)，時(shí)刻引導(dǎo)用戶進(jìn)行下單轉(zhuǎn)化。

美團(tuán)將「評價(jià)得金豆」作為優(yōu)先級最高的召喚功能：我猜想一方面是利用用戶利益點(diǎn)促進(jìn)用戶與商家之間的聯(lián)系，對用戶而言，配圖評價(jià)可以獲得金豆用在餐品打折；對商家而言，好的UGC內(nèi)容能夠直接促進(jìn)單品轉(zhuǎn)化，雙向獲利。

對平臺而言，用戶高質(zhì)量的內(nèi)容能夠帶動整個(gè)平臺對活躍度，大眾點(diǎn)評就是一個(gè)非常成功的例子。

餓了么是將「再來一單」置于頁面優(yōu)先級最高的位置：我猜想對外賣餐飲來說，復(fù)購?fù)畈推穼茁适欠浅４蟮摹?/p>

試想一下在緊張的工作狀態(tài)下，外賣商家品種繁多，又沒有時(shí)間去反復(fù)瀏覽美食，只想簡單的飽腹一頓，這樣根據(jù)以往訂單再來一單同樣餐品是最便捷的操作，極大的提高用餐效率。

八、加載

兩家平臺的加載效果都是從logo提取出來的，美團(tuán)延續(xù)袋鼠的品牌IP形象，隱喻成騎士騎電驢的動態(tài)形象，生動活潑；餓了么則是提取“e”這個(gè)超級符號，進(jìn)一步加深餓了么品牌符號給用戶的視覺印象。

九、總結(jié)

兩家雖然是同類型外賣產(chǎn)品，但是不論從品牌DNA還是從產(chǎn)品設(shè)計(jì)方面都保持自身平臺特有的調(diào)性，打造差異化競爭，其亮眼的設(shè)計(jì)思路值得我們推敲和學(xué)習(xí)。

作為一名合格的設(shè)計(jì)師，除了學(xué)習(xí)視覺技法和理論，還應(yīng)該多玩、多看、多思考真實(shí)的線上產(chǎn)品，體驗(yàn)其核心操作流程，推敲和思考產(chǎn)品設(shè)計(jì)背后的原理和邏輯，才能不斷提升體驗(yàn)設(shè)計(jì)思維。

本文由 @禪悅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自?Unsplash，基于 CC0 協(xié)議