“58同城”與“趕集網(wǎng)”合并后，都發(fā)生了哪些改變？聽(tīng)我從以下三個(gè)方面展開(kāi)講述：“全新”為用戶、趣味化小設(shè)計(jì)和更貼心的服務(wù)。

我有一只小毛驢我從來(lái)也不騎，

有一天我心血來(lái)潮騎著去趕集；

我手里拿著小皮鞭

我心里正得意；

不知怎么嘩啦啦，

我寫(xiě)了一篇總結(jié)集~~

一、“全新”為用戶

為了對(duì)趕集APP進(jìn)行從頂層服務(wù)入口頁(yè)面到底層的詳情頁(yè)面的再設(shè)計(jì)，為用戶打造“全新”體驗(yàn)，同時(shí)讓其有更好的商業(yè)承載能力，在改版過(guò)程中，我們預(yù)知用戶需求，提高其瀏覽和操作效率；采用無(wú)差異化的設(shè)計(jì)準(zhǔn)則，提供標(biāo)準(zhǔn)化無(wú)障礙的服務(wù)體驗(yàn)；并用數(shù)據(jù)來(lái)驅(qū)動(dòng)和驗(yàn)證設(shè)計(jì)。

趕集信息層級(jí)結(jié)構(gòu)

我們先感受下APP首頁(yè)的改版效果，如下圖所示：

首頁(yè)改版前/后

1. 預(yù)知用戶需求，提高瀏覽/操作效率

（1）強(qiáng)化重要業(yè)務(wù)類(lèi)別入口，在頁(yè)面首屏合理分發(fā)流量

來(lái)到趕集的大部分用戶帶有明確目的，用戶的一般操作路徑（以租房為例）為：打開(kāi)APP》點(diǎn)擊“租房”入口》進(jìn)入對(duì)應(yīng)頁(yè)面》然后聚焦租房類(lèi)型》進(jìn)入列表頁(yè)進(jìn)行篩選。因此，進(jìn)行設(shè)計(jì)時(shí)，我們遵從用戶的操作習(xí)慣，強(qiáng)化主要服務(wù)類(lèi)別入口，為其提供合理的操作路徑指示。

租房用戶轉(zhuǎn)化路徑

（2）增強(qiáng)頁(yè)面的呼吸感，控制信息展示的節(jié)奏

我們總想在一個(gè)頁(yè)面盡可能展示更多的信息，然而滿屏信息的堆砌會(huì)嚇走我們的用戶。因此在設(shè)計(jì)時(shí)，采用多種方式來(lái)增強(qiáng)頁(yè)面的呼吸感，以招聘列表頁(yè)為例：采用卡片化的信息展示方式，讓整個(gè)頁(yè)面通氣性更強(qiáng)；通過(guò)優(yōu)化不同信息字段的字體大小、顏色，增強(qiáng)其可閱讀性；弱化底部（全城/附近/放心企業(yè)）等非重要信息的表現(xiàn)，讓整個(gè)頁(yè)面看起來(lái)更通透和干凈。

招聘列表頁(yè)改版前/后

（3）利用算法，感知用戶需求

推薦算法的提升，讓我們可以為用戶做更多的事情。在APP首頁(yè)/大類(lèi)頁(yè)，根據(jù)用戶的當(dāng)前位置、瀏覽歷史、篩選操作和收藏列表等進(jìn)行智能推薦。在詳情頁(yè)，根據(jù)信息的關(guān)聯(lián)度，再次猜測(cè)用戶喜好（不讓用戶離開(kāi)當(dāng)前的頁(yè)面去尋找所需要的信息，這樣可減少流量的流失），比如：找工作時(shí)，查看職位詳情時(shí)，進(jìn)行相似高薪職位推薦（并默認(rèn)勾選，便于用戶進(jìn)行一鍵投遞，畢竟這很藍(lán)領(lǐng)~）

智能推薦

（4）通過(guò)恰當(dāng)?shù)碾[喻，喚醒用戶認(rèn)知

好的隱喻能讓用戶在真實(shí)世界的體驗(yàn)/之前的使用體驗(yàn)與你的產(chǎn)品連接起來(lái)，能快速并且精確地讓用戶形成一個(gè)你的產(chǎn)品能干什么、不能干什么的認(rèn)知。設(shè)計(jì)的隱喻，一般是通過(guò)插圖來(lái)傳達(dá)，比如在房產(chǎn)大類(lèi)頁(yè)頂部，配一幅田園與房子結(jié)合的插畫(huà)；在二手物品大類(lèi)頁(yè)頂部，配一幅商品與交易結(jié)合的插畫(huà)，雖然無(wú)法評(píng)估該隱喻是否帶來(lái)了更多的轉(zhuǎn)化，在無(wú)形中可提高用戶對(duì)該業(yè)務(wù)線的認(rèn)同與感知。在寵物大類(lèi)頁(yè)，采用寵物的可愛(ài)形象來(lái)表示不同的業(yè)務(wù)入口，幫助用戶快速鎖定目標(biāo)。

房產(chǎn)/二手物品頭部場(chǎng)景隱喻

寵物大類(lèi)頁(yè)業(yè)務(wù)類(lèi)別隱喻

2. 提供標(biāo)準(zhǔn)化無(wú)障礙的服務(wù)體驗(yàn)

為了給用戶提供標(biāo)準(zhǔn)化無(wú)障礙的服務(wù)體驗(yàn)，我們?cè)谶M(jìn)行基礎(chǔ)控件和頁(yè)面設(shè)計(jì)時(shí)，十分注意這一點(diǎn)。標(biāo)準(zhǔn)化的設(shè)計(jì)非常重要，不一致的設(shè)計(jì)不但讓用戶迷惑，還會(huì)讓他們覺(jué)得設(shè)計(jì)很丑。接下來(lái)，以列表頁(yè)的設(shè)計(jì)為例來(lái)展開(kāi)說(shuō)明：

（1）統(tǒng)一列表信息卡片基本布局及展示規(guī)則

趕集總共有9大類(lèi)業(yè)務(wù)線，在進(jìn)行設(shè)計(jì)時(shí)，我們走查所有業(yè)務(wù)線，總結(jié)歸納其重要特性。大致歸類(lèi)為有圖的帖子和無(wú)圖的帖子，再對(duì)信息進(jìn)行重要、次要之分，最后設(shè)計(jì)出適用性較高的信息卡片展示模板。

有圖的帖子基礎(chǔ)模板

無(wú)圖的帖子基礎(chǔ)模板

若是仔細(xì)觀察，不難發(fā)現(xiàn)有圖和無(wú)圖的帖子信息在展示規(guī)則上也是比較一致的。通過(guò)基礎(chǔ)模板，然后再根據(jù)各個(gè)業(yè)務(wù)線進(jìn)行調(diào)整，保證業(yè)務(wù)線信息的呈現(xiàn)是符合用戶的需求（在設(shè)計(jì)中，一定要避免為了一致而一致，要強(qiáng)調(diào)靈活性）。

（2）標(biāo)簽樣式的統(tǒng)一

標(biāo)簽可分為商業(yè)標(biāo)簽和商品標(biāo)簽兩大類(lèi)，設(shè)計(jì)的過(guò)程中，將其樣式進(jìn)行統(tǒng)一化設(shè)計(jì)。讓整個(gè)頁(yè)面的信息呈現(xiàn)更為清晰，幫助用戶更快速地瀏覽。

?風(fēng)格與位置迥異的商品/信息標(biāo)簽

一致化的商品/信息標(biāo)簽

3. 用數(shù)據(jù)發(fā)聲更有力

（1）數(shù)據(jù)驅(qū)動(dòng)設(shè)計(jì)

交互設(shè)計(jì)師應(yīng)該學(xué)會(huì)從數(shù)據(jù)中尋找設(shè)計(jì)出發(fā)點(diǎn)，從數(shù)據(jù)出發(fā)更容易推動(dòng)方案的實(shí)施。

在進(jìn)行寵物列表頁(yè)改版設(shè)計(jì)前，寵物列表提供了兩種瀏覽方式，默認(rèn)為大圖模式，可切換至列表縮略圖模式，我們發(fā)現(xiàn)用戶切換至列表的點(diǎn)擊量要遠(yuǎn)高于大圖模式，故寵物列表再設(shè)計(jì)時(shí)，說(shuō)服團(tuán)隊(duì)默認(rèn)采用列表縮略圖的模式。

寵物列表改版前/后

（2）數(shù)據(jù)驗(yàn)證設(shè)計(jì)

在堅(jiān)持一致性設(shè)計(jì)和充分利用算法進(jìn)行智能推薦的原則下，改版后，人均VPPV相比老版本，iOS/Android兩端的人均VPPV均得到較大幅度的提升，高達(dá)10%以上。其他關(guān)鍵數(shù)據(jù)，如電話、投遞簡(jiǎn)歷量的提升效果也非常明顯，再次驗(yàn)證了前期設(shè)計(jì)方向的準(zhǔn)確性。（其中，VPPV是指人均訪問(wèn)詳情頁(yè)的數(shù)量，趕集為非閉環(huán)交易的平臺(tái)，無(wú)法考核產(chǎn)品具體成交量，故比較關(guān)注VPPV、電話撥打次數(shù)、簡(jiǎn)歷投遞量等數(shù)據(jù)）

?人均VPPV提升

二、趣味化的小設(shè)計(jì)

在進(jìn)行設(shè)計(jì)時(shí)，我們應(yīng)該去多費(fèi)點(diǎn)心思，去揣摩如何讓用戶在一瞬間怦然心動(dòng)，對(duì)這個(gè)APP產(chǎn)生情感上的共鳴，如何把靜止的信息貫穿起來(lái)。

1. 讓你的app去感知時(shí)間的變化

在首屏進(jìn)行下拉刷新時(shí)，無(wú)論白天與黑夜，小毛驢都會(huì)帶你一起去探索全地球的信息。

刷新動(dòng)畫(huà)根據(jù)時(shí)間概念設(shè)計(jì)

2. 小小提示，意外驚喜

首頁(yè)底部小毛驢叫囂著告訴你“據(jù)說(shuō)附近新到了很多好貨！”，你會(huì)忍住不去點(diǎn)擊附近那個(gè)tab嗎？你知道嗎，這個(gè)小小的提示，給附近頻道帶去相當(dāng)多的流量。

恰當(dāng)?shù)奶崾編?lái)更多的流量

3. 頭屏位置沒(méi)那么重要（用戶會(huì)去主動(dòng)探索尋找所需內(nèi)容）

房產(chǎn)業(yè)務(wù)線推出“懶人找房”新功能，在房產(chǎn)大類(lèi)頁(yè)頂部的“黃金位置”提供入口；在頁(yè)面底部“附近房源推薦”處也提供了一個(gè)入口。按已往經(jīng)驗(yàn)推斷，頂部的點(diǎn)擊量會(huì)遠(yuǎn)高于底部的，然而上線后的數(shù)據(jù)表示該推斷是錯(cuò)誤的。該經(jīng)驗(yàn)告知我們，符合用戶需求場(chǎng)景的信息呈現(xiàn)才是最合理的（用戶剛進(jìn)入該頁(yè)面帶有比較明確的租房需求，他的注意力不會(huì)被分散；會(huì)主動(dòng)滑動(dòng)屏幕去鎖定所需信息。若滑至頁(yè)面底部，還沒(méi)發(fā)現(xiàn)所需內(nèi)容，看到有這樣的功能，用戶會(huì)主動(dòng)嘗試~）。

懶人找房-頂部/底部入口

三、更貼心的服務(wù)

除了設(shè)計(jì)上的提升，與此同時(shí)，在產(chǎn)品內(nèi)容層面上，趕集從一個(gè)簡(jiǎn)單的黃頁(yè)服務(wù)，變成多元化、綜合性的生活服務(wù)平臺(tái)。

在邁向多元化過(guò)程中 ，我們充分利用移動(dòng)端的特性，打造全新“附近生活”，重組現(xiàn)實(shí)世界中的生活圈；為來(lái)到趕集的用戶提供社交需求，細(xì)化用戶畫(huà)像，嘗試為他們建立對(duì)應(yīng)的圈子，在“工友圈”聊聊和工作相關(guān)的各種話題；真實(shí)地映射人們?cè)谏钪锌葱侣劇⒘陌素缘壬顮顟B(tài)，接入了“資訊頻道”。

1. 附近生活

請(qǐng)認(rèn)真地回顧下我們的周邊生活環(huán)境，有沒(méi)有發(fā)現(xiàn)被各種吆喝聲、小店面、房產(chǎn)中介、二手交易小市場(chǎng)、走親訪友等充斥著，它們?yōu)樯顜?lái)各種便利，我們以此為靈感進(jìn)行現(xiàn)實(shí)世界的場(chǎng)景挖掘，把這些歸納為四種類(lèi)型：人、服務(wù)、店鋪和聲音
，這組成了我們的生活圈子，圍繞該思路我們將這些訴諸于產(chǎn)品，重組現(xiàn)實(shí)生活中的圈子。

現(xiàn)實(shí)生活場(chǎng)景》服務(wù)類(lèi)列舉》服務(wù)類(lèi)型整合

設(shè)計(jì)時(shí)，我們按照用戶對(duì)附近生活的訴求，重新整理展示的內(nèi)容。如：強(qiáng)化日常生活服務(wù)類(lèi)型入口，如家政、物流、保潔等；豐富附近的人形象展示，頭像與年齡信息增強(qiáng)了查看該用戶的動(dòng)機(jī)，甚至促進(jìn)了交流欲望；給天生具有“逛”性質(zhì)的附近二手，賦予無(wú)限加載瀏覽的交互方式。

附近生活改版前/后

附近改版后，我們進(jìn)行了新老版本數(shù)據(jù)對(duì)比，在首頁(yè)、發(fā)布、個(gè)人中心等的點(diǎn)擊量都下降的情況下，附近頻道的數(shù)據(jù)竟然上漲30%，其中附近生活、附近的人和附近二手的數(shù)據(jù)表現(xiàn)也比較不錯(cuò)。

附近生活改版前/后數(shù)據(jù)對(duì)比

2. 社交嘗試

（1）融合賬號(hào)體系

與58合并后，趕集在維護(hù)原有業(yè)務(wù)的基礎(chǔ)上，強(qiáng)化了對(duì)社交領(lǐng)域的嘗試，“老鄉(xiāng)說(shuō)”是單獨(dú)開(kāi)辟出一個(gè)讓趕集用戶自發(fā)形成不同關(guān)系網(wǎng)（老鄉(xiāng)、同行甚至婚戀交友）的個(gè)人生活分享頻道。把老鄉(xiāng)說(shuō)的交友資料與趕集的基礎(chǔ)資料進(jìn)行融合 ，豐富的賬號(hào)資料對(duì)不僅讓用戶形象更真實(shí)，還對(duì)平臺(tái)后期進(jìn)行精準(zhǔn)運(yùn)營(yíng)推廣有一定幫助。

賬號(hào)體系融合

與此同時(shí)，為了搭建健康真實(shí)的社交環(huán)境，我們?cè)谶m當(dāng)?shù)膱?chǎng)景下去引導(dǎo)用戶逐步完善自己的賬戶資料，比如在首次進(jìn)來(lái)后，鼓勵(lì)用戶立即完善資料；當(dāng)其點(diǎn)擊同行時(shí)，引導(dǎo)其完善工作資料。

引導(dǎo)完善資料

（2）工友社交

最近我們深度挖掘老鄉(xiāng)說(shuō)的內(nèi)容，又根據(jù)用戶群體的典型特征，孵化出新的探索方向—“工友圈”，引導(dǎo)用戶去探討工廠里發(fā)生的那些新鮮事，甚至直接找工作、交友和請(qǐng)求幫助。

工友圈

3. 實(shí)時(shí)資訊服務(wù)

我們希望用戶對(duì)所在城市發(fā)生的事情，能夠及時(shí)消費(fèi)；在進(jìn)行房產(chǎn)、車(chē)輛等交易時(shí)，能夠閱讀相關(guān)資訊，對(duì)其購(gòu)房/買(mǎi)賣(mài)車(chē)輛的決策有所幫助，故在首頁(yè)以及業(yè)務(wù)線（房產(chǎn)）加入資訊版塊。

?資訊入口（首頁(yè)/房產(chǎn)）

結(jié)語(yǔ)

我們的“再設(shè)計(jì)”仍在繼續(xù)中。接下來(lái)，我們將創(chuàng)造出更多界面體驗(yàn)的可能性，為用戶提供更好的體驗(yàn)。

Let’s Go and Have Fun~

作者：崔登學(xué)、朱明明，趕集APP主要設(shè)計(jì)師

來(lái)源：微信公眾號(hào)【58UXD】