起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識『設計沉思錄』之趕集APP全站改版設計總結
“58同城”與“趕集網”合并后，都發生了哪些改變？聽我從以下三個方面展開講述：“全新”為用戶、趣味化小設計和更貼心的服務。
我有一只小毛驢我從來也不騎，
有一天我心血來潮騎著去趕集；
我手里拿著小皮鞭
我心里正得意；
不知怎么嘩啦啦，
我寫了一篇總結集~~
一、“全新”為用戶
為了對趕集APP進行從頂層服務入口頁面到底層的詳情頁面的再設計，為用戶打造“全新”體驗，同時讓其有更好的商業承載能力，在改版過程中，我們預知用戶需求，提高其瀏覽和操作效率；采用無差異化的設計準則，提供標準化無障礙的服務體驗；并用數據來驅動和驗證設計。
趕集信息層級結構
我們先感受下APP首頁的改版效果，如下圖所示：
首頁改版前/后
1. 預知用戶需求，提高瀏覽/操作效率
（1）強化重要業務類別入口，在頁面首屏合理分發流量
來到趕集的大部分用戶帶有明確目的，用戶的一般操作路徑（以租房為例）為：打開APP》點擊“租房”入口》進入對應頁面》然后聚焦租房類型》進入列表頁進行篩選。因此，進行設計時，我們遵從用戶的操作習慣，強化主要服務類別入口，為其提供合理的操作路徑指示。
租房用戶轉化路徑
（2）增強頁面的呼吸感，控制信息展示的節奏
我們總想在一個頁面盡可能展示更多的信息，然而滿屏信息的堆砌會嚇走我們的用戶。因此在設計時，采用多種方式來增強頁面的呼吸感，以招聘列表頁為例：采用卡片化的信息展示方式，讓整個頁面通氣性更強；通過優化不同信息字段的字體大小、顏色，增強其可閱讀性；弱化底部（全城/附近/放心企業）等非重要信息的表現，讓整個頁面看起來更通透和干凈。
招聘列表頁改版前/后
（3）利用算法，感知用戶需求
推薦算法的提升，讓我們可以為用戶做更多的事情。在APP首頁/大類頁，根據用戶的當前位置、瀏覽歷史、篩選操作和收藏列表等進行智能推薦。在詳情頁，根據信息的關聯度，再次猜測用戶喜好（不讓用戶離開當前的頁面去尋找所需要的信息，這樣可減少流量的流失），比如：找工作時，查看職位詳情時，進行相似高薪職位推薦（并默認勾選，便于用戶進行一鍵投遞，畢竟這很藍領~）
智能推薦
（4）通過恰當的隱喻，喚醒用戶認知
好的隱喻能讓用戶在真實世界的體驗/之前的使用體驗與你的產品連接起來，能快速并且精確地讓用戶形成一個你的產品能干什么、不能干什么的認知。設計的隱喻，一般是通過插圖來傳達，比如在房產大類頁頂部，配一幅田園與房子結合的插畫；在二手物品大類頁頂部，配一幅商品與交易結合的插畫，雖然無法評估該隱喻是否帶來了更多的轉化，在無形中可提高用戶對該業務線的認同與感知。在寵物大類頁，采用寵物的可愛形象來表示不同的業務入口，幫助用戶快速鎖定目標。
房產/二手物品頭部場景隱喻
寵物大類頁業務類別隱喻
2. 提供標準化無障礙的服務體驗
為了給用戶提供標準化無障礙的服務體驗，我們在進行基礎控件和頁面設計時，十分注意這一點。標準化的設計非常重要，不一致的設計不但讓用戶迷惑，還會讓他們覺得設計很丑。接下來，以列表頁的設計為例來展開說明：
（1）統一列表信息卡片基本布局及展示規則
趕集總共有9大類業務線，在進行設計時，我們走查所有業務線，總結歸納其重要特性。大致歸類為有圖的帖子和無圖的帖子，再對信息進行重要、次要之分，最后設計出適用性較高的信息卡片展示模板。
有圖的帖子基礎模板
無圖的帖子基礎模板
若是仔細觀察，不難發現有圖和無圖的帖子信息在展示規則上也是比較一致的。通過基礎模板，然后再根據各個業務線進行調整，保證業務線信息的呈現是符合用戶的需求（在設計中，一定要避免為了一致而一致，要強調靈活性）。
（2）標簽樣式的統一
標簽可分為商業標簽和商品標簽兩大類，設計的過程中，將其樣式進行統一化設計。讓整個頁面的信息呈現更為清晰，幫助用戶更快速地瀏覽。
?風格與位置迥異的商品/信息標簽
一致化的商品/信息標簽
3. 用數據發聲更有力
（1）數據驅動設計
交互設計師應該學會從數據中尋找設計出發點，從數據出發更容易推動方案的實施。
在進行寵物列表頁改版設計前，寵物列表提供了兩種瀏覽方式，默認為大圖模式，可切換至列表縮略圖模式，我們發現用戶切換至列表的點擊量要遠高于大圖模式，故寵物列表再設計時，說服團隊默認采用列表縮略圖的模式。
寵物列表改版前/后
（2）數據驗證設計
在堅持一致性設計和充分利用算法進行智能推薦的原則下，改版后，人均VPPV相比老版本，iOS/Android兩端的人均VPPV均得到較大幅度的提升，高達10%以上。其他關鍵數據，如電話、投遞簡歷量的提升效果也非常明顯，再次驗證了前期設計方向的準確性。（其中，VPPV是指人均訪問詳情頁的數量，趕集為非閉環交易的平臺，無法考核產品具體成交量，故比較關注VPPV、電話撥打次數、簡歷投遞量等數據）
?人均VPPV提升
二、趣味化的小設計
在進行設計時，我們應該去多費點心思，去揣摩如何讓用戶在一瞬間怦然心動，對這個APP產生情感上的共鳴，如何把靜止的信息貫穿起來。
1. 讓你的app去感知時間的變化
在首屏進行下拉刷新時，無論白天與黑夜，小毛驢都會帶你一起去探索全地球的信息。
刷新動畫根據時間概念設計
2. 小小提示，意外驚喜
首頁底部小毛驢叫囂著告訴你“據說附近新到了很多好貨！”，你會忍住不去點擊附近那個tab嗎？你知道嗎，這個小小的提示，給附近頻道帶去相當多的流量。
恰當的提示帶來更多的流量
3. 頭屏位置沒那么重要（用戶會去主動探索尋找所需內容）
房產業務線推出“懶人找房”新功能，在房產大類頁頂部的“黃金位置”提供入口；在頁面底部“附近房源推薦”處也提供了一個入口。按已往經驗推斷，頂部的點擊量會遠高于底部的，然而上線后的數據表示該推斷是錯誤的。該經驗告知我們，符合用戶需求場景的信息呈現才是最合理的（用戶剛進入該頁面帶有比較明確的租房需求，他的注意力不會被分散；會主動滑動屏幕去鎖定所需信息。若滑至頁面底部，還沒發現所需內容，看到有這樣的功能，用戶會主動嘗試~）。
懶人找房-頂部/底部入口
三、更貼心的服務
除了設計上的提升，與此同時，在產品內容層面上，趕集從一個簡單的黃頁服務，變成多元化、綜合性的生活服務平臺。
在邁向多元化過程中 ，我們充分利用移動端的特性，打造全新“附近生活”，重組現實世界中的生活圈；為來到趕集的用戶提供社交需求，細化用戶畫像，嘗試為他們建立對應的圈子，在“工友圈”聊聊和工作相關的各種話題；真實地映射人們在生活中看新聞、聊八卦等生活狀態，接入了“資訊頻道”。
1. 附近生活
請認真地回顧下我們的周邊生活環境，有沒有發現被各種吆喝聲、小店面、房產中介、二手交易小市場、走親訪友等充斥著，它們為生活帶來各種便利，我們以此為靈感進行現實世界的場景挖掘，把這些歸納為四種類型：人、服務、店鋪和聲音
，這組成了我們的生活圈子，圍繞該思路我們將這些訴諸于產品，重組現實生活中的圈子。
現實生活場景》服務類列舉》服務類型整合
設計時，我們按照用戶對附近生活的訴求，重新整理展示的內容。如：強化日常生活服務類型入口，如家政、物流、保潔等；豐富附近的人形象展示，頭像與年齡信息增強了查看該用戶的動機，甚至促進了交流欲望；給天生具有“逛”性質的附近二手，賦予無限加載瀏覽的交互方式。
附近生活改版前/后
附近改版后，我們進行了新老版本數據對比，在首頁、發布、個人中心等的點擊量都下降的情況下，附近頻道的數據竟然上漲30%，其中附近生活、附近的人和附近二手的數據表現也比較不錯。
附近生活改版前/后數據對比
2. 社交嘗試
（1）融合賬號體系
與58合并后，趕集在維護原有業務的基礎上，強化了對社交領域的嘗試，“老鄉說”是單獨開辟出一個讓趕集用戶自發形成不同關系網（老鄉、同行甚至婚戀交友）的個人生活分享頻道。把老鄉說的交友資料與趕集的基礎資料進行融合 ，豐富的賬號資料對不僅讓用戶形象更真實，還對平臺后期進行精準運營推廣有一定幫助。
賬號體系融合
與此同時，為了搭建健康真實的社交環境，我們在適當的場景下去引導用戶逐步完善自己的賬戶資料，比如在首次進來后，鼓勵用戶立即完善資料；當其點擊同行時，引導其完善工作資料。
引導完善資料
（2）工友社交
最近我們深度挖掘老鄉說的內容，又根據用戶群體的典型特征，孵化出新的探索方向—“工友圈”，引導用戶去探討工廠里發生的那些新鮮事，甚至直接找工作、交友和請求幫助。
工友圈
3. 實時資訊服務
我們希望用戶對所在城市發生的事情，能夠及時消費；在進行房產、車輛等交易時，能夠閱讀相關資訊，對其購房/買賣車輛的決策有所幫助，故在首頁以及業務線（房產）加入資訊版塊。
?資訊入口（首頁/房產）
結語
我們的“再設計”仍在繼續中。接下來，我們將創造出更多界面體驗的可能性，為用戶提供更好的體驗。
Let’s Go and Have Fun~
作者：崔登學、朱明明，趕集APP主要設計師
來源：微信公眾號【58UXD】
- 目前還沒評論，等你發揮！
