<  Back to case studies

Re-design Time Off Product for iOS 8 App

App is used by anyone who needs to capture their critical time and expense data.

 

Project Background

The mobile enterprise was a huge focus for Replicon last year. Replicon partnered with Apple as part of the Apple mobility partner program an exclusive ecosystem of enterprise technology. As a result of this partnership we redesigned a user friendly native iOS 8 mobile app for Replicon users that delighted users by adding GPS time tracking, photo capture, dashboards and data visualization of tracked time and providing a rich user experience within enterprise space. 

As product lead, I spearheaded the user experience and UX strategy on IOS and web app, collaboratively with a team of 4 designers, engineers and a mobile product manger. 

Target Audience

The mobile app is used across thousands of businesses worldwide—from a mid-sized business with a significant portion of field-based staff to a global professional services firm with a mix of full-time and hourly consultants working across multiple locations and time zones.

DEFINE PROBLEM

Replicon mobile app was under performing, Employees had to take multiple steps to complete a task. On the other hand businesses need proof that employees themselves are logging in accurate hours when in the field so that supervisors can approve their time and avoid fraudulent logins. 

Research and Inspiration

Using Net promoter scores we acted upon real-time feedback and insights from customers and the rest of the organization. We tested this project with 5 customers from the user community and simplified item submissions and approvals on schedule for many users. I ran design sprints to define a location based time tracking experience for employees and supervisors. 

Success Metrics

Our emphasis on delivering iOS-based business applications which will give customers the tools to capture, manage and optimize how they spend their time, to drive significant value to the organization.

 
 

proposed hypothesis: 

  • We want to test a new user flow, GPS-location tracking and photo capture to detect and identify employees when they walk in and out of work locations for accurate calculation of time. 

  • The user taps to Clock In, Go on break and Out for the day.

  • Along with this work flow we built a supervisor dashboard that provides productivity insights about the entire team.

  • Provide additional flows to capture time even when the mobile device is offline

Design Goals:

We used green to indicate affirmative action of "Clocking In". When the user went on a "Break" we used yellow to indicate pausing work. Colors helps the user build a consistent language around the app. 

Employee Clocks In  

Jessica Clocks In - Goes on a Break - Clocks Out

  1. Jessica taps the green "Clock In" button from her device
  2. The app access the device camera to take a photo "Take a photo of yourself"
  3. The user chooses to use the photo taken
  4. Conformation screen with time and current location captured
  5. Display a timeline view of the time already captured for the day
 
 

Supervisor view employees current status  

Mobile Dashboard

Mobile Dashboard

Supervisor dashboard provide insights about where employee hours are going, and how to improve efficiencies across every facet of the business.

  • New supervisor dashboard helps the user quickly get employee status for today in
    real-time. 
  • Taping on the status shows the list of employees sorted by status; In, Out, Break. This screen also provides exact location of the employee
  • The graph on the home screen shows employee productivity trends. The Y axis shows number of employee Clocked In and X axis shows the time. 
  • Receive in-app notifications about violation on company policies, new timesheets, Time off request, expense submitted
  • Taping "Timesheet Periods" takes the user to a list of employee timesheets that are submitted. 

Web Dashboard for Supervisor 

Web Dashboard

Web Dashboard

Katie is Jessica's manager and she can edit or check Jessicas status on dashboard

  1. Katie logins in to the web application
  2. By default the app navigates to Team>Time Punches (Dashboard) 
  3. Quickly be able to tell who's clocked in and who's out 
  4. Katie can correct time errors entered by employee. The blue triangle indicates the time has been edited by the Supervisor. 
  5. View corrections made by users through a "Audit History".