m-health learning app

MGY is a 501c3 with the goal to expand health systems in underserved areas that face tremendous barriers to accessing healthcare. MGY partners with local organizations in target communities to train community health workers with the help of a mobile app. I led the redesign to improve the usability and clarity of the app.

View Our Prototype

ROLE

Lead designer — discovery, wireframes, user research, UX/UI design. Phase 1 was made possible by Aquent’s 2019 Designing for Good Grant.

TEAM

Daniel Ebbs, DO, MGY Co-Founder 

Sam Waggoner, Software Engineer Lead

David Tseng, Software Engineer

SOFTWARE

InVision, Hand Sketches, Adobe XD

TYPE

Volunteer

 
Screens_all screens.jpg
 

the PROBLEM

Community Health Workers are non-professional health providers who are members of the communities they serve. MGYs mobile app educates CHWs with training media such as presentations, videos, and quizzes. With this redesign, attention was paid to enhancing its usability, adding key features, and incorporating graphic design elements that better reflect MGY’s brand.


 

Phase 1: Modifying existing content

An exploratory phase with the developers and MGY directors was needed to assess short-term and long-term goals. Our metrics are based on functionality, aesthetics, and analytics. 

FUNCTIONALITY

  • Adding missing features

  • Re-thinking current user flow (CHWs vs MGY Volunteers)

AESTHETICS

  • Minimalism 

  • UI as way-finding 


ANALYTICS

  • How can MGY monitor success

 
First Wireframe Iteration

First Wireframe Iteration

Before (Left) and After (Right)

Before (Left) and After (Right)


Research

there are two main users with very specific needs. Looking at the existing app, it soon became evident that additional features were needed to create a flow that would benefit both CHW’s and MGY volunteers.

USER A: CHWs

  • Create an account & view account details

  • Easily access learning materials

  • Ability to change language

  • Not able to delete/edit data on the app

USER B: MGY VOLUNTEERS

  • Upload results to server

  • Edit user information

  • Download different learning programs

training.jpeg
volunteers.jpg

Key Features

  • Changing Between Programs: A simple change that resulted in streamlined work processes. Previously, users could not change between different learning programs (i.e. Uganda vs Peru) -- developers had to uninstall the entire app and install a duplicate copy with the new program’s learning material. This doubled the work-load of the development team and made it impossible for MGY volunteers to make changes themselves on the ground.

  • Admin Tab: A password protected admin tab was created so only MGY Volunteers could access certain features.

  • Create User without Login Credentials: An important factor to consider is that CHWs have very little experience with software. We were hesitant to have them create a username & password, but in order to monitor success, we needed to still track who was using the tablet. By giving only MGY volunteers access to editing user information, we were able to bypass login credentials for CHWs


Next Steps

Phase 2: Improving and expanding

Testing phase 1 with COmmunity Health workers and MGY volunteers is a crucial next step to make this program successful. Another goal of the design team is to expand and improve current functionality that wasn’t included in Phase 2.

FUNCTIONALITY

  • Progression of learning 

  • Adding multiple languages

  • Testing Phase 1 user flow and modifying design based on user feedback

AESTHETICS

  • Exploring  a visual representation of progress

ANALYTICS

  • Quantifying videos watched, # of times workbooks accessed, etc.



 
Preliminary Phase 2 Sketch

Preliminary Phase 2 Sketch