網站 · 設計概念
物業搜尋網站
樓盤探索概念，展示地圖與列表瀏覽、樓盤詳情及比較，並提出選取與資料缺漏狀態。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
訪客篩選樓盤時，地點與資料要保持對應。概念由地圖列表進入詳情，再以共同欄位比較已選樓盤。
- 適用對象
- 按位置及已列資料比較示意樓盤的訪客。
- 需要考慮的限制
- 樓盤、地圖和資料均屬虛構。正式服務須有核實來源、清楚面積單位及供應更新；概念不提供估價或置業建議。
建議的操作流程
- 01
按地圖瀏覽樓盤
總覽結合地圖與樓盤卡片，讓訪客從地點開始查找。
- 02
查看樓盤詳情
詳情頁提供更多位置呈現所選樓盤的圖片和資料。
- 03
比較已選樓盤
比較畫面以共同結構排列已選項目。
為何這樣設計？
地圖與列表互相對應
建議在選取地圖位置時，同時標示相關樓盤。訪客不使用地圖時，也應能操作列表。
比較同一類資料
欄位名稱及單位須一致。欠缺資料應標示未提供，不能當作零。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
樓盤背景
#FFFFFF
選取及地圖
#245847
比較區塊
#E9DFCD
字體與間距
資料清楚，下一步自然明確。
樓盤資料採用清楚的無襯線標籤，數值與單位分明。較長的地點名稱不應令整張卡片的字體縮小。
每個樓盤的圖片和資料成組排列。手機版要讓地圖和列表各有可用空間，不強行縮窄電腦版左右分欄。
正常流程以外的狀態
沒有合適樓盤
沒有符合條件的樓盤。請擴大地區或移除部分條件。
已加入比較
已加入樓盤，可與其他選擇一起比較。
樓盤已下架
這個樓盤已不再提供。請從比較中移除後繼續。
為甚麼樓盤比較要明確標示欠缺的資料？
空白可能代表未提供、不適用，亦可能是載入問題。寫清楚狀態，才不會混為一談。樓盤資料是否準確，仍取決於來源及更新流程。
