Contour Diabetes App

Contour Diabetes is a connected system that allows users to send blood sugar readings to their mobile device to help manage their diabetes. 

For the last 3 years, I have spent most of my efforts in creating, user testing, and redesigning parts of this system.

Try the app:

1/6
bggray.png

Intro Tour

When I was introduced to the project, there was an existing Intro Tour designed to help the user with navigation and features. However, it was very cumbersome and user testing showed a clear lack of retention along with frustration even navigating through the tour.

Before:

  • The original Intro Tour had 40 total screens, which is overwhelming 

  • So many things were being presented to the users that there was no chance for comprehension or retention

  • Most of the screens were partially interactive/partially not, so navigation was inconsistent and confusing.

After:

  • The intro tour was moved to appear once a user enters the app for the first time

  • It highlights the most important features on the home page with short explanations 

  • The overlays are in-context and simple, which helps users have better retention

bggray.png

Initial Setup

Once I got familiar with the Contour app, I noticed that one area that could use a re-design was the initial setup. As the user's first introduction to the app, the setup should be clean, quick, and helpful. After talking with the team, they agreed to tackle this project, keeping in mind the following:

 

Optimize the initial setup for users

Minimize development time and disruption

Maintain business and medical requirements

Problems with the original flow:

  • Users had to go through 36 mandatory screens during setup

  • There were multiple unnecessary confirmation screens

  • Several screens had the same information or functions

  • Pairing was required in the setup, so if there were errors or the user didn't have a meter, they couldn't experience the app

  • The app and meter setup were combined, so it wasn't clear which was being set up

Business and medical requirements: 

  • User sets up an account

  • User needs to have the option to fill out a profile

  • User needs to know they are confirming default preferences or have the option to change them

  • User should have the option to pair a meter

  • No change to the overall look and feel

Original Flow (36 Screens)

Asset 3.png

Re-designed Flow (8 screens)

  • Condensed setup and information screens to summaries

  • Changed mandatory settings setup to confirmation of defaults

  • Moved pairing a meter to an option for the user to have after they enter the app

NEXT PROJECT
Contour App Integrations