深度拆解五大年夜招聘APP的首页设计

序言

YQ结束，市场逐渐复苏，招聘行业也迎来了新的机会，通过这段韶光对招聘平台的深入体验与理解，给本人带来了很多博识或糟糕的利用体验，以是这次我对BOSS直聘、出路无忧、智联招聘、猎聘与拉钩招聘这五家招聘app的首页功能进行拆解与剖析，让大家更加理解招聘行业与其背后的设计逻辑，希望对大家有所帮助。

目录：

1）阅读须知

2）行业先容

招聘平台定义招聘平台上风盈利模式排行图谱产品更新频次与平台slogon

3）首页拆解

4）总结

一、阅读须知1. 时长解释

全文约8000+字，深度阅读本文大约须要25-30分钟。

2. 不雅观点阐述

本文所有不雅观点不代表公司，仅个人不雅观点；本文中的所有不雅观点没有任何产品倾向，仅站在一个用户的角度来剖析产品。

3. 适宜人群

第一类：UI/UX体验设计师：跳出设计实行层，去思考招聘产品背后的设计谋略，提升产品设计剖析能力；第二类：产品/运营经理：通过全面的产品设计拆解、用户逻辑剖析，获取产品设计参考；第三类：招聘行业从业者：通过首页剖析与拆解，获取竞品逻辑参考。

二、行业先容1. 招聘平台定义

指利用互联网及干系技能，帮助店主和求职者完成招聘和求职的网络站点。
狭义的招聘网指以网络为媒体的招聘广告发布平台及干系的人力资源做事系统。
广义的招聘网站指拥有招聘网站且网络招聘营收比重较高的公司。

供应网络招聘做事：指帮助店主和求职者完成招聘和求职的过程中，招聘网站供应的互联网平台及干系技能手段。
包括针对店主的做事和针对求职者的做事，如招聘信息发布、简历下载、定制招聘专区、求职简历天生、职位搜索、薪酬查询等。

2. 招聘平台上风

1）对企业

提高招聘效率；改进招聘效果；提高生产力；提高相应速率；提高各部门互助度；供应可持续作为后备的人才库资料。

2）对求职者

快捷方便：对付求职者来说，只要在人才网站上登记了个人简历，即可期待企业的招聘信息，如果上网方便还可以主动出击。

网络招聘平台不断升级更新，快捷而富有效率，求职者通过招聘网站，可以不出家门就对事情的种别、地区和需求进行全方位智能查询，快速准确地查询到所须要的包括行业、职能、事情地点、人为等信息。
事情职位分类清晰、针对性强。
一些大的招聘网站，可以随时查询到数万条信息，而且每天更新职位，只要在家关注招聘网站就能第一韶光节制用人单位的需求。

机会多：网络求职的一大特点是招聘信息量大，海量的职位库中，求职者选择适宜职位的机会也就越大。

无限制：“传统的招聘会不是每天都有，而且摧残浪费蹂躏精力和金钱。
”一名求职者在采访中这样表示。
比较其他招聘形式，网络求职也没有区域和韶光的限定，能够给个人创造更多的就业机会。
对付异地求职者，这免却了奔波于不同城市的烦恼；对付一样平常院校学生，由于不易亲临有名企业校园招聘会，但通过网络就可以获取与其它求职者同等竞争的机会。

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 协议

该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。