All work

Case study · 02 / 02

Fixing shift clock-in for a workforce app

When two shifts overlapped, workers had no way to tell the app which one they were starting, so their hours often landed on the wrong shift. We redesigned clock-in so every hour goes to the right shift and pay comes out right.

Company stage
Early Stage
Industry
Workforce Management
Business model
B2B
Platform
Mobile, Web
Location
Singapore
Timeline
Jul to Aug 2018 (2 months)
Link
workmate.asia
Product DesignUser ResearchUsability Testing
ariantisilvia / work / WorkmateS
DesignResearchSpecsResult
Workmate: Fixing shift clock-in for a workforce app
Fig. 01 · Workmate, overview
01 · Research

Which shift is this?

When shifts overlapped, clocking in went wrong. If a worker clocked in at 10:30 AM, the system could not tell if they were 30 minutes late for Shift 1 or 30 minutes early for Shift 2. Timesheets and payroll ended up wrong.

ariantisilvia / work / Workmate / Which shift is this?S
DesignResearchSpecsResult
Timeline with three overlapping shifts and a worker who clocks in at 10:30 AM
Fig. 02 · Timeline with three overlapping shifts and a worker who clocks in at 10:30 AM
02 · Design

Before: the app has to guess manually

Clients could already book one worker on overlapping shifts. At clock-in, the app chose a shift by itself, and often it chose the wrong one. The hours went to that shift, the other shift showed as a no-show, and pay was wrong. The clock-in screen had to let workers say which shift they were starting.

Fig. 03 · At 10:30 AM the app picks Shift 1, the worker came for Shift 2, and the timesheet ends up wrong
03 · Result

After: workers pick their shift

Now workers choose the shift they are starting when they clock in. The time goes to the right shift, and there are fewer errors.

I kept the flow short and easy to follow. The team added a few game-like touches so picking a shift feels quick. We went through three rounds of prototypes and tests in Indonesia before the design was ready.

ariantisilvia / work / Workmate / After: workers pick their shiftS
DesignResearchSpecsResult
Mobile screen where a worker picks the shift before starting work
Fig. 04 · Mobile screen where a worker picks the shift before starting work
Result

What changed

We tested the final prototype in Bangkok, and workers liked it. After launch, operations ran more smoothly and users trusted the app more.

Fewer timesheet errors
More user engagement in the first three months
Next case studyStemly, redesigning a supply chain forecasting platform

Want to talk about a project like this?