網站 · 設計概念
餐廳訂座體驗
餐廳網站設計概念，連接電腦版餐牌、手機時段選擇及訂座資料核對，並提供建議的供應狀態和提示訊息。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
餐廳氣氛與訂座安排放在同一個瀏覽流程。深色網站以圖片介紹用餐環境，手機畫面則集中處理時段選擇和資料核對。
- 適用對象
- 先看餐牌，再用手機安排到訪的食客。
- 需要考慮的限制
- 視覺風格不能影響餐牌閱讀。概念停留在訂座資料核對，不會查詢即時座位、確認訂座或收取訂金。
建議的操作流程
- 01
瀏覽餐牌
電腦版網站以深色編輯式版面介紹餐飲風格及餐牌內容。
- 02
選擇時段
手機訂座畫面集中顯示到訪時間選擇，與餐牌瀏覽分開處理。
- 03
核對訂座要求
手機摘要整理擬定的到訪資料。這一步供食客核對，並非訂座確認。
為何這樣設計？
餐牌先顧及可讀性
米白區塊與少量重點色平衡深色背景。菜式資料應以清楚文字呈現，不能只藏在圖片內。
選擇不等於確認
選取時段只代表食客的意向。正式流程要分清座位暫留、申請待處理及訂座已確認等情況。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
餐飲背景
#142C26
餐牌底色
#F4EAD8
訂座提示
#B8774F
字體與間距
資料清楚，下一步自然明確。
襯線標題配合餐飲風格，時間、人數及填寫指示則使用清晰的無襯線字體。手機上的數字要方便比較。
餐牌分類之間保留分隔。時段選項放在同一組，但按鈕之間仍有足夠距離；摘要與下一步操作亦要分清。
正常流程以外的狀態
沒有可選時段
目前沒有符合條件的時段。請更改日期或用餐人數。
已選擇時段
已選擇時段。提出訂座要求前請核對資料。
時段已變更
這個時段已無法預訂。請選擇其他時間再繼續。
為甚麼訂座資料核對與訂座確認要分開？
已選時段可能仍須查詢座位或由餐廳確認。核對頁讓食客檢查選擇，但不表示已留座。正式確認訊息應按訂座服務的實際回覆顯示。
