設(shè)計(jì)沉思錄:B端簡(jiǎn)歷樣式改版總結(jié)

1 評(píng)論 17778 瀏覽 72 收藏 8 分鐘

偷聽兩個(gè)HR妹子私聊引發(fā)的設(shè)計(jì)Case。

改版背景

中華英才網(wǎng)作為白領(lǐng)招聘方面的先驅(qū)者,對(duì)建立完備的簡(jiǎn)歷庫是很重視的,而英才的簡(jiǎn)歷作為其招聘業(yè)務(wù)的主要吸引點(diǎn),一直是我們主要在挖掘的東西,對(duì)B端用戶來講,其中主要包括簡(jiǎn)歷的質(zhì)量、簡(jiǎn)歷詳情頁的設(shè)計(jì)樣式。

從設(shè)計(jì)的角度來講,簡(jiǎn)歷的樣式以及用戶體驗(yàn)是我們需要著重去考慮的,由于目前B端、C端的簡(jiǎn)歷詳情頁樣式是一致的,且從拓展性上來講,目前的布局略顯不足,基于此,我們對(duì)B端簡(jiǎn)歷樣式進(jìn)行了改版。

舊版b端簡(jiǎn)歷詳情頁樣式

舊版問題

  • 頁面布局的問題導(dǎo)致操作區(qū)域不利于拓展;
  • 簡(jiǎn)歷信息展示以及區(qū)分不明確,內(nèi)容區(qū)文字顏色單一;
  • 部分內(nèi)容展示不合理(如標(biāo)簽部分,作為可操作的區(qū)域,卻放在以查看為主的簡(jiǎn)歷內(nèi)容區(qū),并且位置太過靠后,容易被忽視)。

用戶及需求分析

在改版之前,我們要明確幾個(gè)問題:我們的用戶是誰?用戶的主要訴求是什么?我們能帶給用戶什么?改版后希望能夠達(dá)成什么目標(biāo),從而在業(yè)務(wù)層面和邏輯層面進(jìn)行分析。

用戶分析

通過對(duì)用戶群體的分析和業(yè)務(wù)需求的了解,我們能夠了解到,由于是面向B端的簡(jiǎn)歷詳情頁用戶大多都是企業(yè)的HR,而目前企業(yè)HR的主要工作就是為所在企業(yè)提供人力資源方面的配給和征召,通俗來講,我們的用戶——企業(yè)HR與中華英才網(wǎng)的直接接觸就是去查看各種簡(jiǎn)歷,而通過和部分HR溝通,我們發(fā)現(xiàn),目前他們的剛需是在每天大量的查閱簡(jiǎn)歷的過程中,盡可能快地獲取所需要的投遞者的簡(jiǎn)歷信息,快速地知悉該簡(jiǎn)歷是否符合所招的職位要求。

回溯之前一次偶然的親身經(jīng)歷,某次在坐地鐵歸家途中,身邊站著兩位貌似企業(yè)HR的妹子,就在我身邊大吐各大招聘企業(yè)的B端簡(jiǎn)歷瀏覽與操作中的槽點(diǎn),其中談?wù)撟疃嗟囊稽c(diǎn)就是不夠方便快捷,當(dāng)企業(yè)HR進(jìn)行招聘任務(wù)操作時(shí),每天要瀏覽大量的簡(jiǎn)歷,他們希望在一屏內(nèi)能夠看到更多的信息,能夠讓她們?cè)谧羁斓臅r(shí)間內(nèi)對(duì)簡(jiǎn)歷做出判斷,在談?wù)摯耸碌倪^程中,他們還不時(shí)地發(fā)出贊嘆和埋怨,這是一次完全偶然的路人對(duì)話,以此管中窺豹,讓我更貼近了用戶的需求,設(shè)計(jì)上也能直擊用戶的痛點(diǎn)。

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

制定并達(dá)成設(shè)計(jì)目標(biāo)

通過對(duì)用戶需求的分析以及舊版的不足,我們制定出三個(gè)設(shè)計(jì)目標(biāo)并總結(jié)為三個(gè)詞:快速、清晰、延展性,現(xiàn)在具體分析一下這個(gè)三個(gè)詞。

  • 快速:企業(yè)HR在使用過程中能夠快速的查閱一份簡(jiǎn)歷中有用的信息,并快速完成后續(xù)操作;
  • 清晰:整體頁面的內(nèi)容以及功能展示清晰明了;
  • 延展性:合理分布內(nèi)容展示區(qū)域,擴(kuò)大內(nèi)容展示以及設(shè)計(jì)上的可延展性。

其實(shí)以上這三點(diǎn)都是互相結(jié)合缺一不可的。

布局結(jié)構(gòu)圖對(duì)比

通過明確的區(qū)塊化來使內(nèi)容區(qū)域更加清晰,頭像及主要個(gè)人信息區(qū)域采取左右布局,比之前采用的上下布局要節(jié)省一些空間,能讓用戶在首屏內(nèi)看到盡可能更多的內(nèi)容。簡(jiǎn)歷信息內(nèi)的各項(xiàng)內(nèi)容標(biāo)題用不同顏色的區(qū)別來著重突出,使得內(nèi)容之間的區(qū)隔明確。所有內(nèi)容的標(biāo)題文字顏色弱于內(nèi)容的文字顏色(如:求職意向內(nèi)、教育經(jīng)歷),著重突出內(nèi)容,每行內(nèi)容之間的間距縮小,通過這樣的設(shè)計(jì)手法來引導(dǎo)HR能夠更快地看到主要內(nèi)容。

新版B端簡(jiǎn)歷詳情頁頭部區(qū)域

由于用戶在填寫簡(jiǎn)歷時(shí)的自由度較高,除必填選項(xiàng)外,其他非必填選項(xiàng)實(shí)際的填寫變化會(huì)比較大,那么頁面的布局將受到較大影響,分清區(qū)域以及主次信息的擺放能在一定程度上降低頁面的跳躍感。

將簡(jiǎn)歷操作區(qū)域從舊版的始終懸浮在屏幕下方的條狀操作按鈕區(qū),改變?yōu)槭冀K懸浮在屏幕右側(cè)作為專門的懸浮操作區(qū)域,將標(biāo)簽等對(duì)簡(jiǎn)歷的操作內(nèi)容統(tǒng)一集合在一處,便于用戶直接看到與操作,從布局和使用習(xí)慣上來講,這樣也會(huì)提高用戶的使用效率,并且使整體頁面操作的可延展性擴(kuò)大。新增測(cè)評(píng)報(bào)告內(nèi)容,加入可切換的TAB區(qū)便于主體內(nèi)容的切換和延展。

新版B端簡(jiǎn)歷詳情頁_簡(jiǎn)歷信息區(qū)域

B端簡(jiǎn)歷詳情頁底部區(qū)域

結(jié)語

目前改版還在不斷探索新的思路并進(jìn)行更深入的用戶分析,當(dāng)然還存在一定的問題,例如,簡(jiǎn)歷內(nèi)容區(qū)域的信息還可以繼續(xù)整合,在用戶簡(jiǎn)歷填寫較少時(shí)會(huì)顯得頁面左重右輕,這些都是需要和產(chǎn)品以及交互同學(xué)再次溝通且不斷探索的,B端簡(jiǎn)歷詳情頁的改版只是我們不斷探索完善的一小部分;解決痛點(diǎn)是我們一直要堅(jiān)持的事,期望通過我們不斷的探索和持續(xù)優(yōu)化,讓體驗(yàn)變得更加便捷,能夠幫助求職者找到心儀的工作,幫助企業(yè)找到適合的員工是我們最終的使命。

在此也感謝所有為項(xiàng)目付出的同學(xué)們~

 

作者:周奕鳴。視覺設(shè)計(jì)師

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

題圖來自Pixabay,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!