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