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