深度拆解五大招聘APP的首頁設計
對于求職者來說,招聘APP或招聘網站等渠道可以為其提供崗位信息的集合,是找工作過程中的有效渠道之一。那么這類網站或APP在信息呈現、產品外觀等維度上,是如何搭建各自的設計策略的?其產品設計又是否有可以優化迭代的地方?本文作者便對招聘APP做了設計拆解,一起來看一下。
前言
YQ結束,市場逐漸復蘇,招聘行業也迎來了新的機會,通過這段時間對招聘平臺的深入體驗與了解,給本人帶來了很多精湛或糟糕的使用體驗,所以此次我對BOSS直聘、前程無憂、智聯招聘、獵聘與拉鉤招聘這五家招聘app的首頁功能進行拆解與分析,讓大家更加了解招聘行業與其背后的設計邏輯,希望對大家有所幫助。
目錄:
1)閱讀須知
- 時長說明
- 觀點闡述
- 適合人群
2)行業介紹
- 招聘平臺定義
- 招聘平臺優勢
- 盈利模式
- 排行圖譜
- 產品更新頻次與平臺slogon
3)首頁拆解
- 框架結構分析
- 頂部操作區
- 運營區
- 內容篩選區
- 職位內容區
4)總結
一、閱讀須知
1. 時長說明
全文約8000+字,深度閱讀本文大約需要25-30分鐘。
2. 觀點闡述
本文所有觀點不代表公司,僅個人觀點;本文中的所有觀點沒有任何產品偏向,僅站在一個用戶的角度來分析產品。
3. 適合人群
第一類:UI/UX體驗設計師:跳出設計執行層,去思考招聘產品背后的設計策略,提升產品設計分析能力;第二類:產品/運營經理:通過全面的產品設計拆解、用戶邏輯分析,獲取產品設計參考;第三類:招聘行業從業者:通過首頁分析與拆解,獲取競品邏輯參考。
二、行業介紹
1. 招聘平臺定義
指運用互聯網及相關技術,幫助雇主和求職者完成招聘和求職的網絡站點。狹義的招聘網指以網絡為媒體的招聘廣告發布平臺及相關的人力資源服務系統。廣義的招聘網站指擁有招聘網站且網絡招聘營收比重較高的公司。
提供網絡招聘服務:指幫助雇主和求職者完成招聘和求職的過程中,招聘網站提供的互聯網平臺及相關技術手段。包括針對雇主的服務和針對求職者的服務,如招聘信息發布、簡歷下載、定制招聘專區、求職簡歷生成、職位搜索、薪酬查詢等。
2. 招聘平臺優勢
1)對企業
- 提高招聘效率;
- 改善招聘效果;
- 提高生產力;
- 提高響應速度;
- 提高各部門合作度;
- 提供可持續作為后備的人才庫資料。
2)對求職者
快捷方便:對于求職者來說,只要在人才網站上登記了個人簡歷,即可等候企業的招聘信息,如果上網方便還可以主動出擊。
網絡招聘平臺不斷升級更新,快捷而富有效率,求職者通過招聘網站,可以不出家門就對工作的類別、地區和需求進行全方位智能查詢,快速準確地查詢到所需要的包括行業、職能、工作地點、工資等信息。工作職位分類清晰、針對性強。一些大的招聘網站,可以隨時查詢到數萬條信息,而且每天更新職位,只要在家關注招聘網站就能第一時間掌握用人單位的需求。
機會多:網絡求職的一大特點是招聘信息量大,海量的職位庫中,求職者選擇適合職位的機會也就越大。
無限制:“傳統的招聘會不是每天都有,而且浪費精力和金錢?!币幻舐氄咴诓稍L中這樣表示。相比其他招聘形式,網絡求職也沒有區域和時間的限制,能夠給個人創造更多的就業機會。對于異地求職者,這省卻了奔波于不同城市的煩惱;對于一般院校學生,因為不易親臨知名企業校園招聘會,但通過網絡就可以獲取與其它求職者同等競爭的機會。
3. 盈利模式
目前國內的互聯網招聘平臺可以分為三類:第一類是以智聯招聘、前程無憂為代表的綜合類招聘平臺;第二類是以58趕集為代表的分類信息發布平臺;第三類是以Boss直聘、獵聘網等為代表的垂直招聘平臺。這些垂直招聘平臺更多的是專注于一個領域或特定人群,比如,獵聘網主要面向高端人才,Boss直聘更專注于互聯網行業。
雖然招聘平臺眾多,但目前我國互聯網招聘行業模式主要分為兩種。第一,傳統模式,即招聘平臺同時從B端(企業)和C端(個人用戶)收取費用,綜合類招聘平臺均采用此模式。第二,C端免費模式。招聘平臺以求職者用戶為中心,主要向B端收費,如企業完成招聘后平臺按單提成等。然而,無論是哪種商業模式,用戶數量都是企業盈利的重中之重。
4. 排行圖譜
根據易觀千帆2020年6月招聘類app數據的顯示,第一位Boss直聘,月活躍用戶人數1558.76萬,日均活躍人數369.80萬。第二位前程無憂,月活躍用戶人數1296.29萬,日均活躍人數268.78萬。第三位智聯招聘,月活躍用戶人數1139.37萬,日均活躍人數243.75萬。第四位獵聘,月活躍用戶人數509.81萬,日均活躍人數97.48萬(以上數據為2020年數據,數據僅供參考)。
從招聘排行不難看出,招聘行業目前是屬于多強混戰的狀態,沒有形成壟斷局勢。各家都還有彎道超車的機會。此次我們主要分析頭部的招聘產品分別為:BOSS直聘、前程無憂、智聯招聘、獵聘與拉鉤招聘這5家招聘APP。
5. 產品更新頻次與平臺slogon
1)產品更新頻次
更新頻次越高,說明產品更新換代速度越快,適應市場變化的能力越強,企業的發展就越有保障。根據點點數據提供的招聘類app更新頻次數據的顯示,BOSS直聘的更新頻次為:2.4周/次、前程無憂5周/次、智聯招聘2.6周/次、獵聘2周/次、拉鉤招聘2.1周/次,從數據可看出獵聘的產品更新頻次最高,前程無憂相對更新頻次最低。
2)平臺slogon
對于一個企業、一個產品和一個網站來說,slogan都非常重要。廣告口號是一種較長時期內反復使用的特定的商業用語,它所強調的是一家公司和它的產品最為突出的特點,以下為各公司的slogon。
- Boss直聘:找工作,上BOSS直聘直接談
- 前程無憂:專業招聘求職找工作平臺
- 智聯招聘:人才求職找工作招聘平臺
- 獵聘:招人找工作上獵聘,準!
- 拉鉤招聘:招聘找工作高薪求職
三、首頁拆解
1. 框架結構分析
1)框架結構
首頁各家的框架大同小異,整體分為:頂部操作區、運營區、內容篩選區、職位內容區、底部操作區這五個區域組成,下圖為首頁的框架圖可以讓大家快速熟悉頁面結構。
首頁頁面與品牌色:
雖功能相近,但各端的頁面設計還是有很大的差異性,同時品牌色也有很大的差異,優秀的色彩會更好的占據用戶的心智,合適的品牌色可以給產品帶來更準確的調性與情感,下圖為各產品首頁樣式與品牌色色值,讓大家更加快速的了解界面與品牌色。
2. 頂部操作區
1)布局
首頁的頂部導航欄,是界面中不可缺少的組成部分,出鏡頻率極高, 在蘋果界面指南中,則被稱為 導航欄 (Navigation Bar)。在界面中,頂部欄會顯示與當前屏幕相關的信息和操作素材。在招聘行業的頂導中導航欄主要結構為左右結構,主要功能為:選擇職位、添加職位、搜索等。
2)頂導背景
頂部背景是首頁視覺風格的關鍵,它決定著產品的調性。目前這五款產品中的頂導一共有兩種風格:
- 漸變彌散風格:賦予界面更加輕松愉快的氛圍感,營造出空間層次感的同時又不搶界面眼球,也是目前主流APP的設計趨勢。應用產品為boss直聘、前程無憂、智聯招聘。
- 品牌單色風格:此風格會提升色彩在界面中的占比,相比漸變風格界面會顯得傳統與穩重,賦予產品嚴肅的調性。應用產品為獵聘、拉鉤招聘。
設計思考??
這兩種風格哪個更加適合招聘平臺?
1)通過這兩種風格的分析,可以發現有兩個大的方向一個是給予用戶輕松的界面感受,一種是正式嚴肅的氛圍,到底哪種更適合招聘行業呢,首先我們需要了解使用的用戶人群與用戶心智。用戶人群:主要是來找工作的用戶,使用人群體為22-35歲;用戶心智:來找工作大多是忐忑的緊張的甚至對未來抱有期待的心理。
2)接下來我們把用戶帶入到這兩種界面中,我們會發現當一個緊張的人進入到輕松的氛圍中自然會降低用戶的負面情緒,但我們將這種用戶心智的人帶入到一個嚴肅的氛圍中會帶給用戶更大的心理負擔從而降低用戶的使用體驗。
再然后把界面發給了不同行業不同職業的人群,讓他們進行了匿名投票,其中選擇漸變彌散的占比為:80%,主要反饋:好看、高級、看著更舒服輕松;10%的人選擇了單色風格,主要反饋為:喜歡正式一些的;還有10%選擇棄票覺得兩種都不太好;通過投票也認證了更多的用戶喜歡招聘界面調性應該更加輕松些。
3)搜索
這五款產品的搜索樣式也是各有不同,主要分為:圖標式入口搜索與搜索框搜索。其中Boss直聘與拉鉤招聘為icon搜索入口;獵聘、智聯招聘、前程無憂為搜索框搜索,這三款產品都支持上劃隱藏輸入框提高界面屏效(這里點一個贊????)。
設計思考??
搜索功能是否是招聘首頁的核心功能?是否需要強化搜索框?
首先經過分析,招聘平臺的搜索場景與頻次,搜索功能支持的內容分別為搜索職位與公司。
- 搜職位:首頁上已經有用戶預設好的職位,使用搜索可能是因為預設的職位不夠精準(但現在職位分類已經十分精準)或預設以外的職位,所以本人很少用搜索來搜索職位。
- 搜公司:當用戶有固定想了解和想加入的公司時會通過搜索來進行查詢,所以此場景的使用頻次會更高;其次我們發現現在帶搜索框的產品上劃后都會隱藏搜索框,由此可以判斷搜索功能可能不是首頁最核心的功能,沒必要強化搜索框來影響用戶使用核心功能,產品可以適當弱化搜索功能。
4)管理職位
此場景主要是從首頁的“+”中跳轉進入,主要功能為管理當前職位、添加新職位、求職狀態等功能,編輯求職中支持選擇城市、期望職位、職位偏好、薪資要求、期望行業同時支持刪除職位功能。
產品亮點?
在管理職位頁,Boss直聘可以根據當前添加的職位推送相關與之前設置過的職位列表,這里采用了尼爾森十大原則中的易取原則,讓選擇可見,降低用戶使用成本。
設計誤區?
在編輯職位中拉鉤招聘的表單設計有一個明顯的設計缺陷,沒有遵循尼爾森十大原則中的易掃原則,它讓整體的表單動線呈現為多個”Z”字形,讓用戶的可讀性降低,應當把標題放到輸入區上方,讓整體動線成直線,提升用戶的閱讀一致性。大家也可以檢查下自己設計過的表單中有沒有出現過這種問題,如果有及時改正。
設計誤區?
獵聘與智聯招聘在修改職位頁中把主按鈕做成刪除功能,這在我使用產品中帶來了非常不好的體驗,當用戶修改完內容后還要尋找保存在哪里時,如果用戶不注意很容易進行誤操作,很多用戶來編輯職位可能就是改一下城市或者薪資。第二個問題點是兩個按鈕距離過大,操作體驗不一致,建議統一把按鈕放在下方,方便用戶進行操作。
5)職位交互
滑動首頁區域可以進行職位之間的滑動切換,這一點在所有招聘產品中都保持一致,可以讓用戶快速地進行職位切換。
設計誤區?
智聯招聘的頂導區域有兩個模塊,分別為“職位”和“靠譜榜”,首先第一個設計誤區,我注意到“職位”下方有一個觸控條,這個條出現的交互定義是可滑動區域,而進行滑動后發現是滑動下方的職位而不是此區域,所以這個觸控條完全沒有存在的必要(大家在設計入口的時,要充分考慮到用戶的使用場景不要增加無故的設計來提升用戶理解成本)。
接下來是第二個問題,當發現靠譜榜是點擊才能進入后,想著這兩個入口是可以來回點擊切換的,結果發現是轉到到一個H5落地頁?是點返回icon回到首頁,所以首頁職位那兩字存在的必要是什么?不僅讓界面多了一個觸控條甚至這倆字任何功能都沒有,那為什么不直接去掉,然后把靠譜榜換成圖標放到搜索的右邊呢?屬實不太理解。
3. 運營區
1)類型
運營區是首頁的引流功能,首頁增加運營入口可以提升廣告與運營活動的點擊,但區域要進行克制,不能因為運營區影響主要功能的使用。在招聘行業的運營區的主要功能為:banner、直播、商業產品。其中Boss直聘沒有運營區,智聯招聘只有直播,獵聘有商業產品與直播,拉鉤招聘是banner與商業產品,前程無憂全部都有。
2)占比
招聘行業作為工具類產品應當盡量減少運營區的占比,占比越高就會對用戶的使用體驗帶來更大的體驗阻礙,其中Boss直聘運營界面屏效占比為0%,智聯招聘占比為23%,獵聘占比為10%,拉鉤招聘占比為19%,前程無憂為50%。
產品亮點?
Boss在首頁沒有設置運營區這讓界面更加工具化,把直播和活動的相關入口放到“我的”和“有了”里大大提升了首頁的使用體驗。
產品誤區?
前程無憂的運營區的屏效比占到了50%這已經嚴重的影響到了核心內容區的信息展示,其次運營區有兩個banner位這樣用戶進入首頁后顯得雜亂無章,讓用戶無從下手。
4. 內容篩選區
1)功能
內容篩選區也是以左右結構為主,布局與頂導類似,左側功能區為:推薦、附近、最新;右側功能分為:地區選擇、與篩選;此功能區所有產品功能相同。
設計思考??
次標題選中時是否需要視覺強化?
根據界面層級關系發現,左側的功能區在首頁場景里屬于一個次標題的位置,當前產品中有3款產品選中后樣式為文字加粗,還有兩款為選中后變為品牌色。
其中獵聘最為復雜,不僅改變了文字顏色還增加了圓角卡片。經觀察主標題(也就是職位名稱)為一級標題,產品都為默認色值,所以副標題應該遵循色彩規則保持設計一致性,選中加粗即可,沒有必要強化,這樣會導致模糊視覺層級,其次目前設計趨勢為簡化褪色,減去沒必要的色值,給用戶帶來更簡潔的體驗。
設計誤區?
前程無憂的篩選列表中有一個月薪范圍功能,這里是需要用戶手動來填寫,而其他產品則為滑動條滑動選擇,這里前程無憂的手動填寫就沒有遵循尼爾森十大原則中的人性化幫助原則,相比滑動選擇這種手寫的交互方式會讓用戶的使用成本提高,建議改為滑動選擇降低用戶操作成本。
5. 職位內容區
1)布局
職位展示區是首頁中最為重要的功能,主要展示職位的重要信息,方便用戶進行基礎的判斷,布局整體是卡片化處理,主要內容為:職位名稱、公司信息(公司名稱、人數、是否上市)、招聘人員、職位標簽、薪資、地點和不感興趣。各產品的內容信息基本一致,但樣式上有兩種形式分別為:職位標簽在公司下方和職位標簽在職位下方。
設計思考??
職位標簽是應該放到職位名稱下方還是放到公司信息下方?
首先要思考職位標簽是什么,職位標簽是對于職位進行的更詳細的介紹如:工作經驗要求、工作學歷要求、職位類型等職位信息,這樣看下來應該采用方案一(職位標簽在職位名稱下面)更合理,因為標簽是根據職位而定的,但這樣設計會導致主副文案(主文案為職位名稱,副文案為公司信息)被標簽所隔開,導致卡片的信息展示不協調。
其次整體的卡片是職位卡片,卡片上的所有信息其實都是為這個職位服務的,標簽只要出現在卡片內就可以滿足用戶預期,不會增加用戶的理解成本,所以把標簽放到更適合的位置讓卡片展示更協調與舒適即可,所以方案二更加適合。
2)薪資展示
招聘平臺中的薪資是非常重要的文字信息,找工作工作內容是一方面,但薪資對求職者來說才是重中之重。所以各產品中都對文字進行了一定的強化如:加入品牌色、專屬數字字體等方式來進行特殊處理。薪資的文字結構為xx-xx萬·xx薪。
產品思考??
薪資文字信息應該是用K為單位還是以萬為單位?
從用戶角度分析“萬”是中國的通用單位,對國內用戶的理解成本更低,“K”是英文單詞前面都有“kilo”的前綴,在國外為數字的通用單位,而且外國是不用“萬”來做單位的,通常用“K”來表達薪資10K=1萬,隨著“K”這個單位逐漸在國內普及,和招聘市場逐漸走向海外,單位也由“萬”變成了”K”。
不過“K”對于很多三線以下城市的人可能不理解什么意思,所以建議產品同時支持國際單位與中國單位,用戶可以通過設置自定義展示需要的數字單位。隨后將這些平臺是否支持這個功能進行了對比分析,發現Boss直聘在設置-主題設置中可以選擇數字單位,其他平臺均不支持,這點為Boss點個贊。
設計亮點?
Boss直聘與拉鉤招聘對薪資進行了特殊字體處理,對于招聘行業數字是一個很敏感的信息,這些設計細節就是拉開產品之間的設計差距,定制化的數字可以與普通文字拉開差異,讓數字更具備識別性,提高薪資信息在職位卡片中的視覺比重。
3)反饋功能
反饋功能是提升職位列表質量的重要途徑,招聘行業的反饋原因主要分為:公司不感興趣、地區不感興趣、行業不匹配、職位不符合預期、薪資低、其他原因等方面來進行推薦列表優化。在有反饋功能的產品中,Boss直聘和前程無憂反饋原因最多有9個,獵聘最少僅有兩個,反饋原因越多推送就會越精準,所以反饋原因方面獵聘還需要繼續提升。
產品誤區?
這5款產品中,職位卡片可以進行刪除與不感興趣反饋,這樣可以通過用戶反饋來進行推薦列表優化,從而提高推薦職位的精準度。但拉鉤招聘目前不支持反饋功能,這樣會導致推薦列表無法根據用戶來定制職位推送,推薦不精準會嚴重的影響用戶使用體驗,從而降低使用頻次。
6. 底部操作區
1)布局
底部布局隨著時代的發展出現多種形式如:常規類展示、不規則突出展示、懸浮式展示、隱藏式交互展示等,但在這5個產品中,都采用的是常規類展示,其中獵聘、Boss直聘、前程無憂為4個功能入口,智聯招聘和拉鉤招聘為5個功能入口。組合形式都為icon+文字的形式,這種形式可以降低用戶理解成本,提高用戶操作體驗。
設計思考??
消息入口需要放到倒數第二個嗎?
這個問題是我一直糾結很久的問題,通過日常高頻使用的產品發現(抖音、微博、支付寶、閑魚等)消息功能都放在倒數第二個入口,從而養成了用戶習慣,所以當我使用獵聘和智聯時就會經常出現點錯的情況,其次像日常使用的其他軟件(微信朋友圈、淘寶購物車等)也都把高頻使用功能放到倒數第二個入口。
這里我查閱了大量資料發現,一般產品第一個入口是最核心的功能,而第二個入口距離第一個入口過近這樣會導致用戶不容易察覺到,所以第三個入口或倒數第二個入口是底部最適合放置第二核心功能的區域。招聘平臺消息是非常重要的功能,求職者和招聘方大多都是通過“聊”來促進職位達成,所以把消息放到倒數第二個位置最為合適。
2)圖標設計
底部導航欄的圖標是路牌,承擔著指路的作用,給用戶指明進入產品后可以分別通往什么頁面。早期的底部導航欄是單一的指路功能,而經過多年的設計迭代底導還具備著品牌調性、識別度、設計風格等功能。
設計亮點?
前程無憂的首頁入口選中后出現品牌LOGO,這樣可以很好的增加品牌曝光和識別度,更加凸顯產品的專業與品牌調性。
設計亮點?
Boss直聘在底部圖標設計上也是用盡了心思,在點擊時增加漸變微動效讓圖標更具識別度,這種情感化的設計不僅可以提高感官體驗,還可以更好的拉進產品與用戶之間的親和力,這些設計細節的累計才能不斷的打動用戶內心的驚喜感,也是設計師們不斷探索的設計方向。
四、總結
通過對招聘行業首頁的分析與拆解,發現整體體驗下來這些平臺的使用都還是不錯的,因為此次是站在一個“挑刺者”的身份來橫向體驗對比產品。
俗話說沒有對比就沒有傷害,如果用戶體驗單一產品是不會發現其中的問題與差異。在這次對比拆解中,發現Boss直聘是這5個招聘APP最好用的產品,無論是從產品層:薪資單位切換、反饋類別數量、沒有運營廣告等,還是從設計層:數字的特殊設計、底導icon動態設計等,都體現出產品與設計細節。希望其他平臺可以彌補自身的問題,重視用戶體驗,努力做打動人心的好產品。
下面是本人對各產品的打分(僅個人觀點)
- Boss直聘:??????????
- 獵聘:????????
- 智聯招聘:????????
- 前程無憂:??????
- 拉鉤招聘:??????
參考文獻:
- 點點數據-數據對比
- 易觀千帆-招聘類產品數據分析
- 尼爾森十大原則
本文由 @不是作家 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash ,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
好奇為什么沒有脈脈,想看脈脈的相關分析
感謝分享?。?!滿滿干貨??!期待更多更新?。?!
很好的競品分析!
感謝 我們最近在做招聘小程序 分析的很到位
好久沒看過這么專業的競品分析了。
希望繼續更新類似的問章
感謝分享,從設計、功能、用戶體驗幾方面進行了分析,很贊
前程無憂:好工作近在前程無憂!
智聯招聘:上智聯,靠譜工作視頻見!
獵聘:專業求職找工作/企業招人平臺!
拉鉤:為互聯網人才提供職業成長服務的品牌!
Boss直聘:找工作,上Boss直聘直接談!
咱就說一個淺顯的道理,就從企業slogan,就可以yy,我想沒有人想找了HR,HR再找經理,經理再找boss審批,然后才能談一份工作。但是Boss從發展方向定位上就是去掉中間環節和老板直接談工作,不說真假就從這個變化來看,就是顛覆性的。
Boss確實在產品概念上是顛覆性的
分析十分細致,給作者點贊!