在日常生活中,我們頻繁使用美團外賣訂餐。而點擊底部導航欄的「更多」按鈕時,你是否也被那個一口氣塞進 12 項功能的抽屜菜單弄得一頭霧水?今天,就帶你從一個體驗設(shè)計師的角度,細細剖析這個「更多」入口的設(shè)計問題、背后的產(chǎn)品邏輯以及優(yōu)化思路。
更多案例拆解:
點擊底部導航欄的「更多」圖標后,界面彈出一個抽屜卡片,共顯示 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è)置,造成了路徑偏移與交互復雜化。
- 普通用戶:難以快速識別所需內(nèi)容,存在“我點了但找不到”的挫敗感
- 高頻外賣用戶:設(shè)置與日常使用脫節(jié),如“餐具設(shè)置”等應強化路徑可達性
- 新用戶:缺乏引導說明,諸如“神搶手券”“浣熊食堂”命名無幫助理解功能意圖
- 產(chǎn)品設(shè)計者/UX:面臨功能堆疊問題,需重新評估分組邏輯、信息層級與圖文協(xié)同呈現(xiàn)方式
就當前版本,更多展開信息功能密度高但優(yōu)先級較弱,且所有功能等權(quán)重排布,對用戶來說缺乏方向性。
可以嘗試使用:
- 功能分層:將功能分為運營類、設(shè)置類、用戶資產(chǎn)類(紅包、收藏)三層結(jié)構(gòu)展示
- 行為預測排序:采用“最近用過”或“高頻使用”機制浮出常用功能
- 圖標卡片化:用更具識別度的圖標配合功能組名提升可讀性
- 動態(tài)入口:結(jié)合用戶行為習慣調(diào)整入口浮出邏輯,如騎車多的用戶優(yōu)先呈現(xiàn)騎行紅包
- 運營活動獨立路徑:如“浣熊食堂”應放入一級運營專區(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)化才是。
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 15 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓