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.

Full Interview Full Interview Full Interview

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