網站 · 設計概念
酒店預訂體驗
以酒店預訂為題的設計研究，展示客房瀏覽、手機選房及預訂摘要，並附上建議配色及介面狀態。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
酒店網站既要呈現住宿氣氛，也要讓客人容易找到預訂資料。這個概念以照片帶出環境，再用較集中的手機畫面處理選房和核對資料。
- 適用對象
- 在電腦或手機比較客房、核對短期住宿安排的客人。
- 需要考慮的限制
- 照片需要足夠空間，但日期、入住人數及房價不能難找。概念只展示選房和核對步驟，沒有連接即時房況，也不會收款。
建議的操作流程
- 01
了解住宿環境
網站以大型客房照片介紹酒店，同時提供日期選擇及精選客房，讓客人瀏覽時開始規劃行程。
- 02
選擇客房
手機選房畫面將照片、房名、簡介和每晚房價放在同一組，方便逐間比較。
- 03
核對住宿資料
摘要集中顯示已選客房、日期及費用明細，供客人在決定預訂前核對。
為何這樣設計？
氣氛與操作各有層次
標題及大型照片負責介紹住宿環境。預訂欄位採用簡單字體，以橄欖綠標示操作，保持用途清楚。
讓客人看見已選資料
摘要再次列出客房及日期。客人可以直接核對，不必回想剛才選了甚麼。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
暖色背景
#F7F4EC
預訂操作
#454D2D
主要文字
#26291F
字體與間距
資料清楚，下一步自然明確。
建議以襯線標題介紹酒店，房價、日期及操作則使用無襯線字體。預訂資料應先顧及可讀性，不沿用裝飾性的字體處理。
主照片四周保留較多空間，房名、房價和操作按鈕則靠近排列。手機版每間客房自成一組，避免資料混在一起。
正常流程以外的狀態
沒有合適客房
這些日期沒有合適客房。請更改日期或入住人數。
已選擇客房
已選擇花園客房。繼續前請核對日期及房價。
日期有誤
退房日期須在入住日期之後。
為甚麼預訂摘要要再次顯示客房及日期？
客人可能比較過多間客房。摘要列出最後選擇、住宿日期及費用明細，讓他們在預訂前再核對一次。這個安排能否減少出錯，仍需以實際預訂任務測試。
