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

01?背景

58二手車業(yè)務致力打造流量到鏈接的全新的網(wǎng)站運營模式，而對于目前國內(nèi)的二手車業(yè)務，獲取車源線索就是鏈接中最重要的環(huán)節(jié)，那么從大量的流量中獲取高質(zhì)量的線索以及形成轉(zhuǎn)化就是勢在必行的事。

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

02?問題

1. 頁面場景區(qū)分不明確，不符合用戶的使用路徑

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

2. 結(jié)果頁的頁面承載的模塊信息過多

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

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

3. 視覺上缺乏重點信息

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

03?設計表現(xiàn)

所以針對以上問題，我們對估車價結(jié)果頁進行了改造。

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

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

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

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

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

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

3. 加強視覺表現(xiàn)、氛圍感打造

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

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

在買車意向結(jié)果頁也分別用了大數(shù)字字體和柱狀圖兩種樣式來表現(xiàn)二手車和新車的價格對比，測試用戶瀏覽效果。

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

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

04?上線后數(shù)據(jù)

估車價結(jié)果頁改版上線后，優(yōu)質(zhì)車源線索較之前提升了超過50%，日均收入也較之前提升了100+%，在有限的流量內(nèi)，也做到了不小的提升。

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

現(xiàn)存的問題有：

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

最后在此也感謝在項目中合作、付出的交互、產(chǎn)品、前端小伙伴！！

期待估車價也為整個58二手車業(yè)務帶來更好的優(yōu)質(zhì)線索、產(chǎn)生更多的價值！

作者：周奕鳴，UI設計師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@周奕鳴

題圖來自Unsplash，基于CC0協(xié)議