只有更好的了解哪些東西影響著你的用戶和產(chǎn)品，才能更好的做設(shè)計(jì)。

項(xiàng)目背景

招才貓直聘依托于58趕集集團(tuán)，擁有大量的企業(yè)信息和簡歷基礎(chǔ)。根據(jù)招才貓直聘發(fā)布功能最新日?qǐng)?bào)數(shù)據(jù)顯示，在招才貓海量的職位環(huán)境中，日活中擁有“有效職位”的用戶約42~44萬，其“有效職位”占比高達(dá)90%以上。

然而，用戶登錄當(dāng)天獲得招聘效果的數(shù)據(jù)并沒有達(dá)到我們的預(yù)期，其占比不足50%，二者相差甚遠(yuǎn)…

產(chǎn)品目標(biāo)

針對(duì)這一問題，我們對(duì)產(chǎn)品的相關(guān)功能進(jìn)行優(yōu)化，以期“對(duì)需求期內(nèi)的用戶，最大程度的提升招聘效果”

設(shè)計(jì)思考

當(dāng)前，對(duì)招聘效果有直接影響的職位管理功能，在界面布局、信息結(jié)構(gòu)和用戶體驗(yàn)等方面都有一定的局限性，不能更好的拓展這部分的需求，所以我們需要在產(chǎn)品功能和視覺表現(xiàn)上做出改進(jìn)，尋找一個(gè)突破點(diǎn)。

職位管理優(yōu)化前頁面

設(shè)計(jì)執(zhí)行

產(chǎn)品框架層

根據(jù)用戶日活行為分析發(fā)現(xiàn)，在職位管理中，最影響招聘效果的兩個(gè)行為分別是企業(yè)認(rèn)證和企業(yè)競爭力的提升。我們拆解兩個(gè)行為的核心功能，理解提升的每一步轉(zhuǎn)化，有助于產(chǎn)品更好的沉淀于視覺層。

產(chǎn)品拆解圖

視覺表現(xiàn)層

迄今為止，我們對(duì)職位管理頁面進(jìn)行了兩期優(yōu)化：

• 一期：快速開啟提升與認(rèn)證兩個(gè)功能屬性的入口
• 二期：在滿足基礎(chǔ)功能上強(qiáng)化有效視野

優(yōu)化交互圖

一期視覺呈現(xiàn)

根據(jù)用戶關(guān)注的信息優(yōu)先級(jí)，功能模塊的位置是我們比較重視的。設(shè)計(jì)在導(dǎo)航區(qū)域以列表形式，用最基礎(chǔ)的視覺元素，快速開啟了提升與認(rèn)證兩個(gè)功能屬性的入口。以便高效、快捷的培養(yǎng)用戶進(jìn)行功能更操作的意識(shí)。

一期的3個(gè)入口圖

一期上線后，鑒于業(yè)內(nèi)對(duì)移動(dòng)招聘平臺(tái)信息質(zhì)量、審核機(jī)制越來越多的關(guān)注。招才貓直聘基于不斷優(yōu)化策略，對(duì)職位管理功能進(jìn)行了優(yōu)化升級(jí)，也就是二期優(yōu)化。

二期視覺呈現(xiàn)

這一次我們加大了視覺表現(xiàn)力，著力點(diǎn)放在怎么吸引和引導(dǎo)用戶進(jìn)行功能操作。

視覺基調(diào)

界面的整體設(shè)計(jì)，依舊以招才貓品牌色為基調(diào)，融入一些漸變的色度，突出重點(diǎn)。背景延用深灰色的輔助色彩，這樣從視覺和操作流程上，很好的保持了產(chǎn)品的一致性。

招才貓色彩

頁面布局

布局上，最大的變化就是強(qiáng)化有效視野，拉開模塊之間的視覺關(guān)系?；诳焖僖龑?dǎo)的目的，入口功能延續(xù)了一期的位置，但空間上拉開了差距，來傳達(dá)功能的重要性。

大小對(duì)比

表現(xiàn)形式

在確定了色彩與布局后，就需要考慮提升和認(rèn)證兩個(gè)功能的表現(xiàn)形式。我們知道，圖形比文字、動(dòng)態(tài)比靜態(tài)更能吸引和引導(dǎo)用戶，所以我們廣泛收集一些能刺激用戶感官的元素。

各種方案

最終方案GIF圖

評(píng)估分值的樣式在界面設(shè)計(jì)中，有很強(qiáng)的“聚焦”和“強(qiáng)引導(dǎo)”作用，用戶對(duì)高分值的追逐，增強(qiáng)點(diǎn)擊企業(yè)認(rèn)證和企業(yè)競爭力提升的操作，從而提升招聘效果。

細(xì)節(jié)處理

實(shí)時(shí)數(shù)據(jù)反饋，在數(shù)字的處理上，采用了德國工業(yè)標(biāo)準(zhǔn)的字體【DIN】，有專業(yè)感且表現(xiàn)力強(qiáng)。定制優(yōu)化方案，增加一些引導(dǎo)用戶操作的微文案，人性化表達(dá)產(chǎn)品需求同時(shí)，進(jìn)一步引導(dǎo)用戶去認(rèn)證和提升（上架/置頂/刷新等) ，輕量化操作。

最終視覺方案

當(dāng)然，在認(rèn)證方面，不只是職位管理功能，我們?cè)谄渌鱾€(gè)入口也進(jìn)行了強(qiáng)引導(dǎo)，加強(qiáng)升審核機(jī)制，保證信息質(zhì)，這也是58一直很關(guān)注的。

招聘效果日?qǐng)?bào)

用戶進(jìn)行了提升，有沒有起到效果，需要到招聘效果日?qǐng)?bào)中來查看。通過給用戶提供招聘效果的核心數(shù)據(jù)，讓用戶了解自身各職位在本地同行中的水平，根據(jù)不同的商業(yè)狀態(tài)，進(jìn)一步引導(dǎo)。日?qǐng)?bào)在表現(xiàn)上延續(xù)競爭力的風(fēng)格，圖表以清晰明確為主，點(diǎn)線面結(jié)合，展示競爭力的核心數(shù)據(jù)。

效果日?qǐng)?bào)

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

數(shù)據(jù)反饋圖

職位管理功能二期優(yōu)化上線后，數(shù)據(jù)的反饋還是不錯(cuò)的。優(yōu)化功能日均使用人數(shù)2.3萬；使用功能當(dāng)日獲得招聘效果的用戶占比穩(wěn)定在70%以上；招聘效果達(dá)到預(yù)期并帶來商業(yè)轉(zhuǎn)化。

總結(jié)

作為招聘平臺(tái)，招才貓直聘越來越關(guān)注品質(zhì)的打磨。全局上，加大平臺(tái)審核監(jiān)管力度，保障信息質(zhì)量；核心上，提升企業(yè)招聘競爭力，保障招聘效果。只有更好的了解哪些東西影響著你的用戶和產(chǎn)品，才能更好的做設(shè)計(jì)。

作者：譚雪嬌，視覺設(shè)計(jì)師

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

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