編輯導(dǎo)讀：對(duì)于招聘求職平臺(tái)來說，職位詳情頁(yè)是求職者和招聘方之間一個(gè)承上啟下的重要鏈接。本文從使用場(chǎng)景出發(fā)，梳理了招職位聘詳情頁(yè)的改版設(shè)計(jì)流程，與大家分享。

01 當(dāng)前背景

突如其來的疫情，讓招聘市場(chǎng)風(fēng)云突變，部分中小企業(yè)不堪重負(fù)，求職者如過江之鯽。

在這個(gè)大背景下作為最大的招聘平臺(tái)之一，我們理應(yīng)在各方面都做出改變，去更好的幫招聘方找到合適的人才，助求職者找到滿意的工作，在全職招聘的基礎(chǔ)體驗(yàn)上進(jìn)一步切實(shí)的為用戶去考慮，本次詳情頁(yè)的改版也是我們從基礎(chǔ)體驗(yàn)做起為招聘方和求職者建立更好連接的一次嘗試。

職位詳情頁(yè)作為求職者/招聘方之間一個(gè)重要的鏈接，起到了展示招聘方訴求，求職者獲取信息、發(fā)起投遞，連接B/C的重要作用?？芍^是承上啟下的關(guān)鍵節(jié)點(diǎn)。

02 問題梳理

改版初期，針對(duì)舊版招聘職位詳情頁(yè)進(jìn)行了調(diào)研、體驗(yàn)，同時(shí)對(duì)關(guān)鍵流程進(jìn)行了數(shù)據(jù)分析，總結(jié)歸納出現(xiàn)有頁(yè)面存在的問題如下：

1. 設(shè)計(jì)風(fēng)格未跟上用戶結(jié)構(gòu)的變化

隨著求職市場(chǎng)的變化，通過對(duì)于用戶數(shù)據(jù)的調(diào)查分析以及用戶討論群里的年齡結(jié)構(gòu)對(duì)比，我們的求職者用戶群體的年紀(jì)也在日趨年輕化，年齡層次主要集中在21-30歲，所以體驗(yàn)的細(xì)節(jié)優(yōu)化和頁(yè)面上的年輕化也是勢(shì)在必行。

2. 信息重復(fù)、易讀性差

職位信息質(zhì)量也是一個(gè)反復(fù)被提及的問題，通過社交群組的方式和用戶深入的溝通后，我們了解到目前對(duì)于求職者來講求職企業(yè)地址、職位是否是代招的真實(shí)性是一個(gè)很大的困惑，這對(duì)于求職者發(fā)起投遞是一個(gè)很大的阻斷。

3. 模塊層級(jí)不明確

結(jié)合競(jìng)品我們也發(fā)現(xiàn)從內(nèi)容模塊和字段上略顯冗長(zhǎng)和復(fù)雜，頁(yè)面信息也由于后續(xù)產(chǎn)品隨意增加信息導(dǎo)致模塊化不夠強(qiáng)、結(jié)合舊版的埋點(diǎn)數(shù)據(jù)也監(jiān)測(cè)到用戶點(diǎn)擊的比例也能較為明確的知曉用戶關(guān)注的信息，從而也能明確信息的重要分層；

目前看來地圖模塊權(quán)重雖然較高在首屏露出但信息概念模糊，很多企業(yè)寫的地址并不是辦公地點(diǎn)。導(dǎo)致求職者直到面試后才遇到問題。

由此我們也提出了“年輕態(tài)，健康聘”的概念。并且明確我們的設(shè)計(jì)目標(biāo)-體現(xiàn)設(shè)計(jì)創(chuàng)新性、提升功能的易用性，由于用戶年齡結(jié)構(gòu)上的年輕化，我們從設(shè)計(jì)的風(fēng)格上也要體現(xiàn)出“年輕化”，并通過創(chuàng)新、分層、聚焦、提效這幾個(gè)關(guān)鍵詞去具體體現(xiàn)在我們?cè)O(shè)計(jì)上。

03 設(shè)計(jì)產(chǎn)出

1. 視覺風(fēng)格升級(jí)

首先在年輕化和視覺體驗(yàn)升級(jí)的探索上，我們搜集了許多年輕化的元素并嘗試了不同方案的探索，并對(duì)于一些既定的組建樣式進(jìn)行了調(diào)整，首先操作按鈕及頁(yè)面內(nèi)基礎(chǔ)圖形的圓角加大，降低尖銳的感覺，顯得更圓潤(rùn)。顏色上采用的新的品牌色，明度、純度更高，更符合現(xiàn)在的設(shè)計(jì)趨勢(shì)。

2. 模塊化分層

頁(yè)面內(nèi)容明確模塊化劃分，內(nèi)容上合并同類項(xiàng)，減去重復(fù)信息。

為了讓求職者能高效的獲取信息，我們將頁(yè)面信息分為職位信息、hr信息、企業(yè)信息、其他信息，分析分層提升易讀性，并突出hr信息，讓其的位置置前，讓求職者在首屏就能看到高頻露出，提升使用效率，刺激求職者發(fā)起聊天，從而促進(jìn)求職者和招聘方的聯(lián)系。

且針對(duì)不同情況在企業(yè)信息產(chǎn)出不同的樣式。并且為了滿足B端的述求，我們會(huì)對(duì)參與超職季等運(yùn)營(yíng)活動(dòng)的企業(yè)增添可配置的運(yùn)營(yíng)區(qū)域，體現(xiàn)出運(yùn)營(yíng)感和差異化。

3. 聚焦內(nèi)容、功能提效

整合職位信息中重復(fù)且難懂的標(biāo)簽，簡(jiǎn)化標(biāo)簽樣式和用詞，突出不同類別的標(biāo)簽樣式，便于用戶去理解分辨。

并將現(xiàn)版本的地圖樣式弱化，重點(diǎn)突出地址的信息。

且為了證實(shí)的驗(yàn)證，針對(duì)不同情況在企業(yè)信息產(chǎn)出不同的樣式，當(dāng)企業(yè)上傳了圖片、視頻、VR時(shí)，我們將進(jìn)一步弱化地圖模塊，著重突出圖片、視頻、VR這類的信息，讓求職者可以更好更真實(shí)的了解公司環(huán)境。并且由于這類信息只有少部分企業(yè)上傳，能夠更加突出上傳過的企業(yè)的真實(shí)性，從而讓求職者從心理上能感受到對(duì)企業(yè)的認(rèn)知感，提升求職者發(fā)起微聊或直接投遞的依據(jù)。

在職位信息區(qū)域通過氣泡的形式營(yíng)造出HR講述出來的感覺，更能加強(qiáng)HR發(fā)布的概念和提升真實(shí)的感受，然后搭配競(jìng)爭(zhēng)力分析的相關(guān)數(shù)據(jù)，能輔助求職者做出相應(yīng)的決策，從而促進(jìn)求職者發(fā)起和發(fā)布人的聊天去更能深入的了解職位，讓求職者更明確職位是否合適，從而發(fā)起投遞，讓招聘方能獲取更合適的人才。

4. 增添趣味性

適當(dāng)?shù)脑陧?yè)面內(nèi)重要的地方加入一些微動(dòng)效，可以吸引求職者的目光，增長(zhǎng)停留時(shí)間，也能過讓頁(yè)面更具有活力感。

04 項(xiàng)目總結(jié)

能夠在傾聽用戶真實(shí)的聲音之后結(jié)合數(shù)據(jù)落到實(shí)處，讓設(shè)計(jì)有據(jù)可依，并且盡力在招聘方/求職者兩端的用戶間做到協(xié)調(diào)。

進(jìn)一步明確信息分層的重要性，讓求職者在獲取信息時(shí)能有更明確的主次之分，聚焦重點(diǎn)信息、合并同類項(xiàng)、去掉重復(fù)信息，加強(qiáng)整體頁(yè)面的易讀性。

輔助求職者快速做出求職判斷。在方案的產(chǎn)出過程中高效、專業(yè)，也體現(xiàn)了創(chuàng)新、求變的述求，視覺表達(dá)也受到了產(chǎn)品團(tuán)隊(duì)的一致認(rèn)可，為后續(xù)合作時(shí)提升了設(shè)計(jì)在項(xiàng)目中的話語(yǔ)權(quán)，更為我們從設(shè)計(jì)角度去更好的推動(dòng)體驗(yàn)升級(jí)加了一把助力。

為了更好的體驗(yàn)我們還可以做：

• 競(jìng)爭(zhēng)力分析模塊可以結(jié)合真實(shí)數(shù)據(jù)，更利于求職者決策和看到效果。
• 企業(yè)視頻、VR模塊默認(rèn)可以進(jìn)行播放，體驗(yàn)會(huì)更好。
• 職位詳情的分層和展示還可更加清晰化，以及展開全部的交互體驗(yàn)探索

作者：周奕鳴、王書偉

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號(hào)@58UXD），作者@周奕鳴、王書偉

題圖來自Unsplash，基于CC0協(xié)議