EMPLOYEE LEAVE MANAGEMENT SYSTEM

User-Centered Design

Design Strategy

Business Goal - Design a leave management application for employee to have a hassle-free experience.
Cross Channel - Web Application
Target Users - Working Professionals for a multi-national company
General Tasks-
  • Select a single day/ date range or a half-day to apply for a leave.
  • Select leave type from multiple options.
  • Upload required proofs in case it is expected
  • Add a description/ reason for taking leave
  • Cancel applied leave
Insights - View overall leave records on the dashboard
Technology Constraints - Impact of internet, Employee compliance constraints

User Research

Qualitative Research

I interviewed 4 working professionals to know about their views on a leave management system
  • What is their current process to apply for leave?
  • What major issues do they face while using a leave management web application?
  • What do they look for while applying for a leave?

User Persona

Archana
Age - 28
Occupation - UI Developer at Coral
Location - Pune

Prudent Planner, Joyous, Unmarried
Goals
Frustrations
  • Apply for a 14 days leave for her marriage
  • No single dashboard to view leave balance and past leaves
  • Scattered information on the website
  • No visibility on last year's credited leaves
  • Unaware about whom to reach out to.
Bio - Archana is a multitasker, hailing from a small town in Pune. She is excited and nervous as she will be soon getting married. She is a prudent planner and prefers easy and quick service.

Storyboarding

I used illustrations with dialogues and narratives along with tagging the sequence of activity. This helped me understand user's thought processes while interacting with the system

Space Saturate

To have clarity on the scope and features of the design solution, I used the space saturate method. This helped me keep the requirements in line and prioritize them along with considering exceptions.

Open Card Sorting

To evaluate the information architecture better, I conducted open card sorting with 2 participants.

Information Architecture

Wireframes (low-fidelity)

Paper prototyping helped me focus on the important things and re-iterate the information architecture. Also, it helped me identify reusable components that can be created for each screen to speed-up the high-fidelity design process.

UI Kit

Prototype (High-fidelity)


In case if Vimeo fails to play, please find the YouTube link here - https://youtu.be/O7OkmwUeoO4
View Prototype