設計沉思錄|從0到1構建新趕集設計鏈路

0 評論 5765 瀏覽 6 收藏 9 分鐘

編輯導讀:隨著業務規模發展與調整,品牌創立之初的設計已經不能滿足當前業務要求,因此對品牌升級優化迫在眉睫。本文作者從品牌感知出發,詳細地介紹了趕集網視覺升級鏈路設計的過程,并對每個關鍵步驟進行了梳理分析,與大家分享。

趕集網始創于2005年,2015年11月,與58同城正式合并。回首至今,它已歷經15個春秋。多次的產品及視覺優化升級,讓它演進成了新趕集。

在新趕集的產品生態下,除傾斜聚焦于招聘業務線外,對全站視覺體系的升級也迫在眉睫。那么,作為設計者,如何進行全新的方案落地?今天我們就來看看:新趕集視覺重造之路。

01?品牌感知

對于用戶而言,首先最直接明了的感知就是視覺外觀的變化:顏色的冷與暖、明與暗,都會給用戶在心里埋下一顆種子,傳遞品牌的總體印象。可以說,品牌設計的調性高低便至關重要。將產品定位為“年輕自由的招聘平臺”的新趕集,故此在視覺層面就會向年輕元素傾斜。

02?關于用戶

縱觀整個市場,用戶基本分類為:頭部金領,中部白領及底部藍領,三大類型。而趕集平臺則以人群基數最大最堅實的藍領為主。此類用戶的特點是流動性大、工作節奏高頻,所以更頻繁關注招聘平臺。

那么,新趕集的信息是否透明,更新是否及時,是首要聚焦的問題。而正是因為背靠58集團,擁有整合業務的優勢所在,我們的資源豐富程度有目共睹。

03?設計思路

結合人群特點來講,藍領用戶所在的城市屬于較為下沉的市場,視覺元素盡量與簡單易懂的較大文字和醒目的圖形元素相結合,使他們更習慣接受。這也正是作為設計者的思路切入口。

綜合業務訴求和用戶分析,得出趕集網改版后的平臺設計方向有以下4點關鍵詞:年輕、多元、精致、簡潔。

04?改版方向

  1. 頁面層級梳理:單頁面注重內容層級的劃分。容納更多內容便于閱讀,方便用戶快速定位內容或解決問題。
  2. 拆分功能區塊:分散用戶的操作。以頁面區塊代替導航分流,簡化用戶的操作路徑。
  3. 優化操作流程:合并精簡頁面元素,明確主要功能,減少對用戶操作主線的干擾,提升用戶漏斗轉化。

05?設計落地

1. 年輕

在首頁區域,作為產品的第一視覺觸達點,年輕化視覺傳達更為直接高效。

  • 品牌基調:頭部運用大面積品牌色,自上而下貫穿APP場景中,加深品牌記憶。
  • 卡片式:運用卡片形式拆解和區分不同內容。為用戶呈現最佳的視覺體驗。
  • 空間感:大空間和主次對比的方法,讓用戶的視覺動線對主次信息吸收更完整,同時增加卡片空間感,讓首頁feed流游覽起來更清楚。

2. 多元

作為用戶留存重點轉化的場景,人脈圈的社交及趣味性,是視覺年輕化最好的發酵池。

  • 標簽化:因社交屬性的特殊性,人群肯定會有一部分共性,這樣才會產生共鳴效應,所以在設計上對標簽的處理做了簡化處理,快速傳達的效果。
  • 圖文流:圖文信息傳達的主次,對于用戶的游覽率和理解程度都至關重要,如果先圖后文,就會有折返跑式的思考,所以我們采用了先文后圖的設計方法,讓文圖傳播的更簡單。

  • 趣味性:Feed流中會有讓用戶去參與的互動場景,根據調研反饋,如果用較為常規的設計呈現,用戶的交互欲望會較低。所以在這些設計上,融入了強視覺、對比色、有互動的設計語言,提升用戶參與度的同時增加了用戶黏性。

3. 精致&簡潔

消息作為即時通訊最重要的一環,頁面的視覺呈現要起到穿針引線,承上啟下的作用。而這個時候的年輕化元素就會從多面性轉變到簡單。比如:

  • 通透性:對于有意向的崗位,面試前期的溝通尤為重要,為了打破僵局消息頁面采用了通透性極高的留白方式,結合卡片分層,讓整個聊天頁面變得簡單輕松。
  • 統一結構:考慮到消息的多樣性及類型,重新歸納了聯系、邀約、面試、反饋和結束等環節等層級,統一了卡片結構,讓用戶使用起來更簡單。

  • 新面試形態:因國內疫情影響,在今年合力打造了視頻AI面試,對此特進行了人性化引導設計,降低用戶使用成本的同時,完善了體驗流程閉環。

總的來說,設計的方向延展是以產品定位拆解而來,一步步的落實到每一個環節,讓年輕的趕集用新的設計語言來與用戶進行了一場深度溝通。

06?集思廣益,團隊協作

在這次大規模的升級改版中,不光在設計層面有了新的探索發現,對于團隊協作完成項目上來講,也是頗有收獲。

在保證一致性的情況下,我們也對提效有同樣高的要求。結合每個時期的目標,團隊快速確定方向及設計語言并周知,自下而上的去推動項目的落地,做到設計場景化表達。用情感化、沉浸式、低成本的設計場景,優化用戶體驗。

07?設計規范及沉淀

繼此次改版之后,又趁熱打鐵,在設計新趕集設計規范上,進行統一設計和歸納總結。明確組建化原子設計(5點層級:原子、分子、組織、模版、頁面),把細分顆粒度作為一個個可復用的組建進行有序拼裝,來幫助設計師快速搭建產品,大幅提升生產效率。根據以上設計與策略支撐,產品上線后的數據方面整體向好。

 

作者:王鵬飛,視覺設計師

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD),作者@王鵬飛

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!