Moka(人力资源管理SaaS)产品设计


目录:

  • MOCK/WIREFRAME
  • 整体结构
  • FINAL UI


MOCK



整体结构设计

nDashboard

1)产品提供的核心功能和服务可以很直接地呈现给用户,且有全局感。

·账号绑定区域比较重要,整个系统的很多操作都是基于账号的绑定。其次告诉用户,我们是支持并处理多招聘网站的一站式招聘管理工具。所以要放在醒目位置引导用户操作。

·数据区域可以更好地帮助用户分析和工作,增强用户粘性。

2)便于用户在第一时间获取最新信息。

·最新简历处,用户一目了然就可以看到来自不动渠道的应聘者信息条。

TBC:点击应聘者信息条后,是跳转至职位管理界面?还是不做页面跳转,仅弹窗查看简历?需讨论。

·最新消息,将团队的最新操作动态都呈现出来,便于用户了解。

TBC:点击其中的关键词(例如面试官、某个候选人名)后是否跳转到相关的页面?目前似乎还没有做a link跳转。待讨论。

n招聘管理

原来的“职位管理申请人管理合并为一页,用户在这一个页面就可以管理职位以及这个职位对应的应聘者简历。

n面试日历

在当前的设计思路下,相当于原来的面试日历部分移到了dashboard局部显示。

TBC:这页我的建议是制作大calendar,用户可以做拖动管理操作。

n员工管理

关于将来可能拓展出来的员工管理模块。人力资源管理的其他业务,例如:薪酬、绩效、请假、考勤等等。可以之后再讨论,此处仅做个示意。

n用户中心

“设置”建议改为“用户中心”(包括icon,更贴近用户一些,“设置”可能过于生硬。

此模块放置:账号安全,各大招聘站账号绑定,公司、个人信息,团队设置

n消息中心

右上角的消息中心iconuser用户中心的太像,容易混淆,建议改成message信封的样子,清晰表明这是消息中心。

此模块放置:职位、候选人、面试提醒、操作记录更新等等相关的通知。

 

模块设计思想阐述

n“招聘管理页面:

·顶部header放功能性按钮,以后也可以增加该模块内的导航;

·body分为左右两部分,左侧为职位管理,右侧为针对某个具体职位的应聘者简历操作界面。

1)顶部

·“添加新职位”按钮,方便用户直接添加职位;

·制作专题招聘H5,作为一个帮助HR推广职位的特色功能。
点击后可进入一个页面,可执行:勾选一些职位、选择页面设计风格、输入标题等操作。 完成后生成一个移动端网页,用户通过微信扫码获得,随后自行使用。

2)左侧职位管理

· 顶部有下拉菜单筛选显示的职位

· 点中具体职位,右侧会做相应的呈现

· 红点表示有新的、未读简历进来;当用户将此职位下所有新简历浏览后,红点自动消失;

· 职位操作(查看、编辑、下线、删除)是针对某个职位具体的操作,建议UI设计师设计成小ICON

· 全网发布 是指职位添加后,在用户绑定各大招聘网站账号的基础上,用户点击“全网发布”,可以一键将此职位发布到各大招聘网站。

· 全网更新 是指在各大招聘站,简历的排位是需要用户登录后去手动刷新职位的,每家网站的限定还各不相同。

TBC:此处功能之后还要细化讨论,例如勾选部分、定时刷新设置,这里先知道HR会有这样的一个强需求。

3)右侧候选人管理

·按照业务处理流程划分区块,V3的区块划分比V2版本更加符合HR的实际业务处理需要。

·处于不同流程下的候选人,归类在不同的流程区块下,以一个个候选人信息条的形式呈现。

·在待筛选中,未查看的候选人信息条会highlight出来(加粗或是前面加小点,看UI设计了)。点击并阅读简历后,候选人信息条变成普通样式。

·候选人信息条小块是可以拖动的,用户处理时只需拖动候选人的信息条小块至不同的大区块,就完成了相应的处理。«(拖动到不同区块时,后台数据库也会做相应的更新,应该是一些JS/Jason技术)。

·增加了状态标签:点击应聘者名字右侧的某个小ICON,可以为这个应聘者添加状态标签,标识出这个应聘者的状态。(这里不用做开放式标签,仅设定好一些供用户选择即可)

·右上角,有操作记录菜单,普通情况下是隐藏的,点击小箭头就可以由右侧向左侧滑动展开。

·可在不同流程阶段手动添加候选人。

 

Final UI