OVERVIEW
With the advancement in technology and the increase in number of organization and institutes taking attendance manually for employees or students has become labor-some. PresénceX is a touch free, face recognition attendance marking application
The User Experience of the application has to be redesigned to make it simple for every employee to use and the interface should appeal to users from all department.
OBJECTIVE
The goal of this project is to redesign the application based on the feedback and newer updates. The following has to be seen through:
-
Incorporate additional features.
-
Integrate required screens for features with incomplete sequence.
-
Make changes in the UI to bring in visual order.
-
Eliminate unresolved issues from the prior update.
TEAM MEMBERS
iClimb Systems India Pvt- Project Manager, 1 Developer, UX-UI Designer (Me)
ROLES
UX Researcher, UX Designer, UI Designer
TOOLS
DURATION
Figma, Photoshop, Illustrator
6 Weeks (2021)
1
2
3
Testing
Research
Ideation
4
5
Redesign
Deliver
WHY WAS REDESIGNING NEEDED?
-
To accommodate the need for a new feature- Project Management so that the Admin can manage projects in the company.
-
Addition of Time Sheet feature for employees to track their progress.
-
Change in UI because of the use of certain colors which makes it hard to perceive data
-
There are no action screens to update employee check-out by Admin
FEATURES
I
Face recognition
based attendance system
II
Attendance
Record Management
III
Locating
Employees
IV
Leave
Management
V
Kiosk mode for
field employee
VI
Project
Management
VII
Employee time
Sheet report
VIII
Team Attendance
Management
USER ACCOUNTS
01. ADMIN
An Admin is on the top of the hierarchy. They have access to all the features on the application. They can access the data of the entire organisation.
02. HEAD OF DEPARTMENT
The Department Head comes second to the Admin. They have access to all the features but their data access is limited to their specific department.
03. EMPLOYEE
The Employee has restricted access on the application. They have access to only their details.
USER PERSONAS
With the existing data, two user personas were built to understand the needs and pain points of the target users of the application.
The 2 user personas:
-
Dilip Kumar, a co-founder of an interior design firm
-
Jitin Das, an employee at an IT firm.
JOURNEY MAP
The journey map assisted in visualizing the journey the user goes about throughout the day, what elements lead to frustration, and what causes joy. It aids in getting into the user's shoes and understanding their experiences in reaching their goals.
INFORMATION ARCHITECTURE
01. ADMIN & HEAD OF DEPARTMENT
02. EMPLOYEE
LOW-FIDELITY PROTOTYPES
01. ACCOUNT FOR ADMIN & HEAD OF DEPARTMENT
02. ACCOUNT FOR AN EMPLOYEE
VISUAL STYLE GUIDES
HIGH-FIDELITY PROTOTYPES
01. ACCOUNT FOR ADMIN & HEAD OF DEPARTMENT
More Options
02. ACCOUNT FOR AN EMPLOYEE
Home Screen
01
02
03
The Home Screen for Employees has limited features.
If the employee forgets to check-out then they get a notification letting them know about it.
The employee can request the Admin to update the check-out time.
01
02
03
Profile Screen
03
01
02
The Profile Screen for Employees containing their attendance & details.
The employee can confirm their check-in and check-out timings for any day.
The employee can request the Admin to update the check-out time.
01
02
03
03
01
02
While checking out the employee is provided with an option to Update Time Sheet.
The employee can update the number of hours against each task.
They can update hours for all the projects they are a part of.
Fill Time Sheet
01
02
03
The employee can apply for leave using the application.
Apply for leave
LIMITATIONS
-
Not enough user testing was done for the new feature implemented.
-
Designs were tailored for mobile-use only. No design versions were created for kiosk-mode.
-
Due to time limitations, a majority of existing research was leveraged.
-
The short timeline did not allow for a competitor analysis.
CHALLENGES
-
It was challenging to design distinct user flows for different user types- Admin, Head of department and Employee.
-
Given that the product was already in use, the redesign had to be completed on a fast-paced schedule.
-
The design had to be versatile enough to suit users across different age groups and domains such as students at schools, employees at offices, and workers in factories.