設(shè)計(jì)沉思錄|租房業(yè)務(wù)全流程體驗(yàn)設(shè)計(jì)
對(duì)于全流程體驗(yàn)設(shè)計(jì),難點(diǎn)在于如何找到準(zhǔn)確的問題,如何針對(duì)這些問題做正確的設(shè)計(jì),同時(shí)梳理設(shè)計(jì)的流程和規(guī)范,以達(dá)到設(shè)計(jì)目標(biāo)和產(chǎn)品目標(biāo)。本文通過租房體驗(yàn)升級(jí)項(xiàng)目,講述了該問題的解決過程。
01 項(xiàng)目背景
租房產(chǎn)品的競(jìng)爭(zhēng)對(duì)手比較多,競(jìng)爭(zhēng)壓力大,而我們提供給c端用戶的體驗(yàn)和實(shí)際目標(biāo)差距較大,所以為了提升用戶的找房體驗(yàn),提升產(chǎn)品的競(jìng)爭(zhēng)力。業(yè)務(wù)線決定盡快的升級(jí)租房體驗(yàn)。
下圖為租房體驗(yàn)項(xiàng)目改版前舊版租房大類頁、列表頁、詳情頁:
02 設(shè)計(jì)流程
整個(gè)流程分為五個(gè)階段,在發(fā)現(xiàn)問題階段,發(fā)現(xiàn)收集信息,收攏聚集到相對(duì)的問題點(diǎn),針對(duì)問題點(diǎn)做設(shè)計(jì),從而解決問題。同時(shí)對(duì)設(shè)計(jì)的質(zhì)量進(jìn)行把控,通過業(yè)務(wù)數(shù)據(jù)和用戶滿意度對(duì)設(shè)計(jì)結(jié)果進(jìn)行驗(yàn)證,進(jìn)而幫助推廣到其他業(yè)務(wù)和設(shè)計(jì)中去。
首先,收集了競(jìng)品、租房產(chǎn)品和租房用戶三方面的信息,包括競(jìng)品分析、線上走查、用戶反饋等。
我們對(duì)搜集到的信息進(jìn)行分析,發(fā)現(xiàn)房東、租客和平臺(tái)都有著共同的目標(biāo)——希望能達(dá)成租房交易。而房東和租客只有通過聯(lián)系才能達(dá)成交易,所以我們可以通過提升連接率來間接的提升交易量。
那么,怎么提高連接率呢?我們通過用戶分析,發(fā)現(xiàn)主動(dòng)打電話的租客主要是出于詢問更多詳細(xì)的房源信息這一動(dòng)機(jī)。表明現(xiàn)在平臺(tái)展示的信息、不足以滿足用戶做選房的決策,我們可以適當(dāng)展示更多的房源信息。
有人會(huì)問,這么做會(huì)不會(huì)減少連接,其實(shí)不會(huì)。好的品牌和口碑會(huì)提升成交率。所以提升品牌形象和用戶體驗(yàn)有助于幫助形成有效的連接。
總結(jié)出這些解決方向,從而得出三個(gè)改版的目標(biāo),即提升品牌形象、提升找房效率、做好信息的豐富度。下面我會(huì)著重、從這三個(gè)方面來講述。
03 品牌形象
以租房大類頁為例,首先從品牌形象的角度分析舊版租房大類頁的問題。
租房業(yè)務(wù)的品牌感不強(qiáng)、沒有品牌宣傳點(diǎn)、圖標(biāo)風(fēng)格設(shè)計(jì)單一缺少記憶點(diǎn)、房源信息豐富度不夠、細(xì)節(jié)處理不到位。
這是改版后的租房大類頁,在品牌感上,我們運(yùn)用真實(shí)房源圖片氛圍的渲染 , 打造溫暖和家的概念,傳遞給租房用戶“來到這里找到家”的品牌價(jià)值和觀點(diǎn)。在運(yùn)營(yíng)入口的的設(shè)計(jì)上運(yùn)用實(shí)景來打造品質(zhì)感,更吸引用戶關(guān)注。
在整體的風(fēng)格調(diào)性上,對(duì)租房主入口的icon進(jìn)行了重新的設(shè)計(jì),延續(xù)了首頁icon設(shè)計(jì)的方法,通過顏色的疊加來塑造租房icon的整體風(fēng)格調(diào)性。
在信息的豐富度上,以卡片的方式插入特色房源的入口,豐富了房源,打造高品質(zhì)公寓房源和安心選擇的安選房源也提升了用戶對(duì)平臺(tái)的品質(zhì)感和信任感。
在細(xì)節(jié)的打磨上,運(yùn)用了一些微動(dòng)效,豐富了頁面的細(xì)節(jié)。也提升了頁面的趣味性給用戶帶來愉悅感。
04 找房效率
提升選房效率以列表頁為例講述。
首先,我們看到舊版列表頁,頁面視覺瀏覽跳躍、瀏覽效率低下。同時(shí)小尺寸的房源圖片,讓列表信息的豐富度受限制。
新的列表頁對(duì)圖片的尺寸和比例做調(diào)整,左側(cè)更大的內(nèi)容高度能更好的展示更多的房源信息。信息的布局采用了左對(duì)齊的方式,讓視覺中心更集中,瀏覽效率更高效。
此外,我們還對(duì)租房篩選器進(jìn)行了全面的改版:
- 與我相關(guān),在區(qū)域篩選增加公司維度,讓篩選更個(gè)性化;
- 可視化操作,價(jià)格篩選模擬實(shí)體按鍵,操作更方便;
- 及時(shí)反饋,用戶篩選時(shí)可以隨時(shí)看到結(jié)果數(shù)量,根據(jù)結(jié)果隨時(shí)調(diào)整篩選條件;
- 豐富拓展,做了篩選條件的聚合和擴(kuò)展,方便用戶在一個(gè)菜單中修改。
除了篩選外,對(duì)信息列表中插入的的卡片也進(jìn)行了統(tǒng)一設(shè)計(jì),仍然以實(shí)景圖片為主,加強(qiáng)卡片的點(diǎn)擊感和吸引力,提升用戶的使用頻率。
05 信息豐富度
在豐富房源的信息方面以詳情頁改版為例。
舊版的詳情頁內(nèi)容比較單一,新版的詳情頁豐富大量的內(nèi)容,提供更多的房源信息幫助用戶做決策。相較于舊版詳情頁,如何在詳情頁里展現(xiàn)這些豐富的信息量成為了設(shè)計(jì)的難點(diǎn)。
對(duì)照舊版詳情頁來看,我們對(duì)每個(gè)模塊都做了精心的調(diào)整,突出用戶需要的信息,弱化用戶不需要的信息。
在頭圖位置用tab切換的方式通過視頻圖片和直播幫助用戶多維度全方位了解房源,增加公司維度,加強(qiáng)與地理位置的緊密性,幫助用戶隨時(shí)了解這套房源到公司的時(shí)間,讓房源內(nèi)容個(gè)性化,房屋配置更豐富、新的圖標(biāo)設(shè)計(jì)也更簡(jiǎn)潔和直觀。
06 改版效果
體驗(yàn)升級(jí)完成后對(duì)比舊版本在體驗(yàn)上有很大的提升。
最后,我們來看一下體驗(yàn)升級(jí)后的數(shù)據(jù),新版詳情頁改版上線后,微聊的轉(zhuǎn)化率提升了57.3%。
除了業(yè)務(wù)數(shù)據(jù)的達(dá)成,我們還需要關(guān)注用戶的滿意度,在對(duì)租房用戶滿意度調(diào)研的報(bào)告中,得出在體驗(yàn)升級(jí)開始的18年第三季度至19年的第一季度,我們?cè)诮缑?、效率、一致性和信息豐富度 方面均有較大的提升。
為了更好的提升團(tuán)隊(duì)輸出效率,對(duì)整體基礎(chǔ)體驗(yàn)的顏色、文字、按鈕、控件等進(jìn)行了規(guī)范,輸出規(guī)范文檔,推進(jìn)團(tuán)隊(duì)設(shè)計(jì)師保持設(shè)計(jì)體驗(yàn)的一致性。
設(shè)計(jì)規(guī)范的整理和方案的推進(jìn),幫助了其他業(yè)務(wù)線快速升級(jí)體驗(yàn),從而也提升整個(gè)58平臺(tái)的基礎(chǔ)體驗(yàn)和一致性。
作者:榮濤,視覺設(shè)計(jì)師。因生活而設(shè)計(jì),因設(shè)計(jì)而美好。
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@榮濤
題圖來自 Unsplash,基于CC0協(xié)議。
換個(gè)頁面,轉(zhuǎn)化率就提升一半?數(shù)據(jù)虛假吧
那個(gè)環(huán)節(jié)轉(zhuǎn)化了!
不錯(cuò)
租房