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

01 當前背景

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

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

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

02 問題梳理

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

1. 設計風格未跟上用戶結構的變化

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

2. 信息重復、易讀性差

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

3. 模塊層級不明確

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

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

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

03 設計產出

1. 視覺風格升級

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

2. 模塊化分層

頁面內容明確模塊化劃分，內容上合并同類項，減去重復信息。

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

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

3. 聚焦內容、功能提效

整合職位信息中重復且難懂的標簽，簡化標簽樣式和用詞，突出不同類別的標簽樣式，便于用戶去理解分辨。

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

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

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

4. 增添趣味性

適當?shù)脑陧撁鎯戎匾牡胤郊尤胍恍┪有?，可以吸引求職者的目光，增長停留時間，也能過讓頁面更具有活力感。

04 項目總結

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

進一步明確信息分層的重要性，讓求職者在獲取信息時能有更明確的主次之分，聚焦重點信息、合并同類項、去掉重復信息，加強整體頁面的易讀性。

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

為了更好的體驗我們還可以做：

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

作者：周奕鳴、王書偉

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@周奕鳴、王書偉

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