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

改版背景

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

舊版職位詳情頁(yè)

分析用戶(hù) 定義詳情

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

用戶(hù)分析

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

藍(lán)領(lǐng)：是指為城市日常運(yùn)轉(zhuǎn)貢獻(xiàn)力量的基層工作者，包括銷(xiāo)售、保安、美容美發(fā)師、快遞員等職業(yè)人群，普遍來(lái)講文化程度較低，對(duì)信息的接收能力相對(duì)較弱;

求職者：需考慮其心理狀態(tài)和求職場(chǎng)景。求職者在面對(duì)眾多職位信息的時(shí)候，可能會(huì)產(chǎn)生焦慮情緒與選擇困難的情況。

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

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

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

以上，我們對(duì)于設(shè)計(jì)的方向與目標(biāo)清晰明了了：用強(qiáng)邏輯、清晰化的信息展示，重用戶(hù)體驗(yàn)方向的設(shè)計(jì)，提升頁(yè)面可讀性與實(shí)用性。

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

因此，我們的詳情頁(yè)希望做到：簡(jiǎn)單、快速、流暢

簡(jiǎn)單：簡(jiǎn)潔明了，對(duì)信息一目了然

快速：福利與薪資等用戶(hù)較關(guān)注的核心信息，能夠一目了然的呈現(xiàn)，幫助用戶(hù)在選擇職位時(shí)能夠清晰對(duì)比，助其快速選擇

流暢：操作簡(jiǎn)便，流暢，在查看繁多的信息時(shí)，無(wú)需在操作方面進(jìn)行過(guò)多的思考

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

體驗(yàn)內(nèi)容 打磨設(shè)計(jì)

職位升級(jí)，一期啟用

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

一期的職位詳情頁(yè)如下：

一期改版頁(yè)面

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

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

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

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

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

優(yōu)化如下：

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

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

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

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

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

(3)優(yōu)化地圖功能

將地圖功能與工作地址合并，并優(yōu)化功能，可詳細(xì)顯示路線，并可將路線進(jìn)行APP及微信引導(dǎo)，更加方便的為用戶(hù)提供路線服務(wù)。

地圖功能

(4)增加資訊(58便當(dāng))、職位問(wèn)答及申請(qǐng)記錄功能

其中，申請(qǐng)記錄功能(即，用戶(hù)可查看此職位有多少人投遞及其投遞狀態(tài))在新版中認(rèn)為是非主要功能而去掉了。但根據(jù)數(shù)據(jù)反饋，考慮到用戶(hù)心理：對(duì)于投遞者較多的職位更加放心，認(rèn)為此職位真實(shí)有效，因而用戶(hù)對(duì)此功能產(chǎn)生了依賴(lài)心理。

上線頁(yè)面與設(shè)計(jì)稿的磨合

發(fā)現(xiàn)問(wèn)題，優(yōu)化設(shè)計(jì)

在設(shè)計(jì)的過(guò)程中，通常會(huì)把頁(yè)面的各種狀態(tài)進(jìn)行預(yù)想并輸出設(shè)計(jì)稿，以衡量設(shè)計(jì)是否可行。但是由于業(yè)務(wù)的復(fù)雜性，以及用戶(hù)填寫(xiě)內(nèi)容的機(jī)動(dòng)性，仍有很多狀態(tài)無(wú)法預(yù)估到，部分上線頁(yè)面的部分狀態(tài)呈現(xiàn)效果差強(qiáng)人意。

因此，通過(guò)對(duì)灰度上線的頁(yè)面進(jìn)行的走查，發(fā)現(xiàn)了一些在設(shè)計(jì)過(guò)程中的未預(yù)想到過(guò)的問(wèn)題：

在設(shè)計(jì)中將每個(gè)模塊分為一個(gè)卡片，能夠使內(nèi)容分割清晰明了。

但在上線頁(yè)面中，有許多公司填寫(xiě)的職位描述與公司介紹非常短，導(dǎo)致此類(lèi)別的卡片面積較小，在瀏覽的過(guò)程中，卡片反而喧賓奪主，分割感阻斷用戶(hù)的流暢閱讀。因此對(duì)于此部分進(jìn)行設(shè)計(jì)嘗試，優(yōu)化頁(yè)面。

對(duì)于使用白底平鋪還是色塊分割進(jìn)行了再次嘗試。

橫向?qū)Ρ日衅概c其他業(yè)務(wù)線的詳情頁(yè)，如房產(chǎn)，招聘與其有較大區(qū)別。招聘的詳情頁(yè)以文字信息為主圖片為輔，字段的長(zhǎng)短無(wú)法控制，如用平鋪形式則使信息呈現(xiàn)較為分散、混亂，無(wú)法很好的區(qū)分出信息的類(lèi)別區(qū)域;而房產(chǎn)和二手車(chē)的詳情頁(yè)以圖為主字為輔，塊面感很強(qiáng)，大部分的圖能夠自發(fā)劃分出區(qū)域。

白底平鋪樣式

因而在優(yōu)化版面形式上，依舊延用了卡片式。但是將信息類(lèi)別進(jìn)行劃分，同類(lèi)別的信息在一卡片中，用間隔及與平臺(tái)規(guī)范相符的button作為分割，這樣的信息呈現(xiàn)則更加流暢。

優(yōu)化效果示意圖

目前二期頁(yè)面剛上線，部分功能還在開(kāi)發(fā)過(guò)程中，還未有數(shù)據(jù)反饋，我們會(huì)持續(xù)跟進(jìn)頁(yè)面效果。

二期優(yōu)化樣式

結(jié)語(yǔ)

職位詳情頁(yè)的改版優(yōu)化還在繼續(xù)，職位升級(jí)是我們?yōu)樘嵘脩?hù)體驗(yàn)做出的一小步，深入用戶(hù)是我們要持續(xù)長(zhǎng)久做下去的事，作為能夠幫助無(wú)數(shù)藍(lán)領(lǐng)找到合適工作的我們，期望能夠讓所有復(fù)雜的內(nèi)容簡(jiǎn)單化，讓體驗(yàn)更加的簡(jiǎn)便實(shí)用，給予用戶(hù)好的感受。我們會(huì)持續(xù)根據(jù)用戶(hù)反饋，數(shù)據(jù)反饋及我們的設(shè)計(jì)師的專(zhuān)業(yè)技能，不斷的打造出用戶(hù)體驗(yàn)越來(lái)越好的產(chǎn)品。

新聞標(biāo)題：58PC職位詳情頁(yè)改版設(shè)計(jì)
轉(zhuǎn)載來(lái)于：http://jinyejixie.com/news/162426.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、ChatGPT、商城網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣、企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)