To be released in 2025
Client: Workjam

How can I see when I punched in last?

I improved the design of the punch clock feature to guide users seamlessly to their next punch, enhancing accuracy and reducing errors in time tracking.

Punch clock feature components
Role

Lead product designer

Paired with

Content designer

Platform

Web, iOS, Android

The punch clock in the WorkJam app is part of the Time and Attendance feature. The punch clock generates automated timesheets, which helps employees track their time and correct any errors if needed to ensure accurate payroll.

The problem

The current punch clock feature in the WorkJam app leads to frequent mistakes because employees cannot see their last punch, increasing the risk of errors. For instance, if an employee forgets they’ve already punched in, they might press the clock-in button again, resulting in duplicate clock-ins on their timesheet. This creates inaccuracies that employees need to correct, wasting time and causing frustration.

Research

In preparing to enhance the punch clock feature, I audited app reviews to identify common frustrations experienced by front-line users. I also focused on understanding the data we have access to within the WorkJam app and how we could leverage this existing data to improve time tracking and reduce errors.

The opportunity to use scheduling information to guide employees through their punches was the key to making the punch clock smarter. By integrating data about employees’ scheduled shifts, we can help them avoid mistakes like duplicate clock-ins and ensure more accurate timesheets.

There’s no way to see if I’ve already punched in, so I often end up doing it twice. This messes up my timesheet and means I have to spend extra time fixing errors.

Anonymous, Driver & Transporter
A flowchart of the user's journey from the moment they open the punch clock app.
A flowchart of the user's journey from the moment they open the punch clock app.

Testing and Iterations

Given that employees primarily use their phones to punch in, my initial designs focused on Apple devices, as our data showed a large percentage of users are on iPhones. Once we finalize the design and flows for iOS, adapting the features for Android phones and mobile web will be straightforward.

Creating interactive prototypes allowed other members of the design team to engage with the design and provide feedback. This collaborative approach was crucial in making decisions about button sizes and how information is displayed.

Learnings

Overall, this project reinforced the importance of thorough research and iterative testing. Understanding user pain points and frustrations is crucial for creating a feature that not only performs effectively but also feels intuitive and reliable. The iterative process of testing and refining ensured that, despite the complex data handling in the backend, the final punch clock feature maintained a minimal and intuitive UI on the front end.