餐廳 QR Code 菜單怎麼做才好用？從手機閱讀到更新流程的設計指南

2天前

讀畢需時 5 分鐘

餐廳的 QR Code 菜單，重點是掃進去後能快速找到品項、價格與點餐方式。把一張大型印刷菜單縮成手機圖片，顧客可能必須不停放大、左右移動，才能確認加價與份量。先整理資訊層級、可更新的內容與替代方式，再決定視覺風格，才能同時顧到質感與門市效率。

純展示菜單應清楚說明到櫃台或向服務人員點餐；線上點餐則要交代桌號、取餐、送單與付款狀態。不要在菜單放一個「立即點餐」按鈕，實際只開另一張圖。顧客誤以為已送單，最後就變成現場爭議與重複製作。

W3C 的頁面結構教學強調以清楚標題與有意義的內容結構協助使用者理解頁面。用在餐廳菜單，可以把分類、品項與說明整理成真正的文字內容，再搭配照片，不把所有資訊壓在單張圖片裡。W3C 頁面結構教學。

第一層是分類，如主食、飲品與加點；第二層是品名與價格；第三層說明份量、口味與供應時段；第四層是加價、替換、售完與點餐方法。最常被問的資訊應靠近相應品項，不要全部移到頁尾。菜色名稱有創意，也補一句讓第一次來的人知道內容。

照片幫助理解份量與組合，但不要讓大圖把所有價格推到很後面。先選有代表性的品項，搭配可讀的文字與清楚分類。顏色、字級與間距用同一套規則，售完狀態同時用文字標明，避免只靠紅色或灰色讓人猜。

虛構店家「晨角食所」尖峰時間很忙，顧客主要想知道套餐內容、加蛋與飲料升級。可以讓手機頁先出現主餐分類與常見組合，選定品項後再看加價內容。價格旁明確寫含不含飲料，圖片註明是否為套餐示意，避免客人把照片裡全部配料當成基本售價。

實作先整理門市目前真的販售的品項表，讓店長核對名稱、價格、供應時間與售完處理。設計者依同一份表製作手機版，收銀與廚房也使用一致的命名。桌牌 QR Code 指向穩定入口，改版時維持入口可用，減少重新印製全部桌牌的成本。

驗證可請沒看過菜單的人完成三個任務：找一份不加辣的主餐、算出加蛋套餐價格、說出如何點餐。記錄卡在哪裡與花費時間，並觀察尖峰現場被詢問最多的問題。這是可操作的使用測試，不能直接推論營收增加。

虛構餐廳「禾序餐桌」採預約制套餐，顧客更在意每人價格、用餐時間與可調整條件。菜單頁可先用少量真實照片建立氛圍，再列套餐內容範圍、費用所含項目、季節調整及聯繫方式。不能為了簡潔而把重要限制藏到訂位後才告知。

若季節菜色會變動，先寫清目前版本日期與調整原則，當日內容由餐廳確認。過敏或特殊飲食需求提供人工確認入口，避免把一般菜色描述當成安全保證。用餐前資訊與訂位確認要一致，讓服務人員不必重新解釋網站沒寫清楚的條件。

建立品項編號、名稱、售價、描述、供應狀態、照片檔名、版本日期與核准人。每次改價先更新這份來源，再同步手機頁、社群置頂與店內告示。改完由另一位同事實際掃桌牌，檢查是否仍看到快取舊圖，不能只看設計檔已存新版本。

如果使用 PDF，檢查在一般手機上是否可讀、下載是否順暢、檔案是否過大，並提供必要文字資訊與替代閱讀方式。有些客人沒有網路或不方便掃碼，現場保留紙本或服務人員協助，讓掃碼是方便的選項，不成為用餐門檻。

把已核准的菜單表交給 AI，請它找價格缺漏、同品項不同名稱、描述太長及可能讓人誤解的套餐文字。要求每個疑點附品項編號，不自行補上原料、產地與過敏資訊。文案自然不等於事實正確，餐點資料最後仍由店家確認。

可以請 AI 依同一份資料產出外帶、內用與社群介紹草稿，減少反覆打字。各版本共用來源與日期，變動時才知道哪些內容需要更新。對沒有資料的料理細節，先列待確認，而不是用常見做法猜測這間店的食材。

先記掃碼入口是否可用、菜單載入是否正常、顧客能否找到價格，以及錯價或售完詢問件數。有線上點餐時再分看開始點餐、正式送單與完成付款，三者分開。每月挑一個最常出錯的品項或條件改善，比反覆換主視覺更容易累積門市可感受的成果。

請測試者不接受提示，依序找出某品項價格、套餐包含內容、供應時段、加價選項與點餐方式。記錄答對、答錯與無法找到三種結果，再看哪一段資訊最常失敗。測試環境使用店內實際光線與網路，不只在設計師的大螢幕看排版，也檢查桌牌 QR Code 在反光或較遠距離是否容易掃到。

若網站上有多個門市，先確認掃碼後看到的是哪一店、哪個時段的菜單。店名與版本日期放在容易辨識的位置，價格不同時不要讓顧客需要自己猜。入口因改版更換，舊桌牌仍要有合理去向；不要讓顧客掃進空白頁，才用口頭解釋菜單已經改了。

設計修改後保留一份可編輯來源與更新說明，讓店家知道照片、品項與售完資訊在哪裡調整。每次小修改都要重新找原作者，長期使用的成本可能比製作初稿更高。

若店家有外語顧客，可先翻譯少量主力品項，再請熟悉料理的人核對食材、份量與點餐條件。不要只因翻譯流暢就公開全部菜單，尤其加價與是否含服務費等內容，應和中文版本同時更新。翻譯後再做一次手機任務測試，確認沒有因文字變長而遮住價格。

若菜單漂亮但手機難讀、改價後又常漏更新，品一品可協助整理菜單文案、視覺與網站呈現。傳一份現有菜單或掃碼網址，討論如何讓顧客更快理解與點選。

品一品 AI 行銷成長夥伴整合行銷企劃、文案美編、網站與影音、社群廣告及成效檢討，依需求安排合作範圍。

資料來源：本文在相關說明旁附官方直接連結。工具功能與介面以實際帳戶及最新官方文件為準。圖片：品一品原創，使用系統中文字體繪製；可隨本文公開使用。