Sugy

Mobile UX design for  helping Type 2 Diabetes patients

Problem Statement

Diabetes is 7th cause of death in the US. Keeping a record of Blood Sugar, meals and activities are vital for monitoring health conditions in Type-2-Diabetes patients. If people, specially senior citizens, don't find ways to easily record their health data, they might face some serious threats to their well being. 

Design Goal

Designing an easy to use mobile application that helps senior citizens keep a record of their Blood Sugar and other health indicators.

 
 

Overview

Team

Hesam Andalib, Amir Mostafavi

My Roles
  • Story mapping, wireframing, UI prototyping

  • Conducting User Research 

Sponsor

Dell Medical School

Tools
  • Balsamique

  • Figma

  • Dialogflow

Timeline

Feb 2020 - May 2020

Approach

After doing some research on the subject, the design phase started with story mapping. By summing up our findings, we started wireframing and testing the primary sketches with potential users and employed the takeaways in the final stages of the UI design. Designing a Voice user interface was one of the key features that we added to this design to make the meal logging process easier for the end-user.

Background

This project was proposed by researchers at Dell Medical School. They were dealing with the difficulties of using mobile applications for helping T2D patients of underserved communities with their health records.

About 30 million Americans have type 2 diabetes and these people need to monitor their blood glucose and be careful about their meals and activity level. Self-management mobile applications can help these patients to keep track of meals and blood glucose and help them to set personal goals, track progress and get feedback about their lifestyle. 

Roadmap
roadmap.png
 

Research

For kicking off the project, we started with two research steps:

  • Dell Medical School provided us with the result of their research and ask for simple solutions that enable elderly and underserved people to use new technologies for tracking their health records

  • In the other step, we analyzed 6 competitive applications to see how existing solutions address our challenge

After the research and competitive analysis, we started to synthesize all the data gathered and make use of it through story mapping.

We started with story mapping  in order to have a roadmap for the design stage. We revised our story map two times during the project to make it more accurate and specific to our user needs.

Hesam%26Amir%20(3)_edited.jpg

The key takeaway from this process was narrowing down our users, their pain points and finding the focus and direction of our design.

sugypersona.png
 

Design

The primary goal of this project is to help people over the age of 60, struggling with T2Dtrack their diet and health data comfortably.

Strategies.png
Wireframing

At this stage, we were thinking of designing a UI flow for the patient that is easy and simple to use. We also thought that on the other end, how will the doctors' UI look like based on the data gathered by the user.

User Testing

we asked some of the old family members to take a look at the wireframes via a Zoom call and provide us with their feedback. 

usertest1.png
Mid-Fi Prototype

Based on users' feedbacks and collaborative discussions, we made some decisions to move the design forward. Two of the main challenges at this stage were as follows:

Challenge
How might we make the feedback feature easy to understand?
Decision

Adapting the gauge form as our feedback element because everyone is already familiar with it

midfi.png
User Testing

We asked some of the old family members to take a look at the prototypes via a Zoom call and provide us with their feedback. 

usertest2.png
Challenge

How might we make our design more accessible?

gauge.png
Decision

For a design to be inclusive, it must provide both dark and light themes for users.

Decision

Use labels wherever colors have meaning

Decision