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