設計沉思錄｜58城市合夥人全新體驗設計升級

01 前言

58城市合夥人在58微信生態中承擔商業化運營的重擔。使用者透過58app中的註冊入口或代理商邀請，成為合夥人，然後在任務大廳選取任務分享至微信好友或朋友圈，產生點選或交易從而獲得收益，以熟人營銷的模式探索微信下沉流量藍海的專案，簡而言之用五個字概括【社交分享賺】的薅羊毛產品。

02 專案背景

每個城市安排1-2個代理商線上下邀請合夥人，合夥人填寫資料，總部稽核通過後，註冊成為“合夥人”身份。合夥人可在任務大廳領取任務，分享至自己的微信朋友圈或微信群聊，好友點選服務詳情，產生流量、電話或新增微信效果，均可以獲取收益。

03 核心體驗拆解

在設計前，我們必須要確定目標使用者，更好的聚焦設計策略，明確設計目標，建立品牌差異化。透過產品經理定義和線下市場人員反饋，以及現有58城市合夥人百萬資料統計分析所得，我們的目標使用者主要分成下面4類人：在職青年、大爺大媽、家庭主婦和在校學生。

• 在職青年：一二線城市的年輕人比較多，他們善於社交，喜歡發朋友圈，每天用手機的時間也比較長，空閒之餘也想賺點外快。
• 大爺大媽：在下沉市場三四五線城市中有一批中年大爺大媽，空閒時間比較多，他們收入低，具有愛薅羊毛的特點。
• 家庭主婦：家庭主婦主大部分的時間是在家照顧孩子，沒有固定收入，所以他們特別希望有一份能在家就能賺錢的工作。
• 在校學生：在校大學生的生活費大多數都來自父母，每個月可支配的錢不多，所以他們特別希望能多點零花錢。

按照目標使用者群，我們重新定義合夥人視覺風格。整體業務改版的方向與頁面佈局調整都是為了讓產品既豐富又易用，根據這個方向，我們制定了三個風格關鍵詞：高效、高收益、趣味性。

• 高效：調整最佳化功能框架，流程設計更嚴謹，對關鍵頁面資訊層級進行重梳理重構，提升易用性。
• 高收益：透過對頁面元素進行重新設計，給使用者營造一種高收益的氛圍感。
• 趣味性：如今這種薅羊毛的app越來越多，增加遊戲玩法，多維度參與分享任務，讓使用者在娛樂中完成任務。

04 設計表現1. 色彩規範升級

原有的顏色體系中的色彩相對偏雜亂，飽和度和亮度不統一，對使用者很不友好。因而新頁面中，我們延用品牌紅色色系色彩，匹配升級飽和度和亮度較高的黃，綠，藍，紫做為輔助顏色，用微漸變增加頁面活力。

2. 首頁升級，提升流量轉化

根據庫克定律，對功能層次進行劃分。介面模組佈局上，根據每屏業務核心由重到次，由精到簡的原則，調整適當間距，模擬使用者的瀏覽路徑，最佳化區域範圍。

3. 列表升級，讓使用者更聚焦內容

營造沉靜式體驗，遵循尼爾森F型視覺模型，根據人類自左向右、自上而下的閱讀習慣對資訊進行排列。用斑點模式，對重要的內容、數字加粗突出，按鈕用色彩的區分，增加快速掃描效率，聚焦重點內容資訊。

4. 個人中心升級，重新組合元素

採用淺灰色，弱化個人中心背景，讓使用者把注意力集中在內容上。透過對模組的歸類、優先順序排列的方式重新整合元素，把重要的資訊放在靠上的位置，加上面性圖示展示進行突出處理。

次要資訊採用多層列表的展現方式，高效且具有極佳的視覺可視性，能夠一眼看出整體資訊框架，快速定位資訊點，提高使用者效率。

作者：付珍，UI工作者

本文來源於人人都是產品經理合作媒體@58使用者體驗設計中心（微信公眾號@58UXD），作者@付珍

題圖來自 Unsplash，基於CC0協議。