Enhanced Timesheet Reviewal Experience with Research-backed Insights
Role
Researcher, UI Designer / Developer
Methods & Tools
Unmoderated Survey, Maze, TailwindCSS, Ruby on Rails
Timeline
August - October, 2022
Overview
For managers overseeing hourly staff, efficiently reviewing and approving timesheets is essential for smooth payroll processing. In 2019, Workforce.com launched a new mobile app on an improved tech stack, updating the timesheet interface with a new flow and modern visuals. However, many managers found the approval process less intuitive than in the previous app and current desktop version, prompting work around how to revise the experience to better meet their needs.
Goals
Identify the reason for perceived deficiencies in the timesheet reviewal page and redesign it based on the feedback.
Outcome
Two key missing features were discovered and adderessed, leading to an 80% satisfaction rating for the page.
Research Approach
Initially reviewing existing feedback on the timesheet approval process, I discovered that some proposed solutions were based on untested assumptions. Given a 6-week timeline and the fact that our user base spanned multiple regions, it was crucial that we could test these assumptions in an efficient and comprehensive manner. We developed hypotheses to address the assumptions and set out to validate them through targeted research.
Given our cross-regional/time zone userbase and project timeline constraints, we sent a survey out through the platform, Maze.
The survey ran for 2 weeks, but after the first week, we updated the notice to be more urgent, bumping our mediocre response count up to 100.
Hypotheses
01
Removing the "swipe to approve" would solve confusion around approving a timesheet.
02
Displaying a list of timesheets would solve complaints around the tedious process of approving one at a time.
Objectives
01
Identify why users want to remove the "swipe to approve gesture."
02
Identify user expectations for how timesheets would be displayed in a list.
Method
I opted for an unmoderated survey to quickly capture sentiments and gain a basic understanding of user behavior and preferences across regions.
Within the product, I placed a notice on the mobile app’s timesheet approvals page and ran the survey for about 2 weeks, enough to capture close to 100 responses.
Insights
Less than 20% of responses indicated they used the swipe gesture, but most found it frustrating because the page lacked undoing approvals.
​
The need for a list of timesheets solved for simply seeing the other timesheets, but didn't solve for quickly finding a timesheet.
Proposed Design
01 Viewing Approved Timesheets
The swiping gesture would be removed because it was not used often, but more importantly, approved timesheets would be added to the page as a separate view, allowing for reversing the approval.
02 Group List by Teams
A list of timesheets would be provided, but with the addition of sorting by team which improves findability.
A fat marker sketch (see Shape Up Framework) of how pending vs approved timesheets would appear in the app. Borrowing the group by team setup from Shifts, as depicted by Team Schedules, this would also be applied to timesheets.
Solution
List by Teams
We had a few other mobile app interfaces which grouped lists by teams, making it easy to adapt the solution to the timesheets interface.
New Toggle
To view both pending and approved timesheets, a new component was introduced to switch the lists out dynamically. This was later adapted to other lists across the app.
No Swiping
To view both pending and approved timesheets, a new component was introduced to switch the lists out dynamically. This was later adapted to other lists across the app.
Changes were shipped incrementally, focusing on the most complex changes (new data retrieval) to least complex (changes to visual presentation of elements). The final solution included the ability to see approved timesheets, to unapprove them, and view timesheets by a list grouped by teams.
Impact
01 80% satisfaction rating
A post-release survey revealed an average satisfaction rating of 5.4 on a 7 point Likert scale.
02 Design System & Maturity
The improvements from this project incited more work on standardizing lists, toggles, and general page layouts which expanded our design system.
Takeaways.
01 Problem before Solution
While we were likely on the right track by noting frustrations with swiping and inability to view a list, understanding the underlying user pains first ensures a solution that truly meets user expectations.
02 Capture User Behavior
Establishing a platform to capture user behavior directly, rather than only a survey, could significantly enhance future similar projects.
03 Cognitive Under and Overload
Simple interfaces are useful for reducing cognitive overload, but if it's too simple, this can increase frustration. Striking the right balance is crucial, especially with users who oversee large amounts of information.