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

編輯導讀:58城市合夥人是一款社交分享薅羊毛的產品,主要承擔了58微信生態中商業化運營的重任。本文作者從專案背景出發,詳細地介紹了58城市合夥人產品設計的過程,並對每個關鍵步驟進行了梳理分析,與大家分享。

設計沉思錄|58城市合夥人全新體驗設計升級
01 前言

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

設計沉思錄|58城市合夥人全新體驗設計升級
02 專案背景

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

設計沉思錄|58城市合夥人全新體驗設計升級
03 核心體驗拆解

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

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

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

  • 高效:調整最佳化功能框架,流程設計更嚴謹,對關鍵頁面資訊層級進行重梳理重構,提升易用性。
  • 高收益:透過對頁面元素進行重新設計,給使用者營造一種高收益的氛圍感。
  • 趣味性:如今這種薅羊毛的app越來越多,增加遊戲玩法,多維度參與分享任務,讓使用者在娛樂中完成任務。
設計沉思錄|58城市合夥人全新體驗設計升級
04 設計表現1. 色彩規範升級

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

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

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

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

設計沉思錄|58城市合夥人全新體驗設計升級
3. 列表升級,讓使用者更聚焦內容

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

設計沉思錄|58城市合夥人全新體驗設計升級
4. 個人中心升級,重新組合元素

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

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

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

作者:付珍,UI工作者

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

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

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 1448 字。

轉載請註明: 設計沉思錄|58城市合夥人全新體驗設計升級 - 楠木軒