零培訓,點遍上百道菜。

Overview

目前已在 411 台平板上正式上線 —— 先前 5 位零培訓用戶已全數獨立完成點餐流程。

自助點餐平板為吃到飽(AYCE)餐廳而生 —— 零培訓的客人拿起來就會用,Tier 權限與輪次規則由介面自動執行,而不是靠服務生的記憶。

限制條件:用戶零培訓機會;Tier 與輪次規則因商家而異,介面必須可配置;工程資源有限,功能取捨嚴格。

關鍵取捨:放棄商家普遍期待的全海報式點餐,把資源集中在目標業態真正需要的功能上。

Company
Peblla
Platform
平板
Year
2024
Team
產品經理
工程團隊
Role
UX 設計
UI 設計
用戶測試
設計系統

問題

吃到飽一桌上百道菜,Tier 與輪次規則全壓在服務生的記憶上 —— 而客人零培訓、零學習意願。

方法

讓介面替人記規則 —— Tier 可見但鎖定、輪次按商家配置、已點歷史隨時可查。

成果

5 位零培訓用戶全數獨立完成測試 —— 換來 411 台平板每天在店運行。

Process

吃到飽的難題

上百道菜,壓在人的記憶上

在吃到飽的火鍋、壽司、燒烤餐廳,客人分多輪點菜 —— 一桌累積可能達到上百道甚至幾百道菜,完全靠服務生人工下單,高峰時段根本忙不過來。而菜品又按價位分 Tier:付的檔位不同,能點的範圍也不同 —— 讓服務生死記每桌能點什麼、點過什麼,既不現實也必出錯。

核心問題:如何讓一個零培訓的客人,在 Tier 權限與輪次規則之內,順暢地自助點完上百道菜?

為誰而做

與 Mobile POS 完全相反的前提。

用戶是第一次見到這個介面的堂食客人 —— 從小孩到長輩,沒有培訓機會,也沒有學習意願。這和 Mobile POS(受過訓練的服務生)是完全相反的設計前提:介面必須做到零學習成本。次要利益相關者是商家:在乎運營效率,以及 Tier 與輪次規則的準確執行。

研究

三個商家訴求,三種命運

設計開始前,我到真實門店做實地觀察,研究客人在實際用餐環境中的行為;結合市場調研與商家訪談,收斂出三個最重要的訴求:

  • 展示已點菜品,避免客人忘記點過什麼而重複加點、浪費食材
  • 嚴格執行用餐輪次控制
  • 期待一種全海報式、互動式的點餐方式,與傳統圖片列表區隔

這三個訴求走向了不同的命運:前兩個成為核心功能,第三個的結局 —— 見後面「那個我們沒有做的功能」。

決策一

幾百道菜,依然點得動

很多吃到飽餐廳是綜合式的 —— 同一間店讓一桌客人選擇吃到飽的火鍋、燒烤或壽司。所以導覽是兩層的:上方橫條放的是餐飲模式(火鍋、燒烤、壽司,再加上飲品與甜品);點其中一個,左側就滑出一個側邊導覽,列出那個模式底下的子分類 —— 豬、雞、牛、海鮮、蔬菜、麵。

因為一桌可能點到幾百道菜,一顆密度切換鈕讓客人隨時切換版面:一行三個,圖大、更誘人;一行四個,一次掃過更多菜。

還有兩個我當時力推、但最後沒被採用的點子:可收折的購物車,以及可收折的分類側欄,讓客人能把介面收起來、更專注在菜本身。下方的互動 demo 把可收折購物車做成了概念重現 —— 我認為仍值得在正式產品中重訪。

為深達幾百道菜的菜單而設計的兩層導覽 —— 模式在上、子分類在左、密度隨需切換

決策二

藏起來,還是可見但鎖定?

面對階梯式菜品權限,最直接的做法是把客人無權點的菜直接隱藏 —— 介面最乾淨。我們沒有走這條路。最終方案是置灰 + 鎖標:高 Tier 菜品依然可見,只是處於鎖定狀態。

  • 對客人:能看到完整菜單,不會因「怎麼別桌有這道菜我沒有」而困惑
  • 對商家:置灰的高 Tier 菜品本身就是升級的動力 —— 看得到卻點不了,自然產生升級意願,呼叫服務生按鈕正是升級入口

置灰鎖標的代價是介面永遠比「只顯示可點菜品」更滿 —— 我們接受視覺密度,換取「客人不困惑 + 商家有升級動力」的雙重收益

核心時刻:升級前置灰帶鎖的菜品,升級後即時全部解鎖

決策三

輪次規則是配置,不是寫死的程式。

不同業態的輪次規則完全不同 —— 火鍋、壽司、燒烤各有各的限制方式。因此輪次控制不能做成固定邏輯,而是設計成按商家配置、介面動態呈現的規則系統 —— 同一套介面,在不同餐廳裡承載不同的輪次限制。客人始終清楚這一輪還能點什麼,在爭議發生前就先化解了客人與服務生之間的規則糾紛。

完整旅程

一桌需要的一切,全程自助

在這些決策之外,還有點餐流程的其餘部分 —— 讓一整桌的用餐不必服務生在旁盯著:

  • 購物車:提交前的確認區 —— 數量與規格一目了然,讓一桌共同點的單不出錯
  • 已點歷史:客人隨時能查看這一桌已經點過什麼,從源頭杜絕重複加點與浪費
  • 呼叫服務生:自助不等於無人服務 —— 一鍵呼叫,處理升級、特殊需求或諮詢,把人力留給真正需要人的時刻

主動捨棄的那個

那個我們沒有做的功能。

針對商家普遍期待的海報式點餐,我們做了 Prototype demo 驗證方向 —— 最終決定不做:

  • 工程成本與收益不匹配:實現難度大、研發工程量高,而適用的商家基數並不大
  • 業態不匹配:海報式的沉浸感屬於高端餐飲,而中低價位吃到飽的客人要的是快速、高頻、多輪次地點菜,不是沉浸式地欣賞菜單

這個決策讓團隊把資源集中在目標業態真正需要的功能上:可擴展的導覽、Tier 權限、輪次控制、已點歷史。

方案 B —— 當年為了驗證「海報式點餐」而真正錄下來的原型:一整張沉浸式的滾動菜單,點開一道菜、就地加點、再看購物車。做得很美 —— 也主動地把它擱置了。
方案 C —— 與 B 並行探索的第二種海報版型,從桌位歡迎畫面開始點餐。

設計系統

一套組件,服務多個商家

一套組件庫與 Variant 體系,讓不同商家、不同業態的餐廳都能基於同一套組件組出自己的點餐介面,而不是每接一家就重新設計一次 —— 這正是 411 台規模化部署背後的交付基礎。

Impact

五人驗證,411 台上線

如今這套點餐平板正運行在它當初為之設計的吃到飽火鍋、BBQ 與壽司餐廳的營運現場 —— 411 台平板正式上線、日常使用中,平均每家約 16 台,大致是一桌一台。

上線前,我主導了正式的可用性測試:5 位從未接觸過產品的用戶,完整走一遍自助點餐流程。全數獨立完成「瀏覽 → 點餐 → 查看已點 → 呼叫服務生」的主流程,全程無需協助,測試後僅做少量細節修正、沒有結構性問題。對一個為零培訓用戶而生的產品,「測完只需小修」本身就是目標達成的證據 —— 而這 411 台,就是那次乾淨測試規模化後的樣子。

411

台平板正式上線、日常使用

遍及它為之設計的吃到飽火鍋、BBQ 與壽司現場

~26

家吃到飽餐廳正在使用

平均每家約 16 台 —— 大致是一桌一台

5/5

零培訓用戶完成主流程

瀏覽 → 點餐 → 已點 → 呼叫服務生,全程無需協助

Reflection

最重要的一課,來自一個我們沒有做的功能。

主動放棄全海報式點餐,讓我養成了一個習慣:接到任何餐飲相關的設計需求,先問業態 —— 它決定哪些功能值得做,哪些看似美好的需求應該勇敢地說不。而把輪次控制做成可配置的規則系統而非固定邏輯,正是同一個直覺的正面應用:一套介面,同時服務多種業態。

Next

所有專案