深度拆解五大招聘APP的首頁(yè)設(shè)計(jì)

10 評(píng)論 13071 瀏覽 98 收藏 35 分鐘

對(duì)于求職者來(lái)說(shuō),招聘APP或招聘網(wǎng)站等渠道可以為其提供崗位信息的集合,是找工作過(guò)程中的有效渠道之一。那么這類網(wǎng)站或APP在信息呈現(xiàn)、產(chǎn)品外觀等維度上,是如何搭建各自的設(shè)計(jì)策略的?其產(chǎn)品設(shè)計(jì)又是否有可以優(yōu)化迭代的地方?本文作者便對(duì)招聘APP做了設(shè)計(jì)拆解,一起來(lái)看一下。

前言

YQ結(jié)束,市場(chǎng)逐漸復(fù)蘇,招聘行業(yè)也迎來(lái)了新的機(jī)會(huì),通過(guò)這段時(shí)間對(duì)招聘平臺(tái)的深入體驗(yàn)與了解,給本人帶來(lái)了很多精湛或糟糕的使用體驗(yàn),所以此次我對(duì)BOSS直聘、前程無(wú)憂、智聯(lián)招聘、獵聘與拉鉤招聘這五家招聘app的首頁(yè)功能進(jìn)行拆解與分析,讓大家更加了解招聘行業(yè)與其背后的設(shè)計(jì)邏輯,希望對(duì)大家有所幫助。

目錄:

1)閱讀須知

  1. 時(shí)長(zhǎng)說(shuō)明
  2. 觀點(diǎn)闡述
  3. 適合人群

2)行業(yè)介紹

  1. 招聘平臺(tái)定義
  2. 招聘平臺(tái)優(yōu)勢(shì)
  3. 盈利模式
  4. 排行圖譜
  5. 產(chǎn)品更新頻次與平臺(tái)slogon

3)首頁(yè)拆解

  1. 框架結(jié)構(gòu)分析
  2. 頂部操作區(qū)
  3. 運(yùn)營(yíng)區(qū)
  4. 內(nèi)容篩選區(qū)
  5. 職位內(nèi)容區(qū)

4)總結(jié)

一、閱讀須知

1. 時(shí)長(zhǎng)說(shuō)明

全文約8000+字,深度閱讀本文大約需要25-30分鐘。

2. 觀點(diǎn)闡述

本文所有觀點(diǎn)不代表公司,僅個(gè)人觀點(diǎn);本文中的所有觀點(diǎn)沒(méi)有任何產(chǎn)品偏向,僅站在一個(gè)用戶的角度來(lái)分析產(chǎn)品。

3. 適合人群

第一類:UI/UX體驗(yàn)設(shè)計(jì)師:跳出設(shè)計(jì)執(zhí)行層,去思考招聘產(chǎn)品背后的設(shè)計(jì)策略,提升產(chǎn)品設(shè)計(jì)分析能力;第二類:產(chǎn)品/運(yùn)營(yíng)經(jīng)理:通過(guò)全面的產(chǎn)品設(shè)計(jì)拆解、用戶邏輯分析,獲取產(chǎn)品設(shè)計(jì)參考;第三類:招聘行業(yè)從業(yè)者:通過(guò)首頁(yè)分析與拆解,獲取競(jìng)品邏輯參考。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

二、行業(yè)介紹

1. 招聘平臺(tái)定義

指運(yùn)用互聯(lián)網(wǎng)及相關(guān)技術(shù),幫助雇主和求職者完成招聘和求職的網(wǎng)絡(luò)站點(diǎn)。狹義的招聘網(wǎng)指以網(wǎng)絡(luò)為媒體的招聘廣告發(fā)布平臺(tái)及相關(guān)的人力資源服務(wù)系統(tǒng)。廣義的招聘網(wǎng)站指擁有招聘網(wǎng)站且網(wǎng)絡(luò)招聘營(yíng)收比重較高的公司。

提供網(wǎng)絡(luò)招聘服務(wù):指幫助雇主和求職者完成招聘和求職的過(guò)程中,招聘網(wǎng)站提供的互聯(lián)網(wǎng)平臺(tái)及相關(guān)技術(shù)手段。包括針對(duì)雇主的服務(wù)和針對(duì)求職者的服務(wù),如招聘信息發(fā)布、簡(jiǎn)歷下載、定制招聘專區(qū)、求職簡(jiǎn)歷生成、職位搜索、薪酬查詢等。

2. 招聘平臺(tái)優(yōu)勢(shì)

1)對(duì)企業(yè)

  1. 提高招聘效率;
  2. 改善招聘效果;
  3. 提高生產(chǎn)力;
  4. 提高響應(yīng)速度;
  5. 提高各部門合作度;
  6. 提供可持續(xù)作為后備的人才庫(kù)資料。

2)對(duì)求職者

快捷方便:對(duì)于求職者來(lái)說(shuō),只要在人才網(wǎng)站上登記了個(gè)人簡(jiǎn)歷,即可等候企業(yè)的招聘信息,如果上網(wǎng)方便還可以主動(dòng)出擊。

網(wǎng)絡(luò)招聘平臺(tái)不斷升級(jí)更新,快捷而富有效率,求職者通過(guò)招聘網(wǎng)站,可以不出家門就對(duì)工作的類別、地區(qū)和需求進(jìn)行全方位智能查詢,快速準(zhǔn)確地查詢到所需要的包括行業(yè)、職能、工作地點(diǎn)、工資等信息。工作職位分類清晰、針對(duì)性強(qiáng)。一些大的招聘網(wǎng)站,可以隨時(shí)查詢到數(shù)萬(wàn)條信息,而且每天更新職位,只要在家關(guān)注招聘網(wǎng)站就能第一時(shí)間掌握用人單位的需求。

機(jī)會(huì)多:網(wǎng)絡(luò)求職的一大特點(diǎn)是招聘信息量大,海量的職位庫(kù)中,求職者選擇適合職位的機(jī)會(huì)也就越大。

無(wú)限制:“傳統(tǒng)的招聘會(huì)不是每天都有,而且浪費(fèi)精力和金錢?!币幻舐氄咴诓稍L中這樣表示。相比其他招聘形式,網(wǎng)絡(luò)求職也沒(méi)有區(qū)域和時(shí)間的限制,能夠給個(gè)人創(chuàng)造更多的就業(yè)機(jī)會(huì)。對(duì)于異地求職者,這省卻了奔波于不同城市的煩惱;對(duì)于一般院校學(xué)生,因?yàn)椴灰子H臨知名企業(yè)校園招聘會(huì),但通過(guò)網(wǎng)絡(luò)就可以獲取與其它求職者同等競(jìng)爭(zhēng)的機(jī)會(huì)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

3. 盈利模式

目前國(guó)內(nèi)的互聯(lián)網(wǎng)招聘平臺(tái)可以分為三類:第一類是以智聯(lián)招聘、前程無(wú)憂為代表的綜合類招聘平臺(tái);第二類是以58趕集為代表的分類信息發(fā)布平臺(tái);第三類是以Boss直聘、獵聘網(wǎng)等為代表的垂直招聘平臺(tái)。這些垂直招聘平臺(tái)更多的是專注于一個(gè)領(lǐng)域或特定人群,比如,獵聘網(wǎng)主要面向高端人才,Boss直聘更專注于互聯(lián)網(wǎng)行業(yè)。

雖然招聘平臺(tái)眾多,但目前我國(guó)互聯(lián)網(wǎng)招聘行業(yè)模式主要分為兩種。第一,傳統(tǒng)模式,即招聘平臺(tái)同時(shí)從B端(企業(yè))和C端(個(gè)人用戶)收取費(fèi)用,綜合類招聘平臺(tái)均采用此模式。第二,C端免費(fèi)模式。招聘平臺(tái)以求職者用戶為中心,主要向B端收費(fèi),如企業(yè)完成招聘后平臺(tái)按單提成等。然而,無(wú)論是哪種商業(yè)模式,用戶數(shù)量都是企業(yè)盈利的重中之重。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

4. 排行圖譜

根據(jù)易觀千帆2020年6月招聘類app數(shù)據(jù)的顯示,第一位Boss直聘,月活躍用戶人數(shù)1558.76萬(wàn),日均活躍人數(shù)369.80萬(wàn)。第二位前程無(wú)憂,月活躍用戶人數(shù)1296.29萬(wàn),日均活躍人數(shù)268.78萬(wàn)。第三位智聯(lián)招聘,月活躍用戶人數(shù)1139.37萬(wàn),日均活躍人數(shù)243.75萬(wàn)。第四位獵聘,月活躍用戶人數(shù)509.81萬(wàn),日均活躍人數(shù)97.48萬(wàn)(以上數(shù)據(jù)為2020年數(shù)據(jù),數(shù)據(jù)僅供參考)。

從招聘排行不難看出,招聘行業(yè)目前是屬于多強(qiáng)混戰(zhàn)的狀態(tài),沒(méi)有形成壟斷局勢(shì)。各家都還有彎道超車的機(jī)會(huì)。此次我們主要分析頭部的招聘產(chǎn)品分別為:BOSS直聘、前程無(wú)憂、智聯(lián)招聘、獵聘與拉鉤招聘這5家招聘APP。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

5. 產(chǎn)品更新頻次與平臺(tái)slogon

1)產(chǎn)品更新頻次

更新頻次越高,說(shuō)明產(chǎn)品更新?lián)Q代速度越快,適應(yīng)市場(chǎng)變化的能力越強(qiáng),企業(yè)的發(fā)展就越有保障。根據(jù)點(diǎn)點(diǎn)數(shù)據(jù)提供的招聘類app更新頻次數(shù)據(jù)的顯示,BOSS直聘的更新頻次為:2.4周/次、前程無(wú)憂5周/次、智聯(lián)招聘2.6周/次、獵聘2周/次、拉鉤招聘2.1周/次,從數(shù)據(jù)可看出獵聘的產(chǎn)品更新頻次最高,前程無(wú)憂相對(duì)更新頻次最低。

2)平臺(tái)slogon

對(duì)于一個(gè)企業(yè)、一個(gè)產(chǎn)品和一個(gè)網(wǎng)站來(lái)說(shuō),slogan都非常重要。廣告口號(hào)是一種較長(zhǎng)時(shí)期內(nèi)反復(fù)使用的特定的商業(yè)用語(yǔ),它所強(qiáng)調(diào)的是一家公司和它的產(chǎn)品最為突出的特點(diǎn),以下為各公司的slogon。

  • Boss直聘:找工作,上BOSS直聘直接談
  • 前程無(wú)憂:專業(yè)招聘求職找工作平臺(tái)
  • 智聯(lián)招聘:人才求職找工作招聘平臺(tái)
  • 獵聘:招人找工作上獵聘,準(zhǔn)!
  • 拉鉤招聘:招聘找工作高薪求職

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

三、首頁(yè)拆解

1. 框架結(jié)構(gòu)分析

1)框架結(jié)構(gòu)

首頁(yè)各家的框架大同小異,整體分為:頂部操作區(qū)、運(yùn)營(yíng)區(qū)、內(nèi)容篩選區(qū)、職位內(nèi)容區(qū)、底部操作區(qū)這五個(gè)區(qū)域組成,下圖為首頁(yè)的框架圖可以讓大家快速熟悉頁(yè)面結(jié)構(gòu)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

首頁(yè)頁(yè)面與品牌色:

雖功能相近,但各端的頁(yè)面設(shè)計(jì)還是有很大的差異性,同時(shí)品牌色也有很大的差異,優(yōu)秀的色彩會(huì)更好的占據(jù)用戶的心智,合適的品牌色可以給產(chǎn)品帶來(lái)更準(zhǔn)確的調(diào)性與情感,下圖為各產(chǎn)品首頁(yè)樣式與品牌色色值,讓大家更加快速的了解界面與品牌色。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

2. 頂部操作區(qū)

1)布局

首頁(yè)的頂部導(dǎo)航欄,是界面中不可缺少的組成部分,出鏡頻率極高, 在蘋果界面指南中,則被稱為 導(dǎo)航欄 (Navigation Bar)。在界面中,頂部欄會(huì)顯示與當(dāng)前屏幕相關(guān)的信息和操作素材。在招聘行業(yè)的頂導(dǎo)中導(dǎo)航欄主要結(jié)構(gòu)為左右結(jié)構(gòu),主要功能為:選擇職位、添加職位、搜索等。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

2)頂導(dǎo)背景

頂部背景是首頁(yè)視覺(jué)風(fēng)格的關(guān)鍵,它決定著產(chǎn)品的調(diào)性。目前這五款產(chǎn)品中的頂導(dǎo)一共有兩種風(fēng)格:

  1. 漸變彌散風(fēng)格:賦予界面更加輕松愉快的氛圍感,營(yíng)造出空間層次感的同時(shí)又不搶界面眼球,也是目前主流APP的設(shè)計(jì)趨勢(shì)。應(yīng)用產(chǎn)品為boss直聘、前程無(wú)憂、智聯(lián)招聘。
  2. 品牌單色風(fēng)格:此風(fēng)格會(huì)提升色彩在界面中的占比,相比漸變風(fēng)格界面會(huì)顯得傳統(tǒng)與穩(wěn)重,賦予產(chǎn)品嚴(yán)肅的調(diào)性。應(yīng)用產(chǎn)品為獵聘、拉鉤招聘。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

這兩種風(fēng)格哪個(gè)更加適合招聘平臺(tái)?

1)通過(guò)這兩種風(fēng)格的分析,可以發(fā)現(xiàn)有兩個(gè)大的方向一個(gè)是給予用戶輕松的界面感受,一種是正式嚴(yán)肅的氛圍,到底哪種更適合招聘行業(yè)呢,首先我們需要了解使用的用戶人群與用戶心智。用戶人群:主要是來(lái)找工作的用戶,使用人群體為22-35歲;用戶心智:來(lái)找工作大多是忐忑的緊張的甚至對(duì)未來(lái)抱有期待的心理。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

2)接下來(lái)我們把用戶帶入到這兩種界面中,我們會(huì)發(fā)現(xiàn)當(dāng)一個(gè)緊張的人進(jìn)入到輕松的氛圍中自然會(huì)降低用戶的負(fù)面情緒,但我們將這種用戶心智的人帶入到一個(gè)嚴(yán)肅的氛圍中會(huì)帶給用戶更大的心理負(fù)擔(dān)從而降低用戶的使用體驗(yàn)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

再然后把界面發(fā)給了不同行業(yè)不同職業(yè)的人群,讓他們進(jìn)行了匿名投票,其中選擇漸變彌散的占比為:80%,主要反饋:好看、高級(jí)、看著更舒服輕松;10%的人選擇了單色風(fēng)格,主要反饋為:喜歡正式一些的;還有10%選擇棄票覺(jué)得兩種都不太好;通過(guò)投票也認(rèn)證了更多的用戶喜歡招聘界面調(diào)性應(yīng)該更加輕松些。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

3)搜索

這五款產(chǎn)品的搜索樣式也是各有不同,主要分為:圖標(biāo)式入口搜索與搜索框搜索。其中Boss直聘與拉鉤招聘為icon搜索入口;獵聘、智聯(lián)招聘、前程無(wú)憂為搜索框搜索,這三款產(chǎn)品都支持上劃隱藏輸入框提高界面屏效(這里點(diǎn)一個(gè)贊????)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

搜索功能是否是招聘首頁(yè)的核心功能?是否需要強(qiáng)化搜索框?

首先經(jīng)過(guò)分析,招聘平臺(tái)的搜索場(chǎng)景與頻次,搜索功能支持的內(nèi)容分別為搜索職位與公司。

  1. 搜職位:首頁(yè)上已經(jīng)有用戶預(yù)設(shè)好的職位,使用搜索可能是因?yàn)轭A(yù)設(shè)的職位不夠精準(zhǔn)(但現(xiàn)在職位分類已經(jīng)十分精準(zhǔn))或預(yù)設(shè)以外的職位,所以本人很少用搜索來(lái)搜索職位。
  2. 搜公司:當(dāng)用戶有固定想了解和想加入的公司時(shí)會(huì)通過(guò)搜索來(lái)進(jìn)行查詢,所以此場(chǎng)景的使用頻次會(huì)更高;其次我們發(fā)現(xiàn)現(xiàn)在帶搜索框的產(chǎn)品上劃后都會(huì)隱藏搜索框,由此可以判斷搜索功能可能不是首頁(yè)最核心的功能,沒(méi)必要強(qiáng)化搜索框來(lái)影響用戶使用核心功能,產(chǎn)品可以適當(dāng)弱化搜索功能。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

4)管理職位

此場(chǎng)景主要是從首頁(yè)的“+”中跳轉(zhuǎn)進(jìn)入,主要功能為管理當(dāng)前職位、添加新職位、求職狀態(tài)等功能,編輯求職中支持選擇城市、期望職位、職位偏好、薪資要求、期望行業(yè)同時(shí)支持刪除職位功能。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

產(chǎn)品亮點(diǎn)?

在管理職位頁(yè),Boss直聘可以根據(jù)當(dāng)前添加的職位推送相關(guān)與之前設(shè)置過(guò)的職位列表,這里采用了尼爾森十大原則中的易取原則,讓選擇可見(jiàn),降低用戶使用成本。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)誤區(qū)?

在編輯職位中拉鉤招聘的表單設(shè)計(jì)有一個(gè)明顯的設(shè)計(jì)缺陷,沒(méi)有遵循尼爾森十大原則中的易掃原則,它讓整體的表單動(dòng)線呈現(xiàn)為多個(gè)”Z”字形,讓用戶的可讀性降低,應(yīng)當(dāng)把標(biāo)題放到輸入?yún)^(qū)上方,讓整體動(dòng)線成直線,提升用戶的閱讀一致性。大家也可以檢查下自己設(shè)計(jì)過(guò)的表單中有沒(méi)有出現(xiàn)過(guò)這種問(wèn)題,如果有及時(shí)改正。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)誤區(qū)?

獵聘與智聯(lián)招聘在修改職位頁(yè)中把主按鈕做成刪除功能,這在我使用產(chǎn)品中帶來(lái)了非常不好的體驗(yàn),當(dāng)用戶修改完內(nèi)容后還要尋找保存在哪里時(shí),如果用戶不注意很容易進(jìn)行誤操作,很多用戶來(lái)編輯職位可能就是改一下城市或者薪資。第二個(gè)問(wèn)題點(diǎn)是兩個(gè)按鈕距離過(guò)大,操作體驗(yàn)不一致,建議統(tǒng)一把按鈕放在下方,方便用戶進(jìn)行操作。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

5)職位交互

滑動(dòng)首頁(yè)區(qū)域可以進(jìn)行職位之間的滑動(dòng)切換,這一點(diǎn)在所有招聘產(chǎn)品中都保持一致,可以讓用戶快速地進(jìn)行職位切換。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)誤區(qū)?

智聯(lián)招聘的頂導(dǎo)區(qū)域有兩個(gè)模塊,分別為“職位”和“靠譜榜”,首先第一個(gè)設(shè)計(jì)誤區(qū),我注意到“職位”下方有一個(gè)觸控條,這個(gè)條出現(xiàn)的交互定義是可滑動(dòng)區(qū)域,而進(jìn)行滑動(dòng)后發(fā)現(xiàn)是滑動(dòng)下方的職位而不是此區(qū)域,所以這個(gè)觸控條完全沒(méi)有存在的必要(大家在設(shè)計(jì)入口的時(shí),要充分考慮到用戶的使用場(chǎng)景不要增加無(wú)故的設(shè)計(jì)來(lái)提升用戶理解成本)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

接下來(lái)是第二個(gè)問(wèn)題,當(dāng)發(fā)現(xiàn)靠譜榜是點(diǎn)擊才能進(jìn)入后,想著這兩個(gè)入口是可以來(lái)回點(diǎn)擊切換的,結(jié)果發(fā)現(xiàn)是轉(zhuǎn)到到一個(gè)H5落地頁(yè)?是點(diǎn)返回icon回到首頁(yè),所以首頁(yè)職位那兩字存在的必要是什么?不僅讓界面多了一個(gè)觸控條甚至這倆字任何功能都沒(méi)有,那為什么不直接去掉,然后把靠譜榜換成圖標(biāo)放到搜索的右邊呢?屬實(shí)不太理解。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

3. 運(yùn)營(yíng)區(qū)

1)類型

運(yùn)營(yíng)區(qū)是首頁(yè)的引流功能,首頁(yè)增加運(yùn)營(yíng)入口可以提升廣告與運(yùn)營(yíng)活動(dòng)的點(diǎn)擊,但區(qū)域要進(jìn)行克制,不能因?yàn)檫\(yùn)營(yíng)區(qū)影響主要功能的使用。在招聘行業(yè)的運(yùn)營(yíng)區(qū)的主要功能為:banner、直播、商業(yè)產(chǎn)品。其中Boss直聘沒(méi)有運(yùn)營(yíng)區(qū),智聯(lián)招聘只有直播,獵聘有商業(yè)產(chǎn)品與直播,拉鉤招聘是banner與商業(yè)產(chǎn)品,前程無(wú)憂全部都有。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

2)占比

招聘行業(yè)作為工具類產(chǎn)品應(yīng)當(dāng)盡量減少運(yùn)營(yíng)區(qū)的占比,占比越高就會(huì)對(duì)用戶的使用體驗(yàn)帶來(lái)更大的體驗(yàn)阻礙,其中Boss直聘運(yùn)營(yíng)界面屏效占比為0%,智聯(lián)招聘占比為23%,獵聘占比為10%,拉鉤招聘占比為19%,前程無(wú)憂為50%。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

產(chǎn)品亮點(diǎn)?

Boss在首頁(yè)沒(méi)有設(shè)置運(yùn)營(yíng)區(qū)這讓界面更加工具化,把直播和活動(dòng)的相關(guān)入口放到“我的”和“有了”里大大提升了首頁(yè)的使用體驗(yàn)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

產(chǎn)品誤區(qū)?

前程無(wú)憂的運(yùn)營(yíng)區(qū)的屏效比占到了50%這已經(jīng)嚴(yán)重的影響到了核心內(nèi)容區(qū)的信息展示,其次運(yùn)營(yíng)區(qū)有兩個(gè)banner位這樣用戶進(jìn)入首頁(yè)后顯得雜亂無(wú)章,讓用戶無(wú)從下手。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

4. 內(nèi)容篩選區(qū)

1)功能

內(nèi)容篩選區(qū)也是以左右結(jié)構(gòu)為主,布局與頂導(dǎo)類似,左側(cè)功能區(qū)為:推薦、附近、最新;右側(cè)功能分為:地區(qū)選擇、與篩選;此功能區(qū)所有產(chǎn)品功能相同。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

次標(biāo)題選中時(shí)是否需要視覺(jué)強(qiáng)化?

根據(jù)界面層級(jí)關(guān)系發(fā)現(xiàn),左側(cè)的功能區(qū)在首頁(yè)場(chǎng)景里屬于一個(gè)次標(biāo)題的位置,當(dāng)前產(chǎn)品中有3款產(chǎn)品選中后樣式為文字加粗,還有兩款為選中后變?yōu)槠放粕?/p>

其中獵聘最為復(fù)雜,不僅改變了文字顏色還增加了圓角卡片。經(jīng)觀察主標(biāo)題(也就是職位名稱)為一級(jí)標(biāo)題,產(chǎn)品都為默認(rèn)色值,所以副標(biāo)題應(yīng)該遵循色彩規(guī)則保持設(shè)計(jì)一致性,選中加粗即可,沒(méi)有必要強(qiáng)化,這樣會(huì)導(dǎo)致模糊視覺(jué)層級(jí),其次目前設(shè)計(jì)趨勢(shì)為簡(jiǎn)化褪色,減去沒(méi)必要的色值,給用戶帶來(lái)更簡(jiǎn)潔的體驗(yàn)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)誤區(qū)?

前程無(wú)憂的篩選列表中有一個(gè)月薪范圍功能,這里是需要用戶手動(dòng)來(lái)填寫,而其他產(chǎn)品則為滑動(dòng)條滑動(dòng)選擇,這里前程無(wú)憂的手動(dòng)填寫就沒(méi)有遵循尼爾森十大原則中的人性化幫助原則,相比滑動(dòng)選擇這種手寫的交互方式會(huì)讓用戶的使用成本提高,建議改為滑動(dòng)選擇降低用戶操作成本。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

5. 職位內(nèi)容區(qū)

1)布局

職位展示區(qū)是首頁(yè)中最為重要的功能,主要展示職位的重要信息,方便用戶進(jìn)行基礎(chǔ)的判斷,布局整體是卡片化處理,主要內(nèi)容為:職位名稱、公司信息(公司名稱、人數(shù)、是否上市)、招聘人員、職位標(biāo)簽、薪資、地點(diǎn)和不感興趣。各產(chǎn)品的內(nèi)容信息基本一致,但樣式上有兩種形式分別為:職位標(biāo)簽在公司下方和職位標(biāo)簽在職位下方。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

職位標(biāo)簽是應(yīng)該放到職位名稱下方還是放到公司信息下方?

首先要思考職位標(biāo)簽是什么,職位標(biāo)簽是對(duì)于職位進(jìn)行的更詳細(xì)的介紹如:工作經(jīng)驗(yàn)要求、工作學(xué)歷要求、職位類型等職位信息,這樣看下來(lái)應(yīng)該采用方案一(職位標(biāo)簽在職位名稱下面)更合理,因?yàn)闃?biāo)簽是根據(jù)職位而定的,但這樣設(shè)計(jì)會(huì)導(dǎo)致主副文案(主文案為職位名稱,副文案為公司信息)被標(biāo)簽所隔開(kāi),導(dǎo)致卡片的信息展示不協(xié)調(diào)。

其次整體的卡片是職位卡片,卡片上的所有信息其實(shí)都是為這個(gè)職位服務(wù)的,標(biāo)簽只要出現(xiàn)在卡片內(nèi)就可以滿足用戶預(yù)期,不會(huì)增加用戶的理解成本,所以把標(biāo)簽放到更適合的位置讓卡片展示更協(xié)調(diào)與舒適即可,所以方案二更加適合。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

2)薪資展示

招聘平臺(tái)中的薪資是非常重要的文字信息,找工作工作內(nèi)容是一方面,但薪資對(duì)求職者來(lái)說(shuō)才是重中之重。所以各產(chǎn)品中都對(duì)文字進(jìn)行了一定的強(qiáng)化如:加入品牌色、專屬數(shù)字字體等方式來(lái)進(jìn)行特殊處理。薪資的文字結(jié)構(gòu)為xx-xx萬(wàn)·xx薪。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

產(chǎn)品思考??

薪資文字信息應(yīng)該是用K為單位還是以萬(wàn)為單位?

從用戶角度分析“萬(wàn)”是中國(guó)的通用單位,對(duì)國(guó)內(nèi)用戶的理解成本更低,“K”是英文單詞前面都有“kilo”的前綴,在國(guó)外為數(shù)字的通用單位,而且外國(guó)是不用“萬(wàn)”來(lái)做單位的,通常用“K”來(lái)表達(dá)薪資10K=1萬(wàn),隨著“K”這個(gè)單位逐漸在國(guó)內(nèi)普及,和招聘市場(chǎng)逐漸走向海外,單位也由“萬(wàn)”變成了”K”。

不過(guò)“K”對(duì)于很多三線以下城市的人可能不理解什么意思,所以建議產(chǎn)品同時(shí)支持國(guó)際單位與中國(guó)單位,用戶可以通過(guò)設(shè)置自定義展示需要的數(shù)字單位。隨后將這些平臺(tái)是否支持這個(gè)功能進(jìn)行了對(duì)比分析,發(fā)現(xiàn)Boss直聘在設(shè)置-主題設(shè)置中可以選擇數(shù)字單位,其他平臺(tái)均不支持,這點(diǎn)為Boss點(diǎn)個(gè)贊。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)亮點(diǎn)?

Boss直聘與拉鉤招聘對(duì)薪資進(jìn)行了特殊字體處理,對(duì)于招聘行業(yè)數(shù)字是一個(gè)很敏感的信息,這些設(shè)計(jì)細(xì)節(jié)就是拉開(kāi)產(chǎn)品之間的設(shè)計(jì)差距,定制化的數(shù)字可以與普通文字拉開(kāi)差異,讓數(shù)字更具備識(shí)別性,提高薪資信息在職位卡片中的視覺(jué)比重。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

3)反饋功能

反饋功能是提升職位列表質(zhì)量的重要途徑,招聘行業(yè)的反饋原因主要分為:公司不感興趣、地區(qū)不感興趣、行業(yè)不匹配、職位不符合預(yù)期、薪資低、其他原因等方面來(lái)進(jìn)行推薦列表優(yōu)化。在有反饋功能的產(chǎn)品中,Boss直聘和前程無(wú)憂反饋原因最多有9個(gè),獵聘最少僅有兩個(gè),反饋原因越多推送就會(huì)越精準(zhǔn),所以反饋原因方面獵聘還需要繼續(xù)提升。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

產(chǎn)品誤區(qū)?

這5款產(chǎn)品中,職位卡片可以進(jìn)行刪除與不感興趣反饋,這樣可以通過(guò)用戶反饋來(lái)進(jìn)行推薦列表優(yōu)化,從而提高推薦職位的精準(zhǔn)度。但拉鉤招聘目前不支持反饋功能,這樣會(huì)導(dǎo)致推薦列表無(wú)法根據(jù)用戶來(lái)定制職位推送,推薦不精準(zhǔn)會(huì)嚴(yán)重的影響用戶使用體驗(yàn),從而降低使用頻次。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

6. 底部操作區(qū)

1)布局

底部布局隨著時(shí)代的發(fā)展出現(xiàn)多種形式如:常規(guī)類展示、不規(guī)則突出展示、懸浮式展示、隱藏式交互展示等,但在這5個(gè)產(chǎn)品中,都采用的是常規(guī)類展示,其中獵聘、Boss直聘、前程無(wú)憂為4個(gè)功能入口,智聯(lián)招聘和拉鉤招聘為5個(gè)功能入口。組合形式都為icon+文字的形式,這種形式可以降低用戶理解成本,提高用戶操作體驗(yàn)。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

消息入口需要放到倒數(shù)第二個(gè)嗎?

這個(gè)問(wèn)題是我一直糾結(jié)很久的問(wèn)題,通過(guò)日常高頻使用的產(chǎn)品發(fā)現(xiàn)(抖音、微博、支付寶、閑魚等)消息功能都放在倒數(shù)第二個(gè)入口,從而養(yǎng)成了用戶習(xí)慣,所以當(dāng)我使用獵聘和智聯(lián)時(shí)就會(huì)經(jīng)常出現(xiàn)點(diǎn)錯(cuò)的情況,其次像日常使用的其他軟件(微信朋友圈、淘寶購(gòu)物車等)也都把高頻使用功能放到倒數(shù)第二個(gè)入口。

這里我查閱了大量資料發(fā)現(xiàn),一般產(chǎn)品第一個(gè)入口是最核心的功能,而第二個(gè)入口距離第一個(gè)入口過(guò)近這樣會(huì)導(dǎo)致用戶不容易察覺(jué)到,所以第三個(gè)入口或倒數(shù)第二個(gè)入口是底部最適合放置第二核心功能的區(qū)域。招聘平臺(tái)消息是非常重要的功能,求職者和招聘方大多都是通過(guò)“聊”來(lái)促進(jìn)職位達(dá)成,所以把消息放到倒數(shù)第二個(gè)位置最為合適。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

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

底部導(dǎo)航欄的圖標(biāo)是路牌,承擔(dān)著指路的作用,給用戶指明進(jìn)入產(chǎn)品后可以分別通往什么頁(yè)面。早期的底部導(dǎo)航欄是單一的指路功能,而經(jīng)過(guò)多年的設(shè)計(jì)迭代底導(dǎo)還具備著品牌調(diào)性、識(shí)別度、設(shè)計(jì)風(fēng)格等功能。

設(shè)計(jì)亮點(diǎn)?

前程無(wú)憂的首頁(yè)入口選中后出現(xiàn)品牌LOGO,這樣可以很好的增加品牌曝光和識(shí)別度,更加凸顯產(chǎn)品的專業(yè)與品牌調(diào)性。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

設(shè)計(jì)亮點(diǎn)?

Boss直聘在底部圖標(biāo)設(shè)計(jì)上也是用盡了心思,在點(diǎn)擊時(shí)增加漸變微動(dòng)效讓圖標(biāo)更具識(shí)別度,這種情感化的設(shè)計(jì)不僅可以提高感官體驗(yàn),還可以更好的拉進(jìn)產(chǎn)品與用戶之間的親和力,這些設(shè)計(jì)細(xì)節(jié)的累計(jì)才能不斷的打動(dòng)用戶內(nèi)心的驚喜感,也是設(shè)計(jì)師們不斷探索的設(shè)計(jì)方向。

設(shè)計(jì)空間站丨8000+字詳細(xì)拆解與分析招聘平臺(tái)首頁(yè)的產(chǎn)品邏輯與設(shè)計(jì)細(xì)節(jié)

四、總結(jié)

通過(guò)對(duì)招聘行業(yè)首頁(yè)的分析與拆解,發(fā)現(xiàn)整體體驗(yàn)下來(lái)這些平臺(tái)的使用都還是不錯(cuò)的,因?yàn)榇舜问钦驹谝粋€(gè)“挑刺者”的身份來(lái)橫向體驗(yàn)對(duì)比產(chǎn)品。

俗話說(shuō)沒(méi)有對(duì)比就沒(méi)有傷害,如果用戶體驗(yàn)單一產(chǎn)品是不會(huì)發(fā)現(xiàn)其中的問(wèn)題與差異。在這次對(duì)比拆解中,發(fā)現(xiàn)Boss直聘是這5個(gè)招聘APP最好用的產(chǎn)品,無(wú)論是從產(chǎn)品層:薪資單位切換、反饋類別數(shù)量、沒(méi)有運(yùn)營(yíng)廣告等,還是從設(shè)計(jì)層:數(shù)字的特殊設(shè)計(jì)、底導(dǎo)icon動(dòng)態(tài)設(shè)計(jì)等,都體現(xiàn)出產(chǎn)品與設(shè)計(jì)細(xì)節(jié)。希望其他平臺(tái)可以彌補(bǔ)自身的問(wèn)題,重視用戶體驗(yàn),努力做打動(dòng)人心的好產(chǎn)品。

下面是本人對(duì)各產(chǎn)品的打分(僅個(gè)人觀點(diǎn))

  • Boss直聘:??????????
  • 獵聘:????????
  • 智聯(lián)招聘:????????
  • 前程無(wú)憂:??????
  • 拉鉤招聘:??????

參考文獻(xiàn):

  • 點(diǎn)點(diǎn)數(shù)據(jù)-數(shù)據(jù)對(duì)比
  • 易觀千帆-招聘類產(chǎn)品數(shù)據(jù)分析
  • 尼爾森十大原則

本文由 @不是作家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash ,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 好奇為什么沒(méi)有脈脈,想看脈脈的相關(guān)分析

    來(lái)自上海 回復(fù)
  2. 感謝分享?。?!滿滿干貨?。∑诖喔拢。?!

    來(lái)自上海 回復(fù)
  3. 很好的競(jìng)品分析!

    來(lái)自廣東 回復(fù)
  4. 感謝 我們最近在做招聘小程序 分析的很到位

    來(lái)自浙江 回復(fù)
  5. 好久沒(méi)看過(guò)這么專業(yè)的競(jìng)品分析了。

    來(lái)自河南 回復(fù)
  6. 希望繼續(xù)更新類似的問(wèn)章

    來(lái)自廣東 回復(fù)
  7. 感謝分享,從設(shè)計(jì)、功能、用戶體驗(yàn)幾方面進(jìn)行了分析,很贊

    來(lái)自山東 回復(fù)
  8. 前程無(wú)憂:好工作近在前程無(wú)憂!
    智聯(lián)招聘:上智聯(lián),靠譜工作視頻見(jiàn)!
    獵聘:專業(yè)求職找工作/企業(yè)招人平臺(tái)!
    拉鉤:為互聯(lián)網(wǎng)人才提供職業(yè)成長(zhǎng)服務(wù)的品牌!
    Boss直聘:找工作,上Boss直聘直接談!

    咱就說(shuō)一個(gè)淺顯的道理,就從企業(yè)slogan,就可以yy,我想沒(méi)有人想找了HR,HR再找經(jīng)理,經(jīng)理再找boss審批,然后才能談一份工作。但是Boss從發(fā)展方向定位上就是去掉中間環(huán)節(jié)和老板直接談工作,不說(shuō)真假就從這個(gè)變化來(lái)看,就是顛覆性的。

    來(lái)自廣東 回復(fù)
    1. Boss確實(shí)在產(chǎn)品概念上是顛覆性的

      來(lái)自北京 回復(fù)
  9. 分析十分細(xì)致,給作者點(diǎn)贊!

    來(lái)自北京 回復(fù)