設計沉思錄|58城市合伙人全新體驗設計升級
編輯導讀:58城市合伙人是一款社交分享薅羊毛的產品,主要承擔了58微信生態(tài)中商業(yè)化運營的重任。本文作者從項目背景出發(fā),詳細地介紹了58城市合伙人產品設計的過程,并對每個關鍵步驟進行了梳理分析,與大家分享。
01 前言
58城市合伙人在58微信生態(tài)中承擔商業(yè)化運營的重擔。用戶通過58app中的注冊入口或代理商邀請,成為合伙人,然后在任務大廳選取任務分享至微信好友或朋友圈,產生點擊或交易從而獲得收益,以熟人營銷的模式探索微信下沉流量藍海的項目,簡而言之用五個字概括【社交分享賺】的薅羊毛產品。
02 項目背景
每個城市安排1-2個代理商在線下邀請合伙人,合伙人填寫資料,總部審核通過后,注冊成為“合伙人”身份。合伙人可在任務大廳領取任務,分享至自己的微信朋友圈或微信群聊,好友點擊服務詳情,產生流量、電話或添加微信效果,均可以獲取收益。
03 核心體驗拆解
在設計前,我們必須要確定目標用戶,更好的聚焦設計策略,明確設計目標,建立品牌差異化。通過產品經理定義和線下市場人員反饋,以及現(xiàn)有58城市合伙人百萬數據統(tǒng)計分析所得,我們的目標用戶主要分成下面4類人:在職青年、大爺大媽、家庭主婦和在校學生。
- 在職青年:一二線城市的年輕人比較多,他們善于社交,喜歡發(fā)朋友圈,每天用手機的時間也比較長,空閑之余也想賺點外快。
- 大爺大媽:在下沉市場三四五線城市中有一批中年大爺大媽,空閑時間比較多,他們收入低,具有愛薅羊毛的特點。
- 家庭主婦:家庭主婦主大部分的時間是在家照顧孩子,沒有固定收入,所以他們特別希望有一份能在家就能賺錢的工作。
- 在校學生:在校大學生的生活費大多數都來自父母,每個月可支配的錢不多,所以他們特別希望能多點零花錢。
按照目標用戶群,我們重新定義合伙人視覺風格。整體業(yè)務改版的方向與頁面布局調整都是為了讓產品既豐富又易用,根據這個方向,我們制定了三個風格關鍵詞:高效、高收益、趣味性。
- 高效:調整優(yōu)化功能框架,流程設計更嚴謹,對關鍵頁面信息層級進行重梳理重構,提升易用性。
- 高收益:通過對頁面元素進行重新設計,給用戶營造一種高收益的氛圍感。
- 趣味性:如今這種薅羊毛的app越來越多,增加游戲玩法,多維度參與分享任務,讓用戶在娛樂中完成任務。
04 設計表現(xiàn)
1. 色彩規(guī)范升級
原有的顏色體系中的色彩相對偏雜亂,飽和度和亮度不統(tǒng)一,對用戶很不友好。因而新頁面中,我們延用品牌紅色色系色彩,匹配升級飽和度和亮度較高的黃,綠,藍,紫做為輔助顏色,用微漸變增加頁面活力。
2. 首頁升級,提升流量轉化
根據庫克定律,對功能層次進行劃分。界面模塊布局上,根據每屏業(yè)務核心由重到次,由精到簡的原則,調整適當間距,模擬用戶的瀏覽路徑,優(yōu)化區(qū)域范圍。
3. 列表升級,讓用戶更聚焦內容
營造沉靜式體驗,遵循尼爾森F型視覺模型,根據人類自左向右、自上而下的閱讀習慣對信息進行排列。用斑點模式,對重要的內容、數字加粗突出,按鈕用色彩的區(qū)分,增加快速掃描效率,聚焦重點內容信息。
4. 個人中心升級,重新組合元素
采用淺灰色,弱化個人中心背景,讓用戶把注意力集中在內容上。通過對模塊的歸類、優(yōu)先級排列的方式重新整合元素,把重要的信息放在靠上的位置,加上面性圖標展示進行突出處理。
次要信息采用多層列表的展現(xiàn)方式,高效且具有極佳的視覺可視性,能夠一眼看出整體信息框架,快速定位信息點,提高用戶效率。
作者:付珍,UI工作者
本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD),作者@付珍
題圖來自 Unsplash,基于CC0協(xié)議。
作為一個設計師,看到五顏六色的輔助色,赤橙黃綠青藍紫所有色相都用全了,輔助個毛線啊。