美團&餓了麼:差異化產品設計

編輯導語:美團和餓了麼作為外賣界的兩大巨頭,在產品設計上有許多其他產品能夠借鑑的地方。本文作者從設計師的角度出發,為我們詳細地分析了美團和餓了麼在各個功能板塊上的特色和差異,看看二者是如何打造差異化競爭的,歡迎大家在評論區討論交流。

美團&餓了麼:差異化產品設計

外賣現在已經是現代人快節奏生活下的最好選擇,不僅可選擇品種多、方便,還節約時間,關鍵是便宜啊!

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

藉此機會,分享一下相對成熟的美團和餓了麼兩家產品功能點體驗感受。以下均為個人觀點,不足之處歡迎指正交流。

一、平臺首頁
美團&餓了麼:差異化產品設計
1. 色彩方面

美團一直用的是陽光活力的黃色,黃色是自然界中最溫暖的顏色,給人溫暖、親近,充滿希望的色彩感受;餓了麼選用的是藍色,傳遞出安全、平靜,專業服務的色彩感受。

兩家平臺緊跟設計潮流,導航欄採用漸變的色彩設計手法。

2. 功能佈局

佈局上大同小異,從上至下依次是使用者地址-搜尋欄-banner-金剛區(平臺主要功能)-瓷片區-附近商家列表。

3. 搜尋欄

個人感覺美團在搜尋框控制元件設計上更佔優勢,不僅有推薦詞條,還加上滿減優惠的利益點。

這種增加滿減優惠的“小心機”,對c端使用者來說:一方面能夠給使用者帶來優惠的直觀感受,能夠刺激新使用者下單;另一方面能夠促使使用者在平臺進行二次消費,啟用使用者的同時又提升了使用者黏性。

這種“心機”設計點是不是簡直了~

美團&餓了麼:差異化產品設計

餓了麼的搜尋頁面在加入歷史搜尋的下方加入「附近熱搜」,透過強大的演算法能力將人氣餐品榜單合理利用在搜尋頁面中。

4. 金剛區

金剛區設計大同小異,都分了兩個層級的功能入口。

美團一級圖示使用卡通3D設計,貼近真實場景;餓了麼是用微質感的設計手法,整體輕量又不失細節。都是採用場景物化對映的設計,將現實世界的物件進行設計,這裡的設計手法值得稱讚學習。

唯一在我看來可能是平臺戰略層的目標出發點不同:餓了麼將美食、超市、團購、自取、休閒娛樂置於模組最高優先順序。

我的猜想可能是基於平臺背景的原因,背後大佬一直想打造本地生活服務泛娛樂的產品,在平臺中心流量功能區開放團購和本地娛樂的入口,獲取除了點外賣有其他需求的新使用者,是一種戰略佈局。

而美團則是圍繞解決使用者需求來打造,將美食、甜品飲品、超市、果蔬、買藥置於最高優先順序,解決家庭群體使用者和個人使用者日常外賣品種的需求。

另外餓了麼將優惠力度大的活動「省錢好券」和「百億補貼」置於金剛區,這也說明餓了麼對平臺補助活動的推廣力度。

而美團則是將「津貼優惠」同購物車置於懸浮於螢幕右下角,我的猜想可能是為了吸引使用者將商品加入購物車的同時注意到平臺的津貼優惠,增加點選率,引導目標使用者下單。

5. 首頁附近推薦
美團&餓了麼:差異化產品設計

美團分了「附近商家」和「發現好菜」兩個Tab切換;餓了麼分了附近推薦和其他六個品種,共7個Tab切換。個人看來,這種設計各有優勢。

1)美團Tab的設計聚焦於入駐商家

「附近商家」:

是將各大商家做了個合集,增加商家運營推廣成本,為入駐商家提供流量的同時提高平臺廣告營收。

「發現好菜」:

採用feed流的方式給使用者呈現美食,有點類似於電商平臺的商品推薦,給無目的瀏覽的和不知道吃什麼的使用者推薦優惠力度大和口碑較高的產品。既能給使用者沉浸式體驗,又能為商家提供推廣位增加產品曝光率,雙方提高營收。

從設計驅動商業的角度來看是成功的,妙啊~

2)餓了麼聚焦於使用者本身的需求

7個Tab運用了7+2原則,下沉到各細分種類,為使用者推薦更精準的品種商家,減少使用者焦慮。試想一下如果你有買水果或者美妝類產品需求時,是不是會點選相應Tab頁面,選擇心儀的商家下單呢?

二、美食外賣主題
美團&餓了麼:差異化產品設計
1. 色彩方面

美團美食外賣主題模組導航欄背景使用橘紅色漸變。我猜想應該是這個顏色相對於平臺首頁,橘紅色漸變更偏向於美食顏色,從心理角度考慮,暖色容易促進使用者的食慾。

餓了麼則延續首頁基礎的淺藍色,相對於首頁的淺藍色更加明亮,飽和度更高更加鮮明(題外話:有人說餓了的心情是blue的)。

2. 功能佈局

美團從上至下依次是今日套餐推薦-商家推薦列表;餓了麼從上至下是熱門推薦榜單-商家輪播廣告位-商家推薦列表。

美團的今日套餐推薦模組,x軸可滑動9張商家卡片,每張卡片都配置一個「下單」的按鈕,能夠讓使用者快速下單,縮短下單支付步幅;餓了麼在美食外賣模組新增基於手機定位三類美食榜單排行。

我猜想可能是考慮到使用者到從眾心理,目的是打造出類似於大眾點評必吃榜的核心流量模組。

三、商家主頁
美團&餓了麼:差異化產品設計
1. 功能佈局

美團和餓了麼的商家主頁大體上是相近的,從上至下依次商家資訊-點餐、評價、商家詳情Tab切換。

美團的頭部商家資訊區別於餓了麼,加入使用者評分指數、使用者評價、店鋪標籤、公告;餓了麼頭部資訊較為簡約直觀,加入免費領會員卡功能。評價模組美團將具體評價量標籤外接,商家評分置於模組內。而餓了麼則是將商家評分標籤和模組內統一。

餓了麼點餐模組區別於美團,增加商家推薦菜品模組。我猜想這種設計既能為使用者提供最佳選擇,又能打造基於商家本身的爆款菜品,提升商家口碑。

2. 品牌IP

兩家平臺都有滿減神器,也都加入了相應的品牌IP形象和點餐盒。美團的點餐盒圖示融入黃騎士形象,情感化的設計讓整個體驗更加貼近線下線下場景,符合使用者心智,有趣生動。

3. 規格選擇
美團&餓了麼:差異化產品設計

同樣是使用頁面彈窗的互動策略讓使用者選擇相應規格的餐品,美團的彈窗置於頁面視覺中心,我的猜想是為了減少使用者下單的干擾,背景層的餐品依然能夠呈現在使用者前面;

而餓了麼是採用從下至上滑出的卡片展示規格,這種設計策略可以展示更多產品相關規格資訊的選項,可以靈活配置。

四、訂單資訊
美團&餓了麼:差異化產品設計
1. 功能佈局

兩家訂單資訊頁面大體相同,卻也還是有差異化的功能點設計。

美團支援「找人付」的功能,我猜想是考慮到下沉使用者年齡段,為一些支付能力欠缺的學生黨和年齡偏高的老人增加下單支付的可能性。

2. 支付方式
美團&餓了麼:差異化產品設計

美團的訂單支付選項分「普通支付」和「極速支付」兩個方式,普通支付優先推薦美團支付,微信和支付寶支付放在後面。

我的猜想是美團的戰略打法,在美團支付推出之前一直受限於支付寶和微信支付。透過提高美團支付通道使用率打造自身生態閉環,透過自身支付能力來競爭。

再者,使用過極速支付應該知道這個速度是有多快,選好菜品和填寫完收貨資訊,根本無需考慮使用哪種支付方式,前後兩步流程就能完成下單,縮短使用者支付步幅大大提高效率。

餓了麼跟美團對比起來,基於自身強大的支付體系和使用者使用率,並不受限於微信支付或者其他支付通道。所以,支付方式從策略上還是選擇支付寶、花唄和微信支付。

五、會員模組
美團&餓了麼:差異化產品設計

美團將會員模組前置於四個標籤欄第二個主題。

提升平臺會員在使用者視線的曝光率,會員優勢在使用者需求側清晰可見。既能讓使用者加深使用者對美團會員的印象,又能促使使用者進行下單轉化。

餓了麼將獎勵金直接改頭換面成超級吃貨卡,升級後的超級吃貨卡褒貶不一暫且不談。

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

六、購物車
美團&餓了麼:差異化產品設計

美團購物車頁面區別於餓了麼,美團支援「一鍵結算」,可以結算購物車內所有未支付訂單。餓了麼則只支援單一訂單結算。

餓了麼在使用者選擇餐品未達到起送額度的時候會有提示差額,提示使用者去湊單進行下單轉化。

七、訂單
美團&餓了麼:差異化產品設計

訂單頁面是所有電商平臺的核心功能之一,兩家外賣平臺也都是將訂單模組前置於標籤欄,訂單列表能夠為使用者展示清晰的訂單明細,時刻引導使用者進行下單轉化。

美團將「評價得金豆」作為優先順序最高的召喚功能:我猜想一方面是利用使用者利益點促進使用者與商家之間的聯絡,對使用者而言,配圖評價可以獲得金豆用在餐品打折;對商家而言,好的UGC內容能夠直接促進單品轉化,雙向獲利。

對平臺而言,使用者高質量的內容能夠帶動整個平臺對活躍度,大眾點評就是一個非常成功的例子。

餓了麼是將「再來一單」置於頁面優先順序最高的位置:我猜想對外賣餐飲來說,復購同款餐品對機率是非常大的。

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

八、載入
美團&餓了麼:差異化產品設計

兩家平臺的載入效果都是從logo提取出來的,美團延續袋鼠的品牌IP形象,隱喻成騎士騎電驢的動態形象,生動活潑;餓了麼則是提取“e”這個超級符號,進一步加深餓了麼品牌符號給使用者的視覺印象。

九、總結

兩家雖然是同類型外賣產品,但是不論從品牌DNA還是從產品設計方面都保持自身平臺特有的調性,打造差異化競爭,其亮眼的設計思路值得我們推敲和學習。

作為一名合格的設計師,除了學習視覺技法和理論,還應該多玩、多看、多思考真實的線上產品,體驗其核心操作流程,推敲和思考產品設計背後的原理和邏輯,才能不斷提升體驗設計思維。

本文由 @禪悅 原創釋出於人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 3667 字。

轉載請註明: 美團&餓了麼:差異化產品設計 - 楠木軒