起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識 房源詳情頁的設計可以有多酷，看完鏈家APP你就明白了?。ㄒ唬?/h2>
今年年初我參與到一款澳洲房產SaaS的產品設計，于是陸陸續(xù)續(xù)的體驗了一些國內外的房產行業(yè)產品。今天向大家分享一下近期我在鏈家APP房源詳情頁產品體驗中的一些收獲，希望這篇文章對你有所幫助和啟發(fā)。
1. 需求分析
在進行產品拆解前，我習慣以一個純小白用戶的角度去體驗和分析，模擬用戶真實的需求和使用場景，再去思考產品團隊會如何去制定設計策略。
1.1. 房源詳情頁的功能價值
房源詳情頁是指新房、二手房和租房的詳情頁面，主要為用戶提供房源的詳細介紹，比如房源的價格、戶型、面積、周邊配套設施等。
房源詳情頁也是一個房源APP權重最高的頁面之一，它不僅是用戶訪問最高頻的頁面，而且對用戶的激活和留存發(fā)揮著關鍵性作用。
關于鏈家
鏈家是全國最大的新房及二手房交易平臺之一，是集房屋交易與家裝服務于一體的手機APP，擁有二手房、新房、租房、裝修、商鋪辦公、賣房、查首付等眾多板塊，連接每個家的故事。
1.2. 用戶需求分析
- 基本型需求：通過詳情頁能了解到一個房源的詳細信息，比如地理位置、平均單價、銷售情況、周邊配套設施等。
- 期望性需求：從詳情頁能挖掘到更多有價值的信息，比如樓盤的升值空間、附近熱門學校、小區(qū)用戶真實的評價等。
- 興奮型需求：超出用戶過去在線下或是其他產品使用中的體驗，比如從視覺上能感知到房源的真實場景，或是有比較創(chuàng)新的功能，能為用戶的購買提供有價值的決策。
1.3. 使用場景分析
- 購房前：用戶產生購房的初步想法，通過房源詳情頁進行初步的調研，從中獲取基礎的信息，做一個初步的了解。
- 決策中：在線下和銷售溝通后，主動尋找樓盤的詳細信息，比如搜集用戶口碑、周邊配套設施、周邊樓盤房價對比等。
- 購房后：不定期查詢房產增值空間、周邊房價以及市場動態(tài)。
1.4. 設計策略分析
由于不涉及在線交易，房源詳情頁更像是一個產品聚合頁，主要以信息展示為主。
我認為頁面的內容策劃是整個詳情頁設計最大的挑戰(zhàn)，不僅要讓用戶在狹小的手機屏幕中高效獲取到精準有價值的內容，還要考慮如何激發(fā)用戶的興趣，以及如何讓房源經紀人獲取到用戶的聯(lián)系方式保持進一步線索跟蹤。
2. 內容拆解
房產的銷售主要分為新房和二手房，新房顧名思義就是全新的房源，一般以樓盤為單位，比如北京悅府，進入詳情頁后我們會發(fā)現(xiàn)它的側重點是樓盤的介紹。和新房不同，二手房是以房源為主體，側重點是房源本身，兩個頁面有很多相似的內容，，但頁面的內容和權重并不相同。
2.1. 新房
2.1.1. 導航欄
提供信息糾錯、房源對比、消息和分享四個功能。
- 信息糾錯：用戶可以對樓盤信息糾錯反饋。
設計亮點
一個貼心以及人性化的功能，不僅起到了用戶對房開商的約束和監(jiān)督，而且從「處理進度」的內容看，用戶參與積極度很高。
- 房源對比：用戶可以添加其他樓盤進行綜合比較，比如均價、總價、戶型等維度，解決用戶的信息困擾。
設計亮點
功能亮眼，方便用戶可以加入其他樓盤進行多維度對比，為購房決策強有力支持，不過頁面設計過于粗糙，視覺體驗欠佳。
- 消息：跳轉至消息欄目，可查看實時的消息通知。
- 分享：房源分享，支持分享到微信和朋友圈。
設計缺陷
分享功能設計過于粗糙，甚至沒有朋友圈海報這些常見的分享形式。
2.1.2. 櫥窗圖
提供VR樣板間、實景圖、區(qū)位圖和項目現(xiàn)場等多種觀看形式和圖片資源，方便用戶可以多維度從視覺層了解樓盤詳細信息，其中VR看房可以稱得上是鏈家APP的一大特色和核心優(yōu)勢。
- VR樣板間：點擊后進入VR樣板間，用戶可享受親臨現(xiàn)場般的視覺體驗。
設計亮點
非常亮眼的功能，視覺體驗極佳，而且還支持VR帶看，房產經紀人可以和買家實現(xiàn)同頻交流、同頻演示，極大提升了溝通效率。
2.1.3. 概覽
房源的基礎信息，包含房源標題、地址、標簽、參考均價、參考總價、戶型和開盤時間等內容。
2.1.4. 戶型
樓盤的戶型列表，點擊后可進入對應戶型的詳情頁介紹（頁面的內容和二手房相似，我們將會在下面詳細介紹）。這里我們需要了解一下戶型的概念，一個樓盤可以有N棟，每一棟會根據(jù)房屋的面積設計不同的戶型，一個戶型就是一套房源。
- 戶型快速詢問：系統(tǒng)默認設置了咨詢標簽，點擊就可以和經紀人直接溝通。
設計亮點
系統(tǒng)內置了常見問題咨詢的標簽，點擊就能自動發(fā)送給經紀人，提升操作效率。
- 特價房源：小區(qū)的特價房源，點擊直接跳轉至微信添加賣房經紀人。
- 價值分析：針對小區(qū)量身定制的價值分析報告，包含小區(qū)概述、交通概況、優(yōu)缺點分析和增值空間等。
設計優(yōu)點
向買家提供全面、專業(yè)、有價值的分析報告，為用戶的購買決策做有效的支撐。
2.1.5. 周邊
- 周邊配套和通勤：向用戶提供樓盤周邊的詳細信息，比如學校、醫(yī)院、購物廣場和休閑場所等配套設施。
設計亮點
通過定制化的地圖導航，對周邊配套資源一目了然，體驗友好。
- 周邊房價對比：提供樓盤和周邊新房及二手房的價格對比，點擊「查看更多」后還可查看更詳細信息。
設計亮點
設計了詳細試圖和價格試圖兩種方式，方便用戶可根據(jù)自己的偏好切換。
- 本地購房群：平臺為買家建立的購房群，點擊后跳轉至微信添加房源經紀人。
2.1.6. 詳情
- 樓棟總覽：用戶可通過此頁面查詢樓棟在售以及售罄信息。
設計缺陷
按鈕缺乏提示而且可點擊區(qū)域過小，用戶難以感知可點擊樓棟查看對應的信息。
- 樓盤詳情：樓盤的詳細信息，包括基本信息、銷售信息、小區(qū)概況和預售許可證等四大類信息。
設計缺陷
詳情頁面設計過于粗糙，信息密度過高，用戶閱讀體驗欠佳。
2.1.7. 動態(tài)
提供樓盤最新的動態(tài)消息，包括銷售信息、戶型更新、樓盤資訊和交房時間等。
2.1.8. 點評
- 專家講房：平臺推薦的房產專家經紀人，點擊后可和專家進行對話。
- 真實點評：用戶對房源的真實評價。
- 買房問大家：用戶可在此欄目提出房源購買的相關問題。
設計亮點
非常貼心的功能，不僅支持用戶免費提問，而且可以通過歷史問答充分了解房源的相關問題，為購房提供充分的決策依據(jù)。
2.1.9. 精選
平臺為用戶精選的其他新房及二手房資源。
2.1.10. 菜單欄
在底部菜單欄，用戶可以對樓盤進行關注、電話咨詢和在線咨詢。
2.2. 二手房
2.2.1. 導航欄
提供房源 PK、收藏、分享、消息和信息糾錯的功能。
- 房源PK：和新房以樓盤PK不同，房源PK是以房源為單位，為用戶提供多套房源的總和對比。
設計亮點
可提供最多5套房源進行對比，支持房源基本信息、房評信息和房源實景三大類的綜合對比，信息完整、覆蓋面廣，極大提升用戶的操作效率。
設計缺陷
點擊「更多」，再次出現(xiàn)「房源對比」，功能重復。
2.2.2. 櫥窗圖
除了VR、戶型、圖片等形式，還加入了裝修靈感，用戶可一鍵查看房源的裝修效果，有效提升購買欲望。
設計亮點
裝修靈感這個功能的加入，在二手房場景中體驗起來實在太棒了，就像玩游戲一鍵換膚，瞬間可以看到一套老舊二手房煥然一新的感覺，而且視覺展示形式還分成上下兩屏同時對比的裝修前后的效果，極大增強用戶的購房意愿。
2.2.3. 概覽
和新房相比，二手房的信息更完整、更豐滿，基礎信息，包含房源標題、地址、標簽、參考均價、參考總價、戶型和開盤時間等內容。
設計缺陷
信息密度太高，欠缺合理的規(guī)劃，導致設計形式普通，可以考慮增加「展開-收起」或查看更多等交互形式來提升用戶的閱讀體驗。
2.2.4. 周邊
和新房一樣，以定制化的地圖向用戶展示樓盤周邊的詳細信息，比如學校、醫(yī)院、購物廣場和休閑場所等配套設施。
2.2.5. 房源
向賣家提供多維度的房源信息，比如經紀人評價、帶看動態(tài)等。
- 房源情況：提供經紀人和業(yè)主對房源的真實評價，加深買家對房源的了解。
- 房源動態(tài)：房源最新的帶看動態(tài)，點擊更多可查看歷史帶看動態(tài)（帶看次數(shù)越多，也可以理解為房源越受歡迎）。
- 房屋解讀：針對房源量身定制的專業(yè)解讀報告，包含優(yōu)缺點分析、增值空間等，點擊咨詢經紀人可領取完整報告。
設計優(yōu)點
通過高質量的房屋評估報告吸引用戶咨詢，并進一步獲取微信等聯(lián)系方式，引流方式簡單而不暴力。
- 房屋煥新：提供對房源重新裝修后的效果參考，覆蓋廚房、客廳、臥室等房間，帶給買家全新的房屋視覺體驗。
設計優(yōu)點
非常亮眼的功能，進入詳情后還可以查看設計師對房源裝修的靈感和思路，極大增強買家的購房欲望，并能為平臺帶來新的變現(xiàn)方式。
- 大家還喜歡：平臺根據(jù)房源推薦的相似、優(yōu)質戶型，給用戶提供更多的選擇參考和對比。
2.2.6. 小區(qū)
房源所在小區(qū)的詳細介紹，包括小區(qū)相似房源、解讀和點評等。
- 同小區(qū)成交：同小區(qū)其他成交房源，可以向經紀人咨詢成交價格參考。
- 同小區(qū)相似：同小區(qū)相似戶型的房源，提供最低價和最高價參考。
- 小區(qū)解讀：對于小區(qū)綜合情況的解讀，內容主要由經紀人錄制短視頻講解為主。
- 小區(qū)點評：小區(qū)業(yè)主、租客以及經紀人對小區(qū)真實的評價。
- 優(yōu)質經紀人：平臺推薦的賣房經紀人。
設計優(yōu)點
這個部分的內容策劃特別出彩，首先給用戶介紹小區(qū)基礎概況，然后提供同小區(qū)成交和戶型相似房源的參考，然后再對小區(qū)投資分析進行解讀，最后加入小區(qū)業(yè)主、租客和經紀人的真實評價，整體的閱讀節(jié)奏順暢、清晰、自然又能牢牢吸引住用戶。
2.2.7. 推薦
平臺為用戶推薦的其他二手房、周邊小區(qū)及現(xiàn)房等。
2.2.8. 菜單欄
在底部菜單欄，用戶可以添加房源經紀人微信以及電話咨詢和在線咨詢。
設計優(yōu)點
點擊經紀人頭像，系統(tǒng)直接跳轉至微信添加好友界面，有效降低用戶流失率。
3. 體驗總結
通過對兩個房源詳情頁的深度體驗和拆解，我們從內容、視覺以及體驗三個維度進行一下簡單的總結：
- 內容層：整個頁面的設計策略清晰、內容創(chuàng)新，不僅為用戶提供準確、完整的房源基礎信息，還從周邊配套、業(yè)主點評等多維度向用戶提供有價值的分析，為用戶提供充足的購房決策支撐，其次還有很多亮眼的創(chuàng)新功能和設計，比如VR看房和裝修靈感。
- 視覺層：視覺設計相對中規(guī)中矩，也許是由于內容過多，所以頁面總顯得擁擠和略微混亂，不過VR看房和裝修靈感這兩個功能豐富了房源的展示形式，向用戶提供了身臨其境般的視覺感官體驗，極大提升了用戶的視覺體驗。
- 體驗層：內容邏輯清晰，視覺展示形式也豐富多樣，不過整個頁面設計了過多觸發(fā)聯(lián)系經紀人的按鈕，比如各種咨詢標簽，點擊后就直接發(fā)送給經紀人，接下來便是消息中心多條消息的送達，這讓用戶都不敢輕易點擊屏幕，體驗略微欠佳。
整體而言，鏈家APP的房源詳情頁設計得非常優(yōu)秀，特別是對頁面內容的規(guī)劃，專業(yè)、完整、清晰而又創(chuàng)新，真正為用戶創(chuàng)造了興奮型需求，讓用戶在進入VR看房那一瞬間，感受到了這個產品的魅力，創(chuàng)造了這個產品的Aha-Moment！
3.1. 設計亮點
- 新房-功能糾錯：一個貼心以及人性化的功能，不僅起到了用戶對房開商的約束和監(jiān)督，而且從「處理進度」的內容看，用戶參與積極度很高。
- 新房-房源對比：功能亮眼，方便用戶可以加入其他樓盤進行多維度對比，為購房決策強有力支持，不過頁面設計過于粗糙，視覺體驗欠佳。
- 新房-VR樣板間：非常亮眼的功能，視覺體驗極佳，而且還支持VR帶看，房產經紀人可以和買家實現(xiàn)同頻交流、同頻演示，極大提升了溝通效率。
- 新房-戶型快速詢問：系統(tǒng)內置了常見問題咨詢的標簽，點擊就能自動發(fā)送給經紀人，提升操作效率。
- 新房-價值分析：向買家提供全面、專業(yè)、有價值的分析報告，為用戶的購買決策做有效的支撐。
- 新房-周邊配套和通勤：通過定制化的地圖導航，對周邊配套資源一目了然，體驗友好。
- 新房-買房問大家：非常貼心的功能，不僅支持用戶免費提問，而且可以通過歷史問答充分了解房源的相關問題，為購房提供充分的決策依據(jù)。
- 二手房-房源PK：可提供最多5套房源進行對比，支持房源基本信息、房評信息和房源實景三大類的綜合對比，信息完整、覆蓋面廣，極大提升用戶的操作效率。
- 二手房-裝修靈感：裝修靈感這個功能的加入，在二手房場景中體驗起來實在太棒了，就像玩游戲一鍵換膚，瞬間可以看到一套老舊二手房煥然一新的感覺，而且視覺展示形式還分成上下兩屏同時對比的裝修前后的效果，極大增強用戶的購房意愿。
- 二手房-房屋解讀：通過高質量的房屋評估報告吸引用戶咨詢，并進一步獲取微信等聯(lián)系方式，引流方式簡單而不暴力。
- 二手房-房屋煥新：非常亮眼的功能，進入詳情后還可以查看設計師對房源裝修的靈感和思路，極大增強買家的購房欲望，并能為平臺帶來新的變現(xiàn)方式。
- 二手房-小區(qū)：這個部分的內容策劃特別出彩，首先給用戶介紹小區(qū)基礎概況，然后提供同小區(qū)成交和戶型相似房源的參考，然后再對小區(qū)投資分析進行解讀，最后加入小區(qū)業(yè)主、租客和經紀人的真實評價，整體的閱讀節(jié)奏順暢、清晰、自然又能牢牢吸引住用戶。
- 二手房-菜單欄：點擊經紀人頭像，系統(tǒng)直接跳轉至微信添加好友界面，有效降低用戶流失率。
3.2. 設計缺陷
- 新房-分享：分享功能設計過于粗糙，甚至沒有朋友圈海報這些常見的分享形式。
- 新房-樓棟總覽：按鈕缺乏提示而且可點擊區(qū)域過小，用戶難以感知可點擊樓棟查看對應的信息。
- 新房-樓盤詳情：詳情頁面設計過于粗糙，信息密度過高，用戶閱讀體驗欠佳。
- 二手房-房源PK：點擊「更多」，再次出現(xiàn)「房源對比」，功能重復。
- 二手房-概覽：信息密度太高，欠缺合理的規(guī)劃，導致設計形式普通，可以考慮增加「展開-收起」或查看更多等交互形式來提升用戶的閱讀體驗。
專欄作家
廖爾摩斯，微信公眾號：設計大偵探，人人都是產品經理專欄作家。連續(xù)創(chuàng)業(yè)者，目標是成為全世界拆解產品設計最多的設計師。
本文原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協(xié)議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
今年年初我參與到一款澳洲房產SaaS的產品設計，于是陸陸續(xù)續(xù)的體驗了一些國內外的房產行業(yè)產品。今天向大家分享一下近期我在鏈家APP房源詳情頁產品體驗中的一些收獲，希望這篇文章對你有所幫助和啟發(fā)。
1. 需求分析
在進行產品拆解前，我習慣以一個純小白用戶的角度去體驗和分析，模擬用戶真實的需求和使用場景，再去思考產品團隊會如何去制定設計策略。
1.1. 房源詳情頁的功能價值
房源詳情頁是指新房、二手房和租房的詳情頁面，主要為用戶提供房源的詳細介紹，比如房源的價格、戶型、面積、周邊配套設施等。
房源詳情頁也是一個房源APP權重最高的頁面之一，它不僅是用戶訪問最高頻的頁面，而且對用戶的激活和留存發(fā)揮著關鍵性作用。
關于鏈家
鏈家是全國最大的新房及二手房交易平臺之一，是集房屋交易與家裝服務于一體的手機APP，擁有二手房、新房、租房、裝修、商鋪辦公、賣房、查首付等眾多板塊，連接每個家的故事。
1.2. 用戶需求分析
- 基本型需求：通過詳情頁能了解到一個房源的詳細信息，比如地理位置、平均單價、銷售情況、周邊配套設施等。
- 期望性需求：從詳情頁能挖掘到更多有價值的信息，比如樓盤的升值空間、附近熱門學校、小區(qū)用戶真實的評價等。
- 興奮型需求：超出用戶過去在線下或是其他產品使用中的體驗，比如從視覺上能感知到房源的真實場景，或是有比較創(chuàng)新的功能，能為用戶的購買提供有價值的決策。
1.3. 使用場景分析
- 購房前：用戶產生購房的初步想法，通過房源詳情頁進行初步的調研，從中獲取基礎的信息，做一個初步的了解。
- 決策中：在線下和銷售溝通后，主動尋找樓盤的詳細信息，比如搜集用戶口碑、周邊配套設施、周邊樓盤房價對比等。
- 購房后：不定期查詢房產增值空間、周邊房價以及市場動態(tài)。
1.4. 設計策略分析
由于不涉及在線交易，房源詳情頁更像是一個產品聚合頁，主要以信息展示為主。
我認為頁面的內容策劃是整個詳情頁設計最大的挑戰(zhàn)，不僅要讓用戶在狹小的手機屏幕中高效獲取到精準有價值的內容，還要考慮如何激發(fā)用戶的興趣，以及如何讓房源經紀人獲取到用戶的聯(lián)系方式保持進一步線索跟蹤。
2. 內容拆解
房產的銷售主要分為新房和二手房，新房顧名思義就是全新的房源，一般以樓盤為單位，比如北京悅府，進入詳情頁后我們會發(fā)現(xiàn)它的側重點是樓盤的介紹。和新房不同，二手房是以房源為主體，側重點是房源本身，兩個頁面有很多相似的內容，，但頁面的內容和權重并不相同。
2.1. 新房
2.1.1. 導航欄
提供信息糾錯、房源對比、消息和分享四個功能。
- 信息糾錯：用戶可以對樓盤信息糾錯反饋。
設計亮點
一個貼心以及人性化的功能，不僅起到了用戶對房開商的約束和監(jiān)督，而且從「處理進度」的內容看，用戶參與積極度很高。
- 房源對比：用戶可以添加其他樓盤進行綜合比較，比如均價、總價、戶型等維度，解決用戶的信息困擾。
設計亮點
功能亮眼，方便用戶可以加入其他樓盤進行多維度對比，為購房決策強有力支持，不過頁面設計過于粗糙，視覺體驗欠佳。
- 消息：跳轉至消息欄目，可查看實時的消息通知。
- 分享：房源分享，支持分享到微信和朋友圈。
設計缺陷
分享功能設計過于粗糙，甚至沒有朋友圈海報這些常見的分享形式。
2.1.2. 櫥窗圖
提供VR樣板間、實景圖、區(qū)位圖和項目現(xiàn)場等多種觀看形式和圖片資源，方便用戶可以多維度從視覺層了解樓盤詳細信息，其中VR看房可以稱得上是鏈家APP的一大特色和核心優(yōu)勢。
- VR樣板間：點擊后進入VR樣板間，用戶可享受親臨現(xiàn)場般的視覺體驗。
設計亮點
非常亮眼的功能，視覺體驗極佳，而且還支持VR帶看，房產經紀人可以和買家實現(xiàn)同頻交流、同頻演示，極大提升了溝通效率。
2.1.3. 概覽
房源的基礎信息，包含房源標題、地址、標簽、參考均價、參考總價、戶型和開盤時間等內容。
2.1.4. 戶型
樓盤的戶型列表，點擊后可進入對應戶型的詳情頁介紹（頁面的內容和二手房相似，我們將會在下面詳細介紹）。這里我們需要了解一下戶型的概念，一個樓盤可以有N棟，每一棟會根據(jù)房屋的面積設計不同的戶型，一個戶型就是一套房源。
- 戶型快速詢問：系統(tǒng)默認設置了咨詢標簽，點擊就可以和經紀人直接溝通。
設計亮點
系統(tǒng)內置了常見問題咨詢的標簽，點擊就能自動發(fā)送給經紀人，提升操作效率。
- 特價房源：小區(qū)的特價房源，點擊直接跳轉至微信添加賣房經紀人。
- 價值分析：針對小區(qū)量身定制的價值分析報告，包含小區(qū)概述、交通概況、優(yōu)缺點分析和增值空間等。
設計優(yōu)點
向買家提供全面、專業(yè)、有價值的分析報告，為用戶的購買決策做有效的支撐。
2.1.5. 周邊
- 周邊配套和通勤：向用戶提供樓盤周邊的詳細信息，比如學校、醫(yī)院、購物廣場和休閑場所等配套設施。
設計亮點
通過定制化的地圖導航，對周邊配套資源一目了然，體驗友好。
- 周邊房價對比：提供樓盤和周邊新房及二手房的價格對比，點擊「查看更多」后還可查看更詳細信息。
設計亮點
設計了詳細試圖和價格試圖兩種方式，方便用戶可根據(jù)自己的偏好切換。
- 本地購房群：平臺為買家建立的購房群，點擊后跳轉至微信添加房源經紀人。
2.1.6. 詳情
- 樓棟總覽：用戶可通過此頁面查詢樓棟在售以及售罄信息。
設計缺陷
按鈕缺乏提示而且可點擊區(qū)域過小，用戶難以感知可點擊樓棟查看對應的信息。
- 樓盤詳情：樓盤的詳細信息，包括基本信息、銷售信息、小區(qū)概況和預售許可證等四大類信息。
設計缺陷
詳情頁面設計過于粗糙，信息密度過高，用戶閱讀體驗欠佳。
2.1.7. 動態(tài)
提供樓盤最新的動態(tài)消息，包括銷售信息、戶型更新、樓盤資訊和交房時間等。
2.1.8. 點評
- 專家講房：平臺推薦的房產專家經紀人，點擊后可和專家進行對話。
- 真實點評：用戶對房源的真實評價。
- 買房問大家：用戶可在此欄目提出房源購買的相關問題。
設計亮點
非常貼心的功能，不僅支持用戶免費提問，而且可以通過歷史問答充分了解房源的相關問題，為購房提供充分的決策依據(jù)。
2.1.9. 精選
平臺為用戶精選的其他新房及二手房資源。
2.1.10. 菜單欄
在底部菜單欄，用戶可以對樓盤進行關注、電話咨詢和在線咨詢。
2.2. 二手房
2.2.1. 導航欄
提供房源 PK、收藏、分享、消息和信息糾錯的功能。
- 房源PK：和新房以樓盤PK不同，房源PK是以房源為單位，為用戶提供多套房源的總和對比。
設計亮點
可提供最多5套房源進行對比，支持房源基本信息、房評信息和房源實景三大類的綜合對比，信息完整、覆蓋面廣，極大提升用戶的操作效率。
設計缺陷
點擊「更多」，再次出現(xiàn)「房源對比」，功能重復。
2.2.2. 櫥窗圖
除了VR、戶型、圖片等形式，還加入了裝修靈感，用戶可一鍵查看房源的裝修效果，有效提升購買欲望。
設計亮點
裝修靈感這個功能的加入，在二手房場景中體驗起來實在太棒了，就像玩游戲一鍵換膚，瞬間可以看到一套老舊二手房煥然一新的感覺，而且視覺展示形式還分成上下兩屏同時對比的裝修前后的效果，極大增強用戶的購房意愿。
2.2.3. 概覽
和新房相比，二手房的信息更完整、更豐滿，基礎信息，包含房源標題、地址、標簽、參考均價、參考總價、戶型和開盤時間等內容。
設計缺陷
信息密度太高，欠缺合理的規(guī)劃，導致設計形式普通，可以考慮增加「展開-收起」或查看更多等交互形式來提升用戶的閱讀體驗。
2.2.4. 周邊
和新房一樣，以定制化的地圖向用戶展示樓盤周邊的詳細信息，比如學校、醫(yī)院、購物廣場和休閑場所等配套設施。
2.2.5. 房源
向賣家提供多維度的房源信息，比如經紀人評價、帶看動態(tài)等。
- 房源情況：提供經紀人和業(yè)主對房源的真實評價，加深買家對房源的了解。
- 房源動態(tài)：房源最新的帶看動態(tài)，點擊更多可查看歷史帶看動態(tài)（帶看次數(shù)越多，也可以理解為房源越受歡迎）。
- 房屋解讀：針對房源量身定制的專業(yè)解讀報告，包含優(yōu)缺點分析、增值空間等，點擊咨詢經紀人可領取完整報告。
設計優(yōu)點
通過高質量的房屋評估報告吸引用戶咨詢，并進一步獲取微信等聯(lián)系方式，引流方式簡單而不暴力。
- 房屋煥新：提供對房源重新裝修后的效果參考，覆蓋廚房、客廳、臥室等房間，帶給買家全新的房屋視覺體驗。
設計優(yōu)點
非常亮眼的功能，進入詳情后還可以查看設計師對房源裝修的靈感和思路，極大增強買家的購房欲望，并能為平臺帶來新的變現(xiàn)方式。
- 大家還喜歡：平臺根據(jù)房源推薦的相似、優(yōu)質戶型，給用戶提供更多的選擇參考和對比。
2.2.6. 小區(qū)
房源所在小區(qū)的詳細介紹，包括小區(qū)相似房源、解讀和點評等。
- 同小區(qū)成交：同小區(qū)其他成交房源，可以向經紀人咨詢成交價格參考。
- 同小區(qū)相似：同小區(qū)相似戶型的房源，提供最低價和最高價參考。
- 小區(qū)解讀：對于小區(qū)綜合情況的解讀，內容主要由經紀人錄制短視頻講解為主。
- 小區(qū)點評：小區(qū)業(yè)主、租客以及經紀人對小區(qū)真實的評價。
- 優(yōu)質經紀人：平臺推薦的賣房經紀人。
設計優(yōu)點
這個部分的內容策劃特別出彩，首先給用戶介紹小區(qū)基礎概況，然后提供同小區(qū)成交和戶型相似房源的參考，然后再對小區(qū)投資分析進行解讀，最后加入小區(qū)業(yè)主、租客和經紀人的真實評價，整體的閱讀節(jié)奏順暢、清晰、自然又能牢牢吸引住用戶。
2.2.7. 推薦
平臺為用戶推薦的其他二手房、周邊小區(qū)及現(xiàn)房等。
2.2.8. 菜單欄
在底部菜單欄，用戶可以添加房源經紀人微信以及電話咨詢和在線咨詢。
設計優(yōu)點
點擊經紀人頭像，系統(tǒng)直接跳轉至微信添加好友界面，有效降低用戶流失率。
3. 體驗總結
通過對兩個房源詳情頁的深度體驗和拆解，我們從內容、視覺以及體驗三個維度進行一下簡單的總結：
- 內容層：整個頁面的設計策略清晰、內容創(chuàng)新，不僅為用戶提供準確、完整的房源基礎信息，還從周邊配套、業(yè)主點評等多維度向用戶提供有價值的分析，為用戶提供充足的購房決策支撐，其次還有很多亮眼的創(chuàng)新功能和設計，比如VR看房和裝修靈感。
- 視覺層：視覺設計相對中規(guī)中矩，也許是由于內容過多，所以頁面總顯得擁擠和略微混亂，不過VR看房和裝修靈感這兩個功能豐富了房源的展示形式，向用戶提供了身臨其境般的視覺感官體驗，極大提升了用戶的視覺體驗。
- 體驗層：內容邏輯清晰，視覺展示形式也豐富多樣，不過整個頁面設計了過多觸發(fā)聯(lián)系經紀人的按鈕，比如各種咨詢標簽，點擊后就直接發(fā)送給經紀人，接下來便是消息中心多條消息的送達，這讓用戶都不敢輕易點擊屏幕，體驗略微欠佳。
整體而言，鏈家APP的房源詳情頁設計得非常優(yōu)秀，特別是對頁面內容的規(guī)劃，專業(yè)、完整、清晰而又創(chuàng)新，真正為用戶創(chuàng)造了興奮型需求，讓用戶在進入VR看房那一瞬間，感受到了這個產品的魅力，創(chuàng)造了這個產品的Aha-Moment！
3.1. 設計亮點
- 新房-功能糾錯：一個貼心以及人性化的功能，不僅起到了用戶對房開商的約束和監(jiān)督，而且從「處理進度」的內容看，用戶參與積極度很高。
- 新房-房源對比：功能亮眼，方便用戶可以加入其他樓盤進行多維度對比，為購房決策強有力支持，不過頁面設計過于粗糙，視覺體驗欠佳。
- 新房-VR樣板間：非常亮眼的功能，視覺體驗極佳，而且還支持VR帶看，房產經紀人可以和買家實現(xiàn)同頻交流、同頻演示，極大提升了溝通效率。
- 新房-戶型快速詢問：系統(tǒng)內置了常見問題咨詢的標簽，點擊就能自動發(fā)送給經紀人，提升操作效率。
- 新房-價值分析：向買家提供全面、專業(yè)、有價值的分析報告，為用戶的購買決策做有效的支撐。
- 新房-周邊配套和通勤：通過定制化的地圖導航，對周邊配套資源一目了然，體驗友好。
- 新房-買房問大家：非常貼心的功能，不僅支持用戶免費提問，而且可以通過歷史問答充分了解房源的相關問題，為購房提供充分的決策依據(jù)。
- 二手房-房源PK：可提供最多5套房源進行對比，支持房源基本信息、房評信息和房源實景三大類的綜合對比，信息完整、覆蓋面廣，極大提升用戶的操作效率。
- 二手房-裝修靈感：裝修靈感這個功能的加入，在二手房場景中體驗起來實在太棒了，就像玩游戲一鍵換膚，瞬間可以看到一套老舊二手房煥然一新的感覺，而且視覺展示形式還分成上下兩屏同時對比的裝修前后的效果，極大增強用戶的購房意愿。
- 二手房-房屋解讀：通過高質量的房屋評估報告吸引用戶咨詢，并進一步獲取微信等聯(lián)系方式，引流方式簡單而不暴力。
- 二手房-房屋煥新：非常亮眼的功能，進入詳情后還可以查看設計師對房源裝修的靈感和思路，極大增強買家的購房欲望，并能為平臺帶來新的變現(xiàn)方式。
- 二手房-小區(qū)：這個部分的內容策劃特別出彩，首先給用戶介紹小區(qū)基礎概況，然后提供同小區(qū)成交和戶型相似房源的參考，然后再對小區(qū)投資分析進行解讀，最后加入小區(qū)業(yè)主、租客和經紀人的真實評價，整體的閱讀節(jié)奏順暢、清晰、自然又能牢牢吸引住用戶。
- 二手房-菜單欄：點擊經紀人頭像，系統(tǒng)直接跳轉至微信添加好友界面，有效降低用戶流失率。
3.2. 設計缺陷
- 新房-分享：分享功能設計過于粗糙，甚至沒有朋友圈海報這些常見的分享形式。
- 新房-樓棟總覽：按鈕缺乏提示而且可點擊區(qū)域過小，用戶難以感知可點擊樓棟查看對應的信息。
- 新房-樓盤詳情：詳情頁面設計過于粗糙，信息密度過高，用戶閱讀體驗欠佳。
- 二手房-房源PK：點擊「更多」，再次出現(xiàn)「房源對比」，功能重復。
- 二手房-概覽：信息密度太高，欠缺合理的規(guī)劃，導致設計形式普通，可以考慮增加「展開-收起」或查看更多等交互形式來提升用戶的閱讀體驗。
專欄作家
廖爾摩斯，微信公眾號：設計大偵探，人人都是產品經理專欄作家。連續(xù)創(chuàng)業(yè)者，目標是成為全世界拆解產品設計最多的設計師。
本文原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協(xié)議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論，等你發(fā)揮！
