5億人在用的美團外賣,為什么「更多」菜單設(shè)計非常混亂?

在日常生活中,我們頻繁使用美團外賣訂餐。而點擊底部導航欄的「更多」按鈕時,你是否也被那個一口氣塞進 12 項功能的抽屜菜單弄得一頭霧水?今天,就帶你從一個體驗設(shè)計師的角度,細細剖析這個「更多」入口的設(shè)計問題、背后的產(chǎn)品邏輯以及優(yōu)化思路。

5億人在用的美團外賣,為什么「更多」菜單設(shè)計非常混亂?

更多案例拆解:

一、界面觀察:點開「更多」后的困惑感

點擊底部導航欄的「更多」圖標后,界面彈出一個抽屜卡片,共顯示 12 個菜單項:

  • 紅包、代金券、神搶手券、津貼、米粒、收藏
  • 企業(yè)用餐、發(fā)票助手、餐具設(shè)置、飲食記錄、浣熊食堂、管理地址

這些功能采用平鋪式文本列表,無分組、無圖標,僅以單行文字形式呈現(xiàn)。

二、問題與思考

1. 信息架構(gòu)混亂,功能類目無邏輯分組

這 12 個功能橫跨運營活動(如神搶手券、紅包)、賬戶類(收藏、地址)、服務類(企業(yè)用餐、發(fā)票助手)、習慣設(shè)置(餐具設(shè)置、飲食記錄)等多個類型,卻統(tǒng)一用一段文字堆疊呈現(xiàn)。缺乏視覺層級,用戶只能機械式瀏覽每一項。

設(shè)計原理引用: 信息架構(gòu)設(shè)計強調(diào)「可識別性優(yōu)先于完整性」,如 Nielsen 十大可用性原則中的“用戶控制與自由”以及“識別勝于回憶”。

2. 命名模糊,不利于第一認知判斷

  • 「神搶手券」:是限時折扣?特殊優(yōu)惠?需要點進去才能確認
  • 「浣熊食堂」:運營活動 or 用戶社區(qū)?新用戶無從理解
  • 「米粒」:其實是品牌積分體系,但非會員或者非目標客戶對其理解為零

這類命名看似具有趣味性,卻犧牲了功能導向性,導致理解成本上升。

設(shè)計原理引用: 《Don't Make Me Think》中強調(diào),功能命名應直觀、清晰,不能依賴用戶猜測。

3. 高頻操作項被深埋,用戶路徑被拉長

  • 「餐具設(shè)置」是一個影響下單體驗的重要偏好項,卻被隱藏于一個無提示的抽屜中
  • 「管理地址」作為賬戶基礎(chǔ)信息,也未在“我的”主頁面或下單頁中提供近路徑入口

這種不符合用戶心智模型的設(shè)置,造成了路徑偏移與交互復雜化。

三、從多角度出發(fā)的 UX 解讀

  1. 普通用戶:難以快速識別所需內(nèi)容,存在“我點了但找不到”的挫敗感
  2. 高頻外賣用戶:設(shè)置與日常使用脫節(jié),如“餐具設(shè)置”等應強化路徑可達性
  3. 新用戶:缺乏引導說明,諸如“神搶手券”“浣熊食堂”命名無幫助理解功能意圖
  4. 產(chǎn)品設(shè)計者/UX:面臨功能堆疊問題,需重新評估分組邏輯、信息層級與圖文協(xié)同呈現(xiàn)方式

四、設(shè)計建議與思路

就當前版本,更多展開信息功能密度高但優(yōu)先級較弱,且所有功能等權(quán)重排布,對用戶來說缺乏方向性。

可以嘗試使用:

  1. 功能分層:將功能分為運營類、設(shè)置類、用戶資產(chǎn)類(紅包、收藏)三層結(jié)構(gòu)展示
  2. 行為預測排序:采用“最近用過”或“高頻使用”機制浮出常用功能
  3. 圖標卡片化:用更具識別度的圖標配合功能組名提升可讀性
  4. 動態(tài)入口:結(jié)合用戶行為習慣調(diào)整入口浮出邏輯,如騎車多的用戶優(yōu)先呈現(xiàn)騎行紅包
  5. 運營活動獨立路徑:如“浣熊食堂”應放入一級運營專區(qū),而非混入功能類

「美團外賣更多模塊」的體驗,乍看之下確實不夠“優(yōu)雅”:

12 個圖標,功能雜糅,入口平鋪,既沒有優(yōu)先級,也缺乏清晰路徑,用戶可能根本不知道該點哪里。

但從另一個角度看,它更像是一個“功能倉庫” —— 業(yè)務方需要曝光功能,設(shè)計側(cè)要快速交付,工程也要支持復用模板,于是我們看到了這個“妥協(xié)型UI”的存在。

它不是最優(yōu)解,但也很可能是各方利益拉扯下的中間態(tài)。這也恰恰揭示了真實世界中產(chǎn)品設(shè)計的樣貌:不是每一個設(shè)計都為了極致體驗,有時,它也是在產(chǎn)品增長和業(yè)務 KPI 之間,艱難前行的協(xié)調(diào)術(shù)。

有時候我們調(diào)侃:“產(chǎn)品說要放個入口,設(shè)計說放哪都丑,最后還是放進去了。”

不完美的設(shè)計不是問題,而是發(fā)現(xiàn)后不去優(yōu)化才是。

收藏 8
點贊 39

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。