优捷信达科技团队博客

优捷信达考勤系统视觉分享

woboy | 28 四月, 2010 15:41

产品是应需求而生,需求变动必然导致产品的更新。随着优捷信达的发展,原有的考勤系统已经满足不了公司员工的各项需求,例如:随时能对自己的考勤历史进行查询、了解自己这个月请假天数、对自己迟到原因进行备注以便日后查阅等,这些需求旧系统中是没有的,而且旧系统不太人性化,速度慢。基于以上因素,考勤系统进行在技术和界面上的更改。

我主要在公司负责UI方面工作,所以在此就工作中的实 践经验和大家做分享,很多不足之处期望和大家共同努力。

关于风格定位:

优捷信达历来对蓝色情有独钟。考勤系统是给公司内部员工使用,所以我们不必拘于一贯严谨的风格,在色彩上选定绿色为主调,绿色给人轻松、积极、清新的感觉,而且绿色和蓝色向来也不冲突。
下面是进入考勤系统主界面(客户端)

优捷信达考勤系统界面

关于细节设计:

因为考勤系统在操作上用比较少,主要是供纪录每工作日考勤情况,但操作又及其重要,特别是签到。所以在主体结构上分为两大部分,顶部为操作,下面全部为浏览之用。

在顶部四个按钮,按重要次序排放,并将“签到”设置为最大,颜色最亮的按钮,以方便员工一登陆即可很方便找到签到按钮,而不是旧系统中,签到按钮放到最下面。

新的系统采用ajax,各种提示都是在当前页面弹出小窗口提示:

优捷信达考勤系统界面

签到、签退提示窗口中加上相应的表情图片,我们优捷信达不仅有严谨一面也有活泼一面;考勤登录窗口,新增一个“登录并签到”按钮。这个主要是针对那些踩点到公司,出电梯后疯狂奔跑的同事而设,呵呵。。更多细节比如图标和各种文字色彩方面就不再累赘了。

这个考勤系统只是我们优捷信达内部一个小小系统,也是我们其中一个实验平台,看似简单的界面和功能,却是我们精益求精的一个局部写照。

 
Copyright © 2009 Eucita Technologies Co.,Ltd. All Rights Reserved   |  Powered by LifeType