oneHRCloud,是某集团开发的企业级客户移动端个人信息查询应用,运用先进的互联网技术研发的全新人力资源管理模式,为企业降低成本、提高效率、改进管理流程并提升员工满意度。(以上来自度娘)
一、登录页面
顶部的公司Logo条块,当下流行的web系统首页设计,
左上角的Logo显示,提升企业知名度
右上角的两种语言选择。有英语,可以看出他的用户层比只有一种语言的多,同时也有国际范儿。
背景图片、一句话Slogan,简单易记,体现出一家公司的【主营业务】
二、找回密码
99%的找回密码页面,用户点击后都会打开进入一个新的页面进行找回,而在这,以模态框弹窗的友好交互,让你快速的找回,
其实不然,在这里,没有相应的安全验证,你只是提交找回密码需要的信息,实际是不能找回的哦。
嘿,Jack,不知道我说的对不对?
缺点:页面元素太多,没有相应的步骤操作提示,你知道用哪个找回吗?特别是3个蓝色按钮,你会选择哪个进行点击呢?
但你看到下图的找回密码页面,是不是一目了然,非常好呢?
三、响应式(自适应)设计
判断一个web系统做的是否好的方法,就看她是否做到了响应式(自适应)。
这里你看到了什么?Boss说话了,产品童鞋,你过来,我保证不打死你。
相比另一套系统连不常用的找回密码页面都做了自适应,那其它页面还会不做自适应吗?为你点赞。
四、登录后首页
左上角企业用户Logo显示,每个企业的用户都很高兴,给人以自豪感,可以误认为是自家的系统。
系统一级菜单模块在顶部,比左侧结构树显示更节省空间,
主页内容:面板小板块显示,有自己的待办任务、公告、相应BI报表、工作日历,
哪些需要关注看哪里。
五、菜单选择
一级系统、二级菜单、三级菜单怎么更好的展现,这一直是个头痛的问题,而在这里,你可以快速有效的区分哪个是一级系统,哪个是二级菜单,哪个是三级菜单,交互样式杠杠的,
其它还有:
统一的UI样式:ICON+文字描述,一看就会。
你的业务系统做了多标签显示吗?
多标签显示根据不同的系统来定,
如果功能简单,菜单少,那就不需要显示了,打开一个新菜单直接覆盖原菜单页面即可,
而如果你用的系统功能非常多,包含各个子模块,想在操作这个模块的同时,打开另外一个模块,那你可以考虑加上相应的多标签显示功能。
六、查询统计
搜索查询条件、图表、表格三者如何在一个页面更好的展现衔接,在这里有哪些学习的小点呢?
查询条件可以自定义,
一键生成报表,
报表样式可配置。
明细表格还支持导出。
唯一不足是,整个页面比较高,不能在一个屏显示,需要你滚动显示。
七、四级菜单?
什么,还有四级菜单?功能太多了吧?
你没看错,真的有四级菜单,
功能按钮的统一前面已经提过,
日期控件也非常对称,整个页面对比协调统一。
字段支持手工点击升降序,是这里最大的亮点,很少有B/S架构系统能做到这一点,而在C/S架构里,可以超轻松完成。
结果集的序号不会让你眼花缭乱,
分页器的简洁,可以实现快速翻页,还支持刷新和筛选哦,好贴心。
八、进度与结果
增加任务处理的进度条和遮罩层,让用户知晓已经在执行,不会胡乱点击。用户对结果可以等待和期许。
任务完成的结果框,告知用户具体的执行结果,使用户第一时间知晓总体的数据,和下一步的操作。
九、自定义报表查询中心
想要查询某个报表,还在为搜索条件多,步骤多而烦恼?
这里告知用户4个引导步骤即可完成,
字段即可以是限制条件也可以是输出列表
想看当天、当月、当年的数据,一键点选,同时还支持自定义选择。
输出的列表,所选即所得。
快速预览。
领导说,想看占比,想看趋势、想看明细,
宝宝那个心理苦呀,又要花很长时间做“表哥”“表妹”了,
新来的人资实习生MM说,臣妾做不到啊!!!
幸好有快速图表样式布局,
我选择两栏、三栏、饼图、拆线图、柱状图
这都不是梦,
宝宝高兴坏了
不好,宝宝喜极而悲,写了这么多,那下一步写什么呢?
重磅剧透:神马数据权限、页面元素控制……下集更精彩!