top of page

Leave Management Workflow for Roster App

  • Difficult to update and keep track of the leave status

  • Time consuming to maintain paper-based and spreadsheet records and are prone to mistakes

  • No visibility on the leave request status

  • No visibility on the qualification and compliance of external backfill workers 

Leave Management - ipad.png

Background

Leave management stands as a vital component within the rostering system for mine sites. The process involves many variables and must seamlessly handle changes that may occur at any given time.

Requirement

The system must efficiently manage leave and coverage requests for both internal employees and external contractors, addressing the consequences effectively when changes occur.

Challenges

Managing leave for mine site workers is complicated as the whole process involves numerous entities, relationships, and status changes. The primary hurdle lies in visualising the workflow in a way that is intuitive for users, making it easy for them to navigate and initiate changes. The UI must effectively communicate the status of current leave requests and the outcomes of users' intended actions.

User Interview

We conducted interviews with numerous mine site workers and contractors to grasp the intricacies of leave management on site. Currently, leave management relies heavily on paper-based rosters, spreadsheets, and requests are typically communicated through texts and phone calls. We identified several pain points that require attention:

Concept Development & Validation

Design Goal

An intuitive UI and workflow that

  • Offer visibility: inform users on current status of the leave request

  • Provide required information for users to make decisions and take actions

  • Efficient to use: make it easier to manage leave than using spreadsheets

Match between the system and the real world

During user research , we spent quite a lot of time to understand how leave management works in mine sites. We learned the workflow and logics, and a few concepts and we would like to apply to our design.  

Leave Request Status

When a leave request is created, the initial status is pending and awaits supervisors to approve or reject. The supervisors can choose to approve the request with or without backfills. 

Leave Coverage 

Both employees and external contractors can opt in to cover a leave. Supervisors can choose to select candidates internally or send out coverage requests to contractors. There are two factors that needs to be taken into consideration: worker's qualifications and availability.

Cope with Changes

The system needs to cope with modifications and changes alone the way. Users might cancel a leave request or change the dates. Once the changes occurs, the UI needs to inform all users involved and provide information on how they can respond.

Provide visibility of system status to all users involved

The system should keep all stakeholders informed about current leave request status and any changes occurred. They should know what's going on and any actions they can take. 

The balance between recognition and recall 

There are many information and actions required from users who involved. The challenge is how to present and organise those input interfaces and workflows. We've tried:

  • Showing all options and actions on the same page

  • Breaking it down into steps, each step requires only one or few actions

Leave Management - concept 01.png

Showing all options and actions on the same page

  • Good: efficient to use; less clicks; sense of control.​

  • Bad: increase user's cognitive load by presenting too much information on one page; error-prone.​

Break it down into steps, each step requires only one or few actions

  • Good: easy to use; reduce user's cognitive load by presenting only necessary information.​

  • Bad: too many clicks.

Results

Leave Management - Result 01.png

Future Development & Takeaways

The web app can further integrate the following features :​

  • Real-time leave & backfill

Allow users to express their interests of covering shifts. When a team member is on sick leave, others available can opt in for backfill.

  • Better Search

Allow users to search the whole hierarchy or from current location.

🎓 What I've learned:

  • Storytelling Skills for design decisions

​When doing design reviews with stakeholders and developers, it's very handy to apply "before and after" comparison and  focus on the improvement the new design will bring. Include the consideration and usability principles to make the augments more compelling. 

  • Providing instant feedback

When selecting leave start & end dates, user's feedback is that they would like to know how many shifts / hours are within the selected time frame while choosing the dates.

Leave Management - takeaways 01.png

We added a calculator to the bottom of datepicker to provide instant feedback. Users can validate their selection before leaving the datepicker and save time for clicking the datepicker to adjust.​

Leave Management - takeaways 02.png
PORTFOLIO
More Projects
tile - design system - 01 .png
Design System
UI Design Style Guide
bottom of page