Identify the pain points associated with clocking in and out and filling out timesheets accurately. Consider freelancers, small and large businesses, employees and managers. Ideate, benchmark and finalize an app that helps users track their hours accurately and removes pain points.
Joey is a high schooler who works part time at a sandwich shop on weekends and some evenings. During the school year he is busy with homework, his job and his friends. Sometimes he forgets to clock in when he gets to work. When he first started working he had a hard time remembering his employee code for clocking in.
Jenny is married with two kids in school and works as manager for a sandwich shop. During the summer when the kids are out of school she is very busy. Sometimes she forgets to enter her employee code and clock in or out. She often has to help employees fix their hours because of human error.
Lisa is an independent contractor specializing in home renovations with several employees. She normally doesn't have many issues with hours tracking but sometimes employees don't accurately track hours with multiple clients and activities. She is married with one child in school.
This User Journey was done for Joey to step through his first day at work with this new app. A temporary hearing impairment was added to Joey's persona to simulate the scenario for our user journey.
The goal of the competitive audit was to compare the experience of each competitor's time tracking/timesheet app as a new and returning user. Three apps on the market were chosen to be installed and audited. Desktop options for each app were also factored in.
Prior to ideating on solutions with storyboards and wireframes we were asked to define the objective with a goal statement to help focus our approach
After the competitor analysis and goal statement I began sketching wireframes and storyboards to try to document a variety of different approaches. At this stage I was more interested in "outside the box" ideas while also including a thorough collection of straight forward designs
The main difference between freelancers and standard employees in the app is the ability to change clients. The user flow below shows the freelancer choosing from different clients and tasks.
After completing a working prototype in figma I began the usability study with 5 participants. The feedback was very helpful and is shown in themes below with quotes from different users along with observations.
Most of the issues discovered in the usability study had to do with the navigation bar icons - which had no text - and how the user profile icon was not clearly recognizable.
The results of the usability study emphasized the need to label the navigation icons
The second most prevalent insight from the study was that the user profile icon was graphically confusing, located far away from the navigation bar and was unlabeled. Moving the icon, adding a label and refining the graphic helped users in the second study
When a user's scheduled shift begins TimeSheet Pro notifies the user to clock in while giving an option to ignore the notification.
When a user arrives at the worksite TimeSheet Pro can be set up to prompt the user to clock in. This option is most useful for multi-site workers and contractors/freelancers. This feature can remind users to clock out when leaving the site as well.
The calendar feature shows scheduled shifts for users and allows users to communicate with the manager in case of any issues with scheduling
Users can access past timesheets within the app. Users can also download official paystubs as pdfs to their phone
In app messaginge allows users to communicate with co-workers and managers. This feature facilitates user privacy as no phone numbers or emails are shared between users.
Efforts were made to keep button sizes and text consistent throughout the system. The palette used green as the primary color because the app is focused on tracking time for paychecks (similar to many banking palettes).