猎聘网产品重构

"There is a great different between exposure of the mind and that of the body."

理想与现实,设计与工程之间需要权衡,算是个人负责的第一个完整且庞大的跟进到落地的项目。也应该是互联网界,由设计主导的复杂程度能排上名的项目了。


项目背景

Liepin.com是中国领先的高端招聘网站。

猎聘网在成立5年的有效时间内,引入了4轮大额融资,当然,在产品快速膨胀的同时,也产生了很多问题。

我于17年7月加入猎聘网,以资深产品设计师的角色,接手负责猎聘B端产品的改版任务。整个项目直接与CEO汇报,过程由产品总监、设计总监进行质量把控,

作为项目负责人,带领5位PM,2位UR,1位UX同学。进行了为期3个月的研究与设计。

希望解决以下四大问题:
1.产品设计方向混乱,导致产品杂乱无章,核心功能用户感知弱。
2.产品信息架构臃杂乱,导致战略推荐模块露出率过低,转化流失率高
3.产品的服务触点流程过长,导致核心功能漏斗转化跳出与流失严重。
4.UX过于陈旧,无组件化,导致设计风格不统一,功能新增/迭代交付效率低下。



一、利益相关者访谈

为了保证项目能顺利进行,希望了解各相关服务部门对B端改版的整体诉求,平衡各方出利益,从而降低项目推行阻力。

于此,我们进行了为时三天的利益相关者访谈。
//访谈人员包括:CEO、CDO、销售SVP、GCDC VP、CDC负责人、BOC负责人等。





同时获取更多上游信息,使产品有初步清晰的定位。我们分析了每一位利益相关者的利益和动机,选取最重要的3项核心诉求,制作了利益相关者图谱。



在此过程中,我们对核心收入产品进行了明确定义,希望通过平台的设计切入增量市场,强调效率型服务产品(即互联网+工业化人工服务,在猎聘平台上提现为高客单价的人工服务,e.g.面试快、入职快、急聘、猎头快等)的曝光



二、决策者/用户调研

猎聘产品为典型的部分使用者与决策者非同人的产品。在产品重新设计过程中,需重新审视与平衡二者诉求。
于是我们根据DIG与销售团队提供的用户数据,进行用户/决策者划分,同时进行了多次访谈。建立了B端用户的典型决策者画像/用户画像与需求矩阵。

部分决策者画像





典型用户画像



基于上述分析及调研,我们结合用户特质与产品功能,整理出产品需求矩阵。

产品需求矩阵



产品需求矩阵为原有基础上设计一级信息架构的提供了重要的支撑信息。



三、竞品与市场分析

了解清楚内部与用户后,我们尝试从市场及竞品的角度重新定位猎聘产品。
于是我们做了竞品分析,尝试了解以下四个问题。

1.明确目前招聘市场的总的趋势和竞争对手分布
2.明确竞品的商业模式,信息架构。
3.了解猎聘的核心竞争力,用以指导产品信息架构改版。
4.了解可能出现的新型模式用于增强猎聘生态链系统。

竞品分析部分(友情提示:太长懒得看就跳过吧哈哈哈哈)

结论:
机会:
大数据/机器学习 加速解决信息不对称问题,提高信息对接效率
移动互联网场景化转型
垂直市场机会渗透与挖掘:切增量市场>切存量市场
招聘的SaaS服务,从HR工具变入口

瓶颈:
软技能意识、偏好层面的信息很难结构化与标准化,JD和CV能承载的信息只是冰山一角。
中介化平台与去中心化互联网产品存在本质冲突

四、一级信息结构



基于竞品分析结论,及猎聘现有功能模块,我们尝试一起讨论并设计了一级信息结构





五、整站信息结构

为了产出工程化的信息架构,我们进行了大量卡片分类,希望了解用户对不同模块的认知与聚类的看法(机器给出了最佳聚合方式,当然我们没有鸟它进行了聚类分析)。

图为被我们玩跑的HRD



图为卡片分类及结果







基于一级信息架构的设计结果,兼顾产品战略方向,以及用户认知设计准则(认知负担,识别范畴,可接受信息颗粒度),在不断的与后端同学进行实现成本的权衡之后,最终设计出了整体信息架构。



下图为旧版,肉眼可见的合理。



当然,由现在上线的结果来看,关键页面的露出率均有提高。
部分数据:
发布职位+10%
消息触达0 → 8%
商业产品中心0 → 5%




六、数据分析及流程梳理

此后,我们尝试梳理不同用户的核心体验,进行了数据分析与核心流程梳理,尝试从多方位定位细节问题,来支撑细节信息结构设计。



结合数据分析基础,梳理了典型动作发起的用户流程,对流程进行优化。



结果还是比较可喜的:
发职位平均停留时间 210s → 150s
高级搜索(效率较高的复合条件搜索)发起率翻倍
消息中心处达率由0至8%




七、整体设计方案

在定义导航布局上,采用了切换效率及拓展性都较为均衡的侧边栏导航。 我们调研了国外70余参考案例(一顿抄)。



整体方案设计迭代了3个版本,最终版的设计方案如下。 视觉是@王小米搞的,我觉得挺敷衍的...所以暂时不放了哈哈哈哈哈




部分交互设计文档(细节文档过于琐碎,暂时不放了),由此也建立了猎聘的交互设计输出规范,一直在沿用,深得前端同学喜爱。





八、部分已上线设计方案/数据

后续考虑到项目风险(招聘需求在为三、四月份较为强烈,且猎聘通占据了猎聘80%的收入,约为10亿/年,最终方案被划分为多模块分批上线)。

既负责逼逼,又负责输出的我跟进了首页、发职位、找简历、简历详情、商业产品中心部分。

图为一些数据(核心基础数据无法对外展示)





九、组件化

在设计过程中,\组建了猎聘网第一套Web端交互/UI组控件,用于后续设计与迭代。后与前端协商,同步进行前端框架的升级(ReactJS),我抽离了部分交互组件,协助推进了第一套视觉规范的建立。(非常感谢被我折腾的够呛的启东和小杰)





十、整体安排与排期

整体过程,排期计划如下。按时完成研究与信息结构设计部分,跟进后续产品上线方案及MVP迭代。 图为研究阶段排期



项目历程如上,因产品体量过大,仍在持续迭代上线(目前完成率约为70%)

我本人于17年底,获得猎聘网年度个人精英奖(Top 0.5%)。

你 可 能 也 会 对 以 下 项 目 感 兴 趣

交互设计输出文档
2018/2/25
  Daimler-Benz LSC
2017/5/1
请输入密码