58PC職位詳情頁改版設計

2022-06-01 分類：網站建設

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

改版背景

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

舊版職位詳情頁

分析用戶定義詳情

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

用戶分析

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

藍領：是指為城市日常運轉貢獻力量的基層工作者，包括銷售、保安、美容美發師、快遞員等職業人群，普遍來講文化程度較低，對信息的接收能力相對較弱;

求職者：需考慮其心理狀態和求職場景。求職者在面對眾多職位信息的時候，可能會產生焦慮情緒與選擇困難的情況。

從業務層面來講：

B端用戶(各招聘企業)：詳情頁能夠提升自己的品牌形象，提高對求職者的吸引力;

C端用戶(求職者)：提高用戶的瀏覽效率，減輕閱讀成本，提高轉化效率。

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

設計目標

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

簡單：簡潔明了，對信息一目了然

快速：福利與薪資等用戶較關注的核心信息，能夠一目了然的呈現，幫助用戶在選擇職位時能夠清晰對比，助其快速選擇

流暢：操作簡便，流暢，在查看繁多的信息時，無需在操作方面進行過多的思考

職位詳情頁優化過程

體驗內容打磨設計

職位升級，一期啟用

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

一期的職位詳情頁如下：

一期改版頁面

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

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

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

一期數據反饋

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

優化如下：

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

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

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

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

主內容區優化

(3)優化地圖功能

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

地圖功能

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

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

上線頁面與設計稿的磨合

發現問題，優化設計

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

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

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

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

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

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

白底平鋪樣式

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

優化效果示意圖

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

二期優化樣式

結語

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

新聞標題：58PC職位詳情頁改版設計
轉載來于：http://m.newbst.com/news26/162426.html

成都網站建設公司_創新互聯，為您提供小程序開發、移動網站建設、建站公司、網站營銷、企業建站、搜索引擎優化