客人不是來參觀設計展，而是想知道吃什麼、多少錢、多久拿得到。餐飲網站可以有個性，但如果為了藝術排版把價格藏起來、商品名稱難讀，漂亮反而成為選餐阻力。好的視覺應幫助顧客做決定，也幫門市賣出適合的商品。
美感不等於轉換率，先回答三個問題
第一眼能否知道賣什麼？能否找到適合自己的品項？能否知道價格與下一步？大面積裝飾、反覆切換的輪播與隱藏導覽，如果干擾這三件事，就應重新安排。品牌特色可以留在色彩、攝影與細節，不必讓客人重新學習點餐。
同時看點擊、加入購物車、完成訂單與每單貢獻。吸引人點擊但總是售完的商品，或只有大折扣才轉換的套餐，不一定是值得長期放大的設計。
菜單工程：先看銷量與毛利，再決定誰站前排
別把「金三角」當成手機版定律
紙本菜單常見的視線區域說法，不能直接保證手機上的注視順序。螢幕尺寸、文字方向與任務會改變閱讀方式。先讓分類、招牌菜與主要行動在首屏清楚，再用可用性測試或點擊紀錄驗證；不靠想像把所有商品都塞進所謂黃金位置。
錨定效應要建立在合理比較上
高價招牌餐可幫助顧客理解規格差異，旁邊放清楚的主力套餐，說明份量與內容。不要虛構原價、假裝稀缺或把差異藏起來。菜單分成熱門且貢獻高、熱門但貢獻低、少人點但貢獻高、兩者都低，再分別調整曝光、內容與品項。
價格呈現：減少疑惑，比掩飾價格更重要
符號淡化與套餐組合是可以測試的呈現方式，並非刪掉貨幣符號就一定賣得更好。仍須清楚標示幣別、總價、加價條件與必要費用。套餐應讓顧客一眼知道主餐、配餐與飲料各包含什麼，並能比較單點是否符合需求。
假設加購飲料售價 40 元、食材與變動成本 15 元，每杯貢獻 25 元；若 100 筆主餐訂單中加購由 10 杯增至 20 杯，增加250 元貢獻。要再扣製作瓶頸、折扣與可能被取代的原有單點，不能只用客單價上升就宣稱獲利提升。
誘發食慾的細節：真實照片與適度推薦
- 使用真實販售份量、乾淨背景與一致光線，避免照片與實品落差。
- 列表先提供適合尺寸的照片，細節頁再看大圖；輸出 WebP／AVIF，兼顧清晰與速度。
- 名稱說明主食、口味及主要內容，讓過敏與飲食限制資訊容易找到。
- 加購推薦依餐點搭配與供應狀況安排，售完品不推薦，提供明顯略過入口。
不要用生成美食圖冒充實品。服務概念插畫可以說明流程，但菜單交易照片需要對顧客的期待負責。
三次點擊是設計目標，不是硬性保證
「分類 → 商品 → 加入購物車」可以是常見品項的三步路徑；複雜套餐仍需要必要選項，不能為了湊三次點擊犧牲確認。請第一次來的客人找一道符合需求的餐點，觀察是否停頓、回頭與誤選，會比只數點擊更有用。
先選一個分類調整，控制促銷與商品供應差異，比較選餐時間、加購率與完成率。好設計不是讓老闆覺得看起來很貴，而是讓客人更有把握地下單。
店家可以立刻做的檢查
- 用銷量與貢獻篩選主打商品。
- 檢查手機首屏的分類、名稱、價格與入口。
- 以真實照片與清楚套餐規則降低落差。
- 測試每單貢獻與完成率，避免只追客單。
下一步：把問題變成可執行的改善
把你最想賣、最能穩定出餐的商品帶來，我們可以把品牌視覺與選餐動線一起規劃，讓設計成為客人願意買、店家也有利潤的日常工具。
了解品牌官網與視覺設計，或到聯絡頁提供目前流程與需求。實際功能、第三方支援、費用及交付範圍依評估與合約確認。
延伸閱讀
為什麼客人在購物車總是結帳中途放棄？挽救棄單率的 UX 診療室
參考資料與試算說明
資料查閱日期：2026 年 10 月 17 日。情境數字用於說明計算方法，不是客戶成效、服務報價或收益保證；圖片為服務概念示意。