场景化分析可以让设计师直击用户痛点，发现精准的用户体验问题，从而通过精准的问题定义明确的设计目标。

01 前言

随着即时通讯的飞速发展，人与人之间的沟通方式已经完全习惯于线上的场景。对于五大民生之一的招聘行业，为了提升企业与求职者的招聘效率，企业面试前的沟通已经成为必不可少的环节，那这个环节的辅助个性功能的增加，已经成为B端产品可以竞争的优势。

02 PC端场景用户使用痛点

通过数据观察，超过一半多的用户是在PC端操作，而对于目前58招聘功能分布为VIP管理后台及58PC企业端，现实中用户的工作场景就是在VIP管理后台处理简历及求职者沟通，同时还要在58PC企业端查看求职者简历，这样两个功能频繁的交替，其实工作效率极低。

而对于面试前的具有决策性作用的沟通环节，也就是VIP管理后台的IM功能却仅仅可以聊天，只满足了用户最基础的需求“电脑打字比较方便”，并且通过数据显示IM的接收回复率占到了整个平台的近一半的量，所以把VIP管理后台的IM功能丰富起来，多维度的辅助用户快速决策，将可助力招聘B端业务的良性发展。

产品侧此次便把58PC企业端的简历功能整合到了VIP管理后台的IM功能中，并且增加多种辅助功能，旨在打造个性化招聘，从而在整个招聘行业里树立58招聘的标杆。

03 产品战略结构剖析

通过用户流的方式来剖析产品结构。首先目前的VIP管理后台的IM场景，用户通过（移动端信息同步、求职者主动发起、B端用户直聊发起）这4方式进入到IM功能，经过双方的沟通后，B端用户会对求职者有（面试邀请、职位邀请、筛选简历、标记求职者状态）这些下一步的操作，此次IM的改版是把前一步与后一步功能全部整合到一起，最终用户只需要在IM这一个功能场景中，边聊天边看简历，并且直接进入求职者筛选的下一步操作，快速找到适合公司的人。

04 设计目标确立

依据IM的使用场景分析以及产品侧的战略结构剖析，进而确立我们的三个设计目标。

第一个，由于IM场景是必须一屏内的操作，所以页面布局需要特别精准。

（1）页面尺寸确定

首先在「恒星」左侧类目栏增加了消息入口，聊天界面变由浮层样式变更为浏览器样式。

1）界面边界尺寸确定

由于中后台的PC端页面设计规范是1400x900px，但是考虑到IM场景使用，尺寸采用市面上比较低的分辨率的笔记本的尺寸1366x768px，刨除浏览器的高度，VIP管理后台顶部状态栏的高度，左侧类目栏的高度，筛选器的高度及间距等，得出的最终的设计尺寸是1100x490px。

2）界面框架尺寸确定

依据最基础的聊天结构，以最小高度为基数a，以a的3倍4倍6倍8倍，在界面上算出最精准的比例划分。

（2）页面层级的确定

第二个，由于在增加内容的同时还要保持基础的聊天结构，所以需要特别明确的页面层级。

1）颜色字号规范层级确定

由于目前VIP管理后台的规范不太适用IM场景的应用，所以为了提升用户的操作效率，拉高层级重新调整。

2）内容层级确定

采用十字交叉法的方法，提炼出对于用户使用的最重要及最紧急的信息，其次信息，最弱信息等。

（3）用户使用的舒适感

第三个，由于增加了很多不同维度的功能，所以这些功能需要合理的出现在界面上，并且要增加用户使用的舒适感。

1. 由于此次改版最重要的功能就是简历查看场景融入到聊天场景中，为了保证用户的使用舒适度，简历的展示方式采用抽屉的形式，用户可以随时展开收起，真正做到边聊边看的场景。
2. 由于IM场景小一半的设置操作功能都在弹窗内完成，为了增加操作按钮的区分度及降低用户的误操作率，采用部分操作用图标的形式展示。
3. 对于用户需要重复设置的操作页面，虽然从产品角度看是对不用内容的不同设定，但是从用户角度看，实质就是一个功能操作，所以界面的展示要满足用户的心理模型而不是产品的表现模型。
4. 对于处于较弱层级的操作，视觉做弱化处理，降低界面的突兀感。

05 总结

场景化分析可以让设计师直击用户痛点，发现精准的用户体验问题，从而通过精准的问题定义明确的设计目标。随之就是为了设计目标的落地一步步的解决问题，最终呈现给用户一个不仅可以高效工作还很满意的产品。

此次IM改版项目上线后，B端用户的阅读到回复的操作效率有了一定的提升，给了我们正向的验证。未来还需不停的找到突破点去赋能，在为用户打造个性化招聘的同时，建立良性的招聘生态环境，从而在整个招聘行业里树立58招聘的标杆。

作者：周圆圆，视觉设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@周圆圆

题图来自Unsplash，基于CC0协议