工具產品的場景化|估車價結果頁改版

0 評論 5749 瀏覽 11 收藏 9 分鐘

編輯導讀:在產品的迭代升級過程中,改版設計是常常會遇到的問題。文章對58平臺二手車結果頁的升級改版進行了詳細的梳理,對遇到的一些問題進行了分析總結,供大家參考學習。

01?背景

58二手車業務致力打造流量到鏈接的全新的網站運營模式,而對于目前國內的二手車業務,獲取車源線索就是鏈接中最重要的環節,那么從大量的流量中獲取高質量的線索以及形成轉化就是勢在必行的事。

估價產品“估車價”是58二手車業務工具產品中獲取C端用戶重要車源線索的途徑。主要路徑用戶通過估車價填寫自己車輛的信息,58平臺進行記錄反饋車輛價值,同時反饋目前同價位的二手車類型,幫助用戶進行賣車、買車決策的同時,58平臺也獲取用戶的車源信息,進行分發和售賣,以此獲得收益,這也是58平臺通過吸引流量到流量變現的重要嘗試之一,但是目前的估車價產品存在幾個問題:

02?問題

1. 頁面場景區分不明確,不符合用戶的使用路徑

現在的估車價入口在二手車的服務項內,入口相對比較深,曝光度亦不太夠。且賣車和買車合并在一個也頁面,從估車價和二手車詳情頁的“查看市場價”入口進入的是一個落地頁,不太符合用戶到58二手車之后的使用路徑,從體驗和使用效率上來講都不那么友好,會讓用戶在頁面內多了幾步選擇的操作,往往就是多了幾步的操作會流失大部分的用戶。

2. 結果頁的頁面承載的模塊信息過多

現在的舊版結果頁內,包含車輛信息,買車、賣車信息、推薦車型、咨詢信息以及各類分析市場數據等,展示順序的合理性也較差,在未明確用戶意圖的情況下,這些信息顯得過于復雜和無效。

而且屏效也不過,許多信息滯后,且沒有頭部導航欄,導致頁面也過長,影響閱讀效率。

3. 視覺上缺乏重點信息

舊版的頁面缺乏買車、賣車的氛圍以及場景化的打造,亦缺乏報告的感覺,各模塊信息比較的平均,區分度不明確。

03?設計表現

所以針對以上問題,我們對估車價結果頁進行了改造。

1. 明確場景,找到用戶行為路徑

首先,區分出買車和賣車的場景,從二手車列表頁進入到詳情頁中的“查看市場價”入口作為買車意向的結果頁入口,而大類頁底部TAB的服務項內的“估車價”入口則作為賣車意向的結果頁入口,賣車和買車結果頁的內容也分別對應兩種意向的人群展示不同的內容,買車意向結果頁重點突出用戶意向的二手車價格區間與新車價格的對比,讓用戶對市場價格有一些更清楚的認知,便于決策,且采用AB測試的方式設計了不同的價格對比樣式。

而賣車意向結果頁則偏重于用戶二手車的價格區間與近期的價格浮動區間,便于用戶做出售決策。如果用戶在首頁填寫的不是自己的車,那么我們在頁面后續模塊也會有填寫用戶自己車輛的信息。

2. 搭建更合理的框架,模塊化劃分

從頁面模塊來看也極大的簡化了頁面的模塊信息,賣車意向結果頁和買車意向結果頁都只有4個模塊,分別是車輛信息區、車輛信息填寫區、舊換新比價區、和其他推薦。

相應簡化了整體的模塊,更符合用戶查看的路徑和需求。讓用戶先了解到當前的市場價值,輔助用戶去做信息填寫決策。

3. 加強視覺表現、氛圍感打造

在視覺上,都在首屏以車的形象作為主體,并且通過縱伸效果的網格來模擬平面效果,突出車的展示再加上一些字母背景,讓整個頭部更有空間感,字母背景采用一些品牌感的英文,讓整體視覺更有品質感,下部分突出分析數據信息,更符合報告的形式也烘托出賣車和買車的氛圍。

采用卡片化分割,使得各個模塊更加清晰,區分更明確。整體設計也是采用大面積留白的方式突出重點信息。

在買車意向結果頁也分別用了大數字字體和柱狀圖兩種樣式來表現二手車和新車的價格對比,測試用戶瀏覽效果。

在一致性上,估車價在保留自身產品和設計的特性前提下,與二手車的設計一致性保持統一,例如在按鈕、卡片圓角以及選中與非選中的設計原則都保持高度統一。

讓我們來看看本次改版的整體效果圖

04?上線后數據

估車價結果頁改版上線后,優質車源線索較之前提升了超過50%,日均收入也較之前提升了100+%,在有限的流量內,也做到了不小的提升。

但是,雖然本次改版取得了一定的數據提升,卻依然還是存在一些問題,等待我們后續去持續改進

現存的問題有:

  1. 目前二手車的車系庫內的圖有一部分并沒有去掉背景底色,導致在展示時只能在白色背景上,在使用上有一定的限制,所以在圖片的顯示上需要避免。
  2. 從商業變現的角度來看,賣車意向結果頁的獲取用戶信息的表單相對靠下,對于用戶填寫確認車輛信息沒那么直觀。
  3. 從還原上來說,對于數據圖表的還原度相對來講較低。也希望在后續的優化中能越做越好。

最后在此也感謝在項目中合作、付出的交互、產品、前端小伙伴!!

期待估車價也為整個58二手車業務帶來更好的優質線索、產生更多的價值!

 

作者:周奕鳴,UI設計師

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD),作者@周奕鳴

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!