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

改版配景

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

舊版職位詳情頁

分析用戶 定義詳情

在設(shè)計之初，我們需提出幾個問題，來確定改版的標(biāo)的目的和目標(biāo)。用戶是誰？用戶想要什么？改版希望達(dá)到怎樣的目的？從業(yè)務(wù)層面來講，希望達(dá)到怎樣的效果？

用戶分析

通過對用戶的分析及對業(yè)務(wù)需求的了解，用戶大概歸類為兩種訴求身份，即，用戶是藍(lán)領(lǐng)的同時還是求職者。

藍(lán)領(lǐng)：是指為城市日常運轉(zhuǎn)貢獻(xiàn)力量的基層工作者，包孕銷售、保安、美容美發(fā)師、快遞員等職業(yè)人群，遍及來講文化程度較低，對信息的接收能力相對較弱；求職者：需考慮其心理狀態(tài)和求職場景。求職者在面對眾多職位信息的時候，可能會產(chǎn)生焦慮情緒與選擇困難的情況。

從業(yè)務(wù)層面來講：

B端用戶（各招聘企業(yè)）：詳情頁能夠提升本身的品牌形象，提高對求職者的吸引力；C端用戶（求職者）：提高用戶的瀏覽效率，減輕閱讀成本，提高轉(zhuǎn)化效率。

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

設(shè)計目標(biāo)

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

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

職位詳情頁優(yōu)化過程

體驗內(nèi)容 打磨設(shè)計職位升級，一期啟用

在按照業(yè)務(wù)需求與頁面信息整理后，結(jié)合用戶類型及特點，整個頁面通過卡片的形式將內(nèi)容區(qū)分開來，將信息的劃分更加清晰明確，從形式上為用戶將信息邏輯梳理開來。

一期的職位詳情頁如下：

一期改版頁面

綜合對比數(shù)據(jù)反饋，明確優(yōu)化目標(biāo)

在第一版上線過后，通過一個月的灰度測試，數(shù)據(jù)有了非常明顯的變革。

對比舊版詳情頁，三個核心轉(zhuǎn)化的指標(biāo)均有較大的提升。

一期數(shù)據(jù)反饋

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

優(yōu)化如下：

（1）在主要基礎(chǔ)職位信息區(qū)域?qū)⒏＠鹖con縮小

通過上線后的數(shù)據(jù)反饋，有很多企業(yè)的福利能夠到達(dá)十個，一期的icon會出現(xiàn)折行的情況（當(dāng)時反饋十個icon同時出現(xiàn)的情況較少）。

（2）將次要功能弱化及歸納，為主要功能導(dǎo)流

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

主內(nèi)容區(qū)優(yōu)化

（3）優(yōu)化地圖功能將地圖功能與工作地址合并，并優(yōu)化功能，可詳細(xì)顯示路線，并可將路線進行APP及微信引導(dǎo)，更加便利的為用戶提供路線辦事。

地圖功能

（4）增加資訊（58方便）、職位問答及申請記錄功能

標(biāo)簽：九江 林芝 烏魯木齊 東營 鹽城