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

我有一只小毛驢我從來也不騎，

有一天我心血來潮騎著去趕集；

我手里拿著小皮鞭

我心里正得意；

不知怎么嘩啦啦，

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

一、“全新”為用戶

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

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

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

首頁改版前/后

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

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

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

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

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

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

招聘列表頁改版前/后

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

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

智能推薦

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

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

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

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

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

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

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

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

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

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

若是仔細(xì)觀察，不難發(fā)現(xiàn)有圖和無圖的帖子信息在展示規(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)簽兩大類，設(shè)計(jì)的過程中，將其樣式進(jìn)行統(tǒng)一化設(shè)計(jì)。讓整個(gè)頁面的信息呈現(xiàn)更為清晰，幫助用戶更快速地瀏覽。

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

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

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

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

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

在進(jìn)行寵物列表頁改版設(shè)計(jì)前，寵物列表提供了兩種瀏覽方式，默認(rèn)為大圖模式，可切換至列表縮略圖模式，我們發(fā)現(xiàn)用戶切換至列表的點(diǎn)擊量要遠(yuǎn)高于大圖模式，故寵物列表再設(shè)計(jì)時(shí)，說服團(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ù)，如電話、投遞簡歷量的提升效果也非常明顯，再次驗(yàn)證了前期設(shè)計(jì)方向的準(zhǔn)確性。（其中，VPPV是指人均訪問詳情頁的數(shù)量，趕集為非閉環(huán)交易的平臺，無法考核產(chǎn)品具體成交量，故比較關(guān)注VPPV、電話撥打次數(shù)、簡歷投遞量等數(shù)據(jù)）

?人均VPPV提升

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

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

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

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

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

2. 小小提示，意外驚喜

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

恰當(dāng)?shù)奶崾編砀嗟牧髁?/p>

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

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

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

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

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

在邁向多元化過程中 ，我們充分利用移動端的特性，打造全新“附近生活”，重組現(xiàn)實(shí)世界中的生活圈；為來到趕集的用戶提供社交需求，細(xì)化用戶畫像，嘗試為他們建立對應(yīng)的圈子，在“工友圈”聊聊和工作相關(guān)的各種話題；真實(shí)地映射人們在生活中看新聞、聊八卦等生活狀態(tài)，接入了“資訊頻道”。

1. 附近生活

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

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

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

附近生活改版前/后

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

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

2. 社交嘗試

（1）融合賬號體系

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

賬號體系融合

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

引導(dǎo)完善資料

（2）工友社交

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

工友圈

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

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

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

結(jié)語

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

Let’s Go and Have Fun~

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

來源：微信公眾號【58UXD】