Back to home

SAP Time Entry Mobile App

From Dreaded to Done: how one feature transformed time entry for field workers. A ground-up redesign of a weekly time reporting app with 100K+ users, turning a frustrating experience into a fast, seamless process.

2024Design LeadNative Mobile App · iOS · Android
From Dreaded to Done: How One Feature Transformed Time Entry for Field Workers

Problem

The SAP Time Entry Mobile App helps workers submit their time sheets "on the go" — intended to help workers on job sites that don’t have access to their computers. However, the mobile app received hundreds of poor reviews in the app stores because it made entering time more difficult. This cost the company both reputation and efficiency, signaling a clear need to reimagine the experience from the ground up.

Animation of the original SAP Time Entry mobile flow showing how tedious it was to enter time
A collection of poor App Store and Google Play reviews criticizing the original time entry app

Outcome

3x
Faster Time Entry
4.4/5
Ease of Use Rating
200%
Increase in User Satisfaction
Solution

From slow and tedious time entry to just a few clicks

To address this issue I led a ground-up redesign for a new mobile application. The new designs improved overall satisfaction and significantly reduced the time it took for workers to submit their time sheets.

Animation of the redesigned time entry flow, completing a weekly time sheet in just a few clicks
Process

Leading design with no dedicated PM

There was no dedicated project manager for this project. On top of leading design, I was also in charge of establishing weekly project goals and keeping the project on track. This involved aligning stakeholders across product teams and accounting for their constraints. My design decisions were based on a combination of both qualitative and quantitative feedback.

  1. 01

    Discover

    • Customer Review Analysis
    • User Interviews
    • Competitive Analysis
    • Data Mining
  2. 02

    Define

    • Problem Definition
    • Project Scoping
    • UX Audit
  3. 03

    Design

    • Ideation
    • Wireframing
    • Prototyping
    • Mobile Design
  4. 04

    Validate

    • Usability Testing (2 rounds)
    • Developer Handoff
Research

Using AI to automate research and establish more accurate goals faster

I began manually recording reviews from the App Store and Google Play store to try and capture all of the feedback that was out there. However, with thousands of reviews this became too tedious.

Manually recorded App Store and Google Play reviews compiled into a spreadsheet

To efficiently synthesize the data, I reached out to the data science team for help. We pulled each review and summarized the findings using AI. This led to faster and more accurate data analysis. After extracting the most common problems workers faced, we were able to establish clear goals.

AI-summarized synthesis of thousands of reviews surfacing the most common worker problems

Goals

  • Faster Time Entry
  • Prevent Information Overload
  • Adopt Modern Design Patterns
Journey Mapping

Capturing worker sentiment through journey mapping

After having a better understanding of what was making workers the most frustrated, I created a journey map to visualize the steps and touchpoints for our workers. This helped uncover pain points and identify the biggest opportunities for improvement.

A journey map visualizing the steps, touchpoints, and emotional highs and lows of a worker entering their time
Design Decisions

Key improvements to speed up time entry and reduce cognitive load

01

Introducing the copy time feature

Through research I discovered that the majority of workers were working the same tasks for the same amount of time each day. However, the existing app required them to manually enter their time every day. To make this easier, I introduced the ability to copy and paste time from one day to multiple days.

Animation demonstrating the new copy time feature, copying one day’s entry across multiple days
02

Using progressive disclosure to reduce information overload

The existing application was criticized for having too much information on each page. To address this, I identified areas throughout the app where we could eliminate information or break it into separate sections. This reduced cognitive load by only showing the most necessary information at each step.

Animation showing progressive disclosure, revealing information step by step instead of all at once
03

Adoption of modern design patterns

Another common complaint was that the app felt outdated. Today’s workplace tools are held to a higher standard. By updating core components with contemporary UI patterns, we significantly improved both usability and user perception.

A modern calendar component for selecting dates
Calendar
A modern time picker component for entering hours
Time Picker
A card carousel component for browsing entries
Card Carousel
A toast success message confirming a completed action
Toast (Success Message)
What Users Said

Feedback from usability testing

You're making our work much easier... when will this tool be available to use?
Usability Participant4/5
Oh neat, I don't have to individually enter each field anymore. That's cool.
Usability Participant5/5
Impact

Results

3x
FasterTask Completion
4.4
out of 5Ease of Use Rating
200%
IncreaseUser Satisfaction
45%
DecreasePage Count
65%
DecreaseInput Fields
Takeaways

Lessons learned

Automate Research
Use AI to synthesize large amounts of qualitative data.
Modern Patterns Matter
Users expect contemporary UI in workplace tools.
Progressive Disclosure
Show only what’s needed at each step.