Overview
As part of a course on Complex Systems, my team and I were tasked with designing a white-label EMS system.
The primary objectives included enabling employees to log hours, manage absences, and access monthly summaries of their work hours and wages. Secondary objectives focused on providing options for password reset, vacation requests, and sick day reporting with document upload capability.
My roles included UX Research and Wireframing, ensuring the system was intuitive and adaptable to diverse organizational needs.
Defining the Challenge
Rigid Design – The system lacks flexibility, making it unsuitable for diverse employee needs.
Increased Workload and Error Rate – The system’s reliance on manual data entry and multi-step processes, like logging hours and retrieving payroll, adds workload and increases the likelihood of errors in various tasks.
KPI's
Time Spent on Routine Tasks – Tracks the average time employees spend on basic operations like logging hours and retrieving payroll data.
User Satisfaction Rate – Measures employee satisfaction with system usability and functionality via periodic surveys.
Error Rate Reduction – Monitors the frequency of errors in tasks such as data entry and multi-step processes.
Conducting the Research
Our research process included a Competitor Analysis and User Surveys to gauge market standards and gather quantitative insights. We also conducted User Interviews to identify key pain points, an Employee Role Analysis to understand typical job levels, skills, and system familiarity, and a Task Analysis to prioritize tasks by frequency, importance, and difficulty.
Competitor Research and User Surveys
We conducted a competitor analysis on three prominent EMS platforms in the market: Hilan, HiBob, and Timetable. This research focused on identifying common features, usability strengths, and limitations in each system. To deepen our understanding, we distributed Surveys to active users of these systems to gain firsthand insights on perceived strengths and weaknesses.
Key Findings
Updated Calendar Information – Systems with real-time holiday and salary updates in their calendars drive better engagement.
Intuitive Navigation – Systems with clear, simple navigation enhance user experience and ease of use.
Accessible Payroll Details – Quick access to pay stubs and breakdowns improves user satisfaction and transparency.
User Interviews
Following the surveys, we conducted qualitative interviews with selected users, ensuring a Diverse Samples in terms of age, job role, and current EMS platform usage. The interviews covered demographic details, role definitions within their organizations, frequency and nature of EMS usage, familiarity with their current system, and their overall feedback, including areas for improvement and features to retain.
Key Findings
Editable Work Hours – Allowing users to edit hours directly, without manager approval, increases satisfaction.
Real-Time Notifications – Real-time alerts for requests and updates keep users informed and engaged.
Simplified Shift Management – Systems that offer easy shift scheduling and swapping improve coordination and reduce friction for shift-based employees.
Role Analysis - General Employee
Role Level - Mid to entry level position under direct supervision of higher managers, errors primarily impact individual pay rather than others.
System Competency - Basic digital proficiency and adaptability to new systems.
Required Skills & Knowledge - Essential knowledge of company operations and labor laws regarding work hours.
Role Related Goals - Varied per employee, key responsibility is accurate time reporting, crucial for payroll accuracy.
Task Analysis - Tasks according to role, hour reporting, communication with various entities, adherence to company policies.
Tools - Time management system, role-relevant equipment, chat system, calendar and meetings, payroll deductions.
Task Analysis
We assessed and prioritized essential tasks in employee management systems, rating each by importance, frequency, and difficulty on a scale from 0 (low) to 5 (high). The average scores helped shape system accessibility guidelines.
Designing the Solution
We began by developing an Information Architecture to organize the system’s structure and ensure intuitive navigation. Next, we explored User Flows to highlight specific needs. Finally, we walk through Design Solutions to bridge usability gaps and enhance essential tasks.
Information Architecture
The system architecture is designed for simplicity and ease of navigation. All users start at the Log-In screen, which provides access to main screens like Home and personal profile. With only two primary levels and no sub-screens, navigation remains direct and user-friendly.
User Flows
Shift Submission
Log In & Time Entry
Design Solutions
Preventing User Errors in Time Clocking
Working memory is limited, especially during repetitive tasks, leading to forgotten actions. To prevent errors in clocking hours, the usability heuristic "status visibility" was applied.
The system informs the user of their status regardless of the page they are on.
On Shift
Clock out
Time in shift 1:45:34
Off Shift
Clock in
Time in shift 1:45:34
Correcting System Errors
Mistakes happen, and not being able to fix them leads to frustration and avoidance. By implementing the usability heuristic "user control and freedom", we allow users to undo actions, correct errors, and edit information, promoting engagement and trust.
Submission Date
24 Sep 2024
01 Aug 2024
01 July 2024
Request Type
🤒 Sick
🌴 Vacation
🤠 Reserved Duty
Request Dates
Sep 19th 2024
24 Aug 2023 - 31 Aug 2023
24 Aug 2023 - 31 Aug 2023
Status
Pending
Pending
Approved
Modify
Increasing User Engagement and Completing Tasks
Submitting shifts is frequent and time-consuming. Users may struggle with the submission form or meeting quotas. We used gamification to boost engagement, turning the screen into a game board with immediate feedback and "points" for each shift, helping the employee meet the quota.
Sunday 24
Elections 📣
Monday 25
Elections
Tuesday 26
Elections
Wednesday 27
Elections
Thursday 28
Elections
Friday 29
Weekend 🎉
Saturday 30
Weekend 🎉
06:00 AM
07:00 AM
08:00 AM
09:00 AM
10:00 AM
11:00 AM
💵 200%
200%
200%
200%
200%
200%
💵 150%
12:00 PM
13:00 PM
14:00 PM
15:00 PM
16:00 PM
17:00 PM
💵 200%
200%
200%
200%
200%
💵 150%
💵 150%
18:00 PM
19:00 PM
20:00 PM
21:00 PM
22:00 PM
23:00 PM
💵 200%
200%
200%
200%
200%
💵 150%
200%
Reflection and Next Steps
This project emphasized the importance of user-centered design for EMS platforms, highlighting the need for flexible time entry, easy navigation, and real-time notifications. The process revealed challenges in balancing technical constraints with user needs, underscoring the value of simplicity and clarity in task management. If further developed, the next steps would include usability testing to validate design choices and integrating analytics to monitor user interactions, ultimately enhancing engagement and reducing errors.
Full Wireframe Prototype
Wireframe screens
Design System
#E4D3FF
Light purple
#A166FF
Main purple
#280154
Dark purple
#4B4453
Dark gray
#C2BFC6
Light gray
18px
16px
24px
32px
Font
Font
Font
Font
Font
Font
Font
Font
Font
Font
Font
Font
Colors
Fonts
Poppins Regular
Name
Poppins Bold
Poppins SemiBold