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

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

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

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

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

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

一、平台首頁
美團&餓了麼:差異化產品設計
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 字。

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