58PC職位詳情頁改版:深入用戶,「職位」升級再升級

2021-01-08 人人都是產品經理

招聘,作為58的主營業務之一,為上億用戶提供了便捷的求職服務。隨著業務屬性與用戶需求的升級,本著給用戶最佳的體驗為核心,舊版的58PC職位詳情頁已無法滿足用戶的訴求,因而需對PC詳情頁進行功能及頁面的整體體驗升級。

改版背景

舊版58PC職位詳情頁樣式比較陳舊,在業務日益升級的過程中,在原有頁面中添加了許多功能及類目,使得整體頁面內容擁擠、功能不突出、分類不清、邏輯相對混亂、閱讀成本過高。由此,我們希望通過對業務內容的重新梳理與歸類,將詳情頁在業務形態需要重用戶體驗的方向進行重新設計。

舊版職位詳情頁

分析用戶 定義詳情

在設計之初,我們需提出幾個問題,來確定改版的方向和目標。用戶是誰?用戶想要什麼?改版希望達到怎樣的目的?從業務層面來講,希望達到怎樣的效果?

用戶分析

通過對用戶的分析及對業務需求的了解,用戶大概歸類為兩種訴求身份,即,用戶是藍領的同時還是求職者。

藍領是指為城市日常運轉貢獻力量的基層工作者,包括銷售、保安、美容美髮師、快遞員等職業人群,普遍來講文化程度較低,對信息的接收能力相對較弱;求職者:需考慮其心理狀態求職場景。求職者在面對眾多職位信息的時候,可能會產生焦慮情緒與選擇困難的情況。

從業務層面來講:

B端用戶(各招聘企業):詳情頁能夠提升自己的品牌形象,提高對求職者的吸引力;C端用戶(求職者):提高用戶的瀏覽效率,減輕閱讀成本,提高轉化效率

以上,我們對於設計的方向與目標清晰明了了:用強邏輯、清晰化的信息展示,重用戶體驗方向的設計,提升頁面可讀性與實用性。

設計目標

因此,我們的詳情頁希望做到:簡單、快速、流暢

簡單:簡潔明了,對信息一目了然快速:福利與薪資等用戶較關注的核心信息,能夠一目了然的呈現,幫助用戶在選擇職位時能夠清晰對比,助其快速選擇流暢:操作簡便,流暢,在查看繁多的信息時,無需在操作方面進行過多的思考

職位詳情頁優化過程

體驗內容 打磨設計職位升級,一期啟用

在根據業務需求與頁面信息整理後,結合用戶類型及特點,整個頁面通過卡片的形式將內容區分開來,將信息的劃分更加清晰明確,從形式上為用戶將信息邏輯梳理開來。

一期的職位詳情頁如下:

一期改版頁面

綜合對比數據反饋,明確優化目標

在第一版上線過後,通過一個月的灰度測試,數據有了非常明顯的變化。

對比舊版詳情頁,三個核心轉化的指標均有較大的提升。

一期數據反饋

根據線上數據反饋,綜合對比功能可行性,深入分析了用戶的瀏覽軌跡與除將功能優化升級的同時,對於頁面整體的布局也進行了優化。

優化如下:

(1)在主要基礎職位信息區域將福利icon縮小

通過上線後的數據反饋,有很多企業的福利能夠到達十個,一期的icon會出現折行的情況(當時反饋十個icon同時出現的情況較少)。

(2)將次要功能弱化及歸納,為主要功能導流

一期的職位收藏功能在申請職位button旁,通過上線數據了解到,目前收藏功能位置較為核心,但用戶的使用率較低,因此將收藏、分享、舉報等次要功能統一歸納到了右上角部分。

主內容區優化

(3)優化地圖功能
將地圖功能與工作地址合併,並優化功能,可詳細顯示路線,並可將路線進行APP及微信引導,更加方便的為用戶提供路線服務。

地圖功能

(4)增加資訊(58便當)、職位問答及申請記錄功能

其中,申請記錄功能(即,用戶可查看此職位有多少人投遞及其投遞狀態)在新版中認為是非主要功能而去掉了。但根據數據反饋,考慮到用戶心理:對於投遞者較多的職位更加放心,認為此職位真實有效,因而用戶對此功能產生了依賴心理。

 上線頁面與設計稿的磨合發現問題,優化設計

在設計的過程中,通常會把頁面的各種狀態進行預想並輸出設計稿,以衡量設計是否可行。但是由於業務的複雜性,以及用戶填寫內容的機動性,仍有很多狀態無法預估到,部分上線頁面的部分狀態呈現效果差強人意。

因此,通過對灰度上線的頁面進行的走查,發現了一些在設計過程中的未預想到過的問題:

在設計中將每個模塊分為一個卡片,能夠使內容分割清晰明了。

但在上線頁面中,有許多公司填寫的職位描述與公司介紹非常短,導致此類別的卡片面積較小,在瀏覽的過程中,卡片反而喧賓奪主,分割感阻斷用戶的流暢閱讀。因此對於此部分進行設計嘗試,優化頁面。

對於使用白底平鋪還是色塊分割進行了再次嘗試。

橫向對比招聘與其他業務線的詳情頁,如房產,招聘與其有較大區別。招聘的詳情頁以文字信息為主圖片為輔,欄位的長短無法控制,如用平鋪形式則使信息呈現較為分散、混亂,無法很好的區分出信息的類別區域;而房產和二手車的詳情頁以圖為主字為輔,塊面感很強,大部分的圖能夠自發劃分出區域。

白底平鋪樣式

因而在優化版面形式上,依舊延用了卡片式。但是將信息類別進行劃分,同類別的信息在一卡片中,用間隔及與平臺規範相符的button作為分割,這樣的信息呈現則更加流暢。

優化效果示意圖

目前二期頁面剛上線,部分功能還在開發過程中,還未有數據反饋,我們會持續跟進頁面效果。

二期優化樣式

結語

職位詳情頁的改版優化還在繼續,職位升級是我們為提升用戶體驗做出的一小步,深入用戶是我們要持續長久做下去的事,作為能夠幫助無數藍領找到合適工作的我們,期望能夠讓所有複雜的內容簡單化,讓體驗更加的簡便實用,給予用戶最佳的感受。我們會持續根據用戶反饋,數據反饋及我們的設計師的專業技能,不斷的打造出用戶體驗越來越好的產品。

感謝所有參與過這個項目的小夥伴們~

 

作者:溫磊,UI設計師

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

收藏已收藏 | {{ postmeta.bookmark }} 點讚已贊 | {{ postmeta.postlike }}

相關焦點

  • 蜜蜂遊官方網站成功升級上線
    2015年6月1日,由蜜蜂遊技術部和相關部門聯合進行升級改版的蜜蜂遊官方網站(www.mifengyou.com)正式上線運行。蜜蜂遊作為國內首家生態遊在線預訂旅遊平臺,此次改版升級對網站的UI界面、功能設計、服務內容等都作了較大調整。
  • 設計沉思錄|58城市合伙人全新體驗設計升級
    合伙人可在任務大廳領取任務,分享至自己的微信朋友圈或微信群聊,好友點擊服務詳情,產生流量、電話或添加微信效果,均可以獲取收益。通過產品經理定義和線下市場人員反饋,以及現有58城市合伙人百萬數據統計分析所得,我們的目標用戶主要分成下面4類人:在職青年、大爺大媽、家庭主婦和在校學生。
  • 《DNF》超界裝備升級改版
    18183首頁 時空 《DNF》超界裝備升級改版 《DNF》超界裝備升級改版 來源:網絡 作者:阿姆斯特朗雷
  • 百度hao123首頁全面改版:探索PC端用戶分層需求
    然而這裡所說的「市場」卻並不是空間概念,而是特指用戶人群的劃分,是「數據」的基礎和源頭。  近日,國內知名網址導航平臺和內容分享平臺——百度hao123完成了PC端首頁的改版。這次改版主要基於百度hao123用戶的分層需求的數據研究,力求高效滿足hao123新老用戶的使用體驗!
  • 58同城寵物消保靠譜「升級」 線上寵物交易進入透明時代
    日前,為慶祝其寵物消費保障計劃上線一周年,國內知名生活服務類平臺58同城推出為期一個月的「寵物保障計劃周年慶」活動。活動期間,58同城聯合7家誠信犬舍,為交易成功的愛寵用戶提供豐厚禮品;平臺用戶微博、微信分享活動信息即有機會獲得大獎。
  • 58同城啟動名企直聘 精準匹配藍領市場用工需求
    為了配合這一求職高峰期,58同城將在2月13日正式啟動活動,以海量優質崗位、開工現金紅包、智能求職助手,為藍領們帶來優質求職服務體驗,全方位滿足藍領市場年後用工需求。  據介紹,圍繞活動,58同城共召集全國各地約1.5萬家知名企業提供精選崗位,為不同求職者提供豐富的職位選擇。
  • 2019宿州市埇橋區事業單位招聘職位表 職位表下載
    安徽事業單位招聘網同步安徽人事考試網考試動態信息:2019宿州市埇橋區事業單位招聘職位表 職位表下載。 2019宿州市埇橋區事業單位招聘職位表 職位表下載   2019宿州埇橋區事業單位考試職位查詢:http://ah.huatu.com/zt/syzwb/   《2019年度宿州市埇橋區公開招聘事業單位人員崗位表》   二、招聘計劃、公告   2019年度宿州市埇橋區事業單位公開招聘
  • 寶寶知道App7.0版精彩上線,母嬰內容和服務平臺再升級
    本次全新升級的寶寶知道App,上線了超級萌美的圖片和視頻編輯功能,輕鬆滿足炫娃狂魔母親們的需求,包括貼紙、濾鏡、美顏、剪裁等近百種效果,讓媽媽們任意裝扮美好的親子時光。不同於其他母嬰App,使用寶寶知道7.0版,可以直接調用貼紙、濾鏡、美圖等效果編輯圖片和視頻,省去了用戶先使用其他美圖工具編輯存儲,再上傳到平臺的繁瑣操作,對於愛曬愛分享的媽媽群體,無疑是一項超級福利。
  • 廣東選調生職位查詢_廣東選調生專題網站
    廣東選調生考試網提供以下選調生考試信息信息:廣東選調生職位查詢_廣東選調生專題網站,更多關於廣東選調生考試時間,廣東選調生報名入口,選調生考試信息的內容,請關注廣東選調生考試網/廣東人事考試網!   2021廣東選調生考試公告已公布!
  • DNF 魔能石改版:升級貪食只要100個,黑商虧出翔
    DNF地下城與勇士本次國慶改版,團本減負消息放出後,貪食升級無盡只要5個紅豆,巨魂傳說可升級貪食……這樣頂級首飾完全可以直接做出來,這樣一來裝備直接從無人問津的過期裝備,一躍成為可以畢業的胚子裝備,最重要的事升級材料紅豆減半。
  • 韓國公司職位等級排名
    看韓劇的時候我們經常能看到這些職位:會長、社長、部長、室長、科長……那麼你知道這些職位誰高誰低嗎? 今天就一起來捋一捋這些職位的高低吧! 首先來看中韓對照職位名稱: 社員 主任 代理 科長 次長 部長 組長 室長 會長 社長 專務 實習生
  • 廣東選調生職位表2020_廣東人事考試官網
    廣東選調生考試網提供以下選調生考試信息信息:廣東選調生職位表2020_廣東人事考試官網,更多關於廣東選調生考試職位表,選調生考試信息的內容,請關注廣東選調生考試網/廣東人事考試網!
  • 蘭州事業單位招聘2021職位表在哪查-事業編報名時間出了嗎
    蘭州事業單位招聘2021職位表在哪查-事業編報名時間出了嗎 蘭州事業單位招聘2021職位表在哪查-事業編報名時間出了嗎?各位考生注意了!
  • 健康貓APP 3.0大改版上線 新用戶下載即送大禮包
    據悉,已有23萬+專業體育人才入駐,千萬級註冊會員使用的運動健康類APP——健康貓,於10月26日進行了3.0大改版。在改版中,健康貓APP為用戶帶來了「健康貓達人」專屬身份、升級版社群功能「喵村」、首頁「全局搜索」與「掃一掃」功能,更加簡潔美觀的UI設計等,志在為用戶帶來更有趣、流暢的體驗。為幫助新用戶迅速上手新功能,健康貓還將對每位新註冊用戶送出330元的大禮包。
  • 2019年上海公務員考試網職位表:1213個職位計劃錄用3123人
    廣東人事考試網同步上海公務員考試網信息:2019年上海公務員考試網職位表:1213個職位計劃錄用3123人,更多關於上海公務員考試職位表,2019年上海公務員考試網,上海公務員局的信息,請關注人事信息考試網/廣東人事考試網。
  • 大專學歷如何從2020國考職位表中篩選能報考的職位_國家公務員局網
    有不少大專學歷的考生想報名參加國家公務員考試,但不知道大專學歷怎麼從2020國家公務員考試職位表中篩選可以報考的職位?以下是圖圖為你進行詳細解答,這答案希望對你有所幫助:   問:大專學歷如何從2020國考職位表中篩選能報考的職位?
  • 果殼網11個正式&實習職位等你來!
    所以實習生也不夠吃了)。如果Ta成功獲得職位,日曆娘會拜託Ta送你一套《物種日曆2019》禮盒喲!1.本科或研究生在讀(大四或研二最好啦),確保每周至少三個工作日坐班,坐標北京大望路附近;1.參與果殼商店商品拍攝,並負責商品照片的後期處理;2.配合產品經理及設計師的需求,負責商品詳情頁的設計和製圖;1.本科或研究生在讀(大四或研二最好啦),確保每周至少三個工作日坐班,坐標北京大望路附近;2.
  • 《荒野行動》怎麼升級 經驗快速升級攻略
    導 讀 荒野行動角色現在可以升級了,通過升級我們可以獲得鑽石和一些外觀道具,下面小編為大家介紹一下經驗獲取的途徑。
  • 武器升級二次改版,畢業武器如何選?
    這裡咱們從武器升級的角度來看,改版之後的最佳受益者是誰,各職業的畢業武器又該如何選擇呢? 改版後的武器屬性變化 可見,升級之後的屬性是一樣的,前一次的改版中神之意象只可以 升級為30%詞條或2級覺醒,很多人都說神巨倒了,但現在,神之意象相當於憑空多了16%詞條,無異於一個巨大提升!
  • 職位分析|同為招考大戶,國考報海關和稅務哪個更好?
    海關和稅務作為每年國考的兩大招錄系統,一直是眾多考生的選擇,今年除了招錄第二的消防系統,稅務和海關共招錄16480人,佔總招錄人數的64%,其中招錄榜首稅務系統招錄人數接近1.5萬人,佔總招錄人數的58%,其中4042個職位招錄的都是2021應屆畢業生,共招錄8539人,這對今年應屆生的小夥伴很是友好哦!