Jessica W. Liu
UX / UI Designer
amma-thumbnail.jpg

AMMA

MOBILE APP UX/UI DESIGN

amma-thumb.jpg
 

How can we help asthma patients better manage their asthma?

Project
The Asthma Management & Monitoring Application, or AMMA, is a new wearable health tracking device specifically created for asthma patients.

The Companion App
The companion app offers a tangible way for users to understand the data collected so that they can better manage and monitor their asthma. It offers guidance through any complications by taking users through their asthma action plans and gives secondary users, such as caretakers, an opportunity to remotely monitor the primary users wellbeing.

CLIENT
Designlab x AMMA

MY ROLES
UX/UI Design, Usability Testing

TIMEFRAME
June - July 2016
60hrs. maximum

 
 
 

To start, I had to understand the problem space, the target users, and analyze how others approached their solutions to asthma management.

Literature Research: 
Read various articles about asthma symptoms, triggers, etc. to get a better understanding

Competitive Analysis: 
Conducted competitive analysis to understand how others approached asthma management solutions

Participant Surveys: 
Created a questionnaire and distributed online throughout asthma forums. Gathered 16 response.

Secondary Research: 
Read through various asthma forums, Facebook groups, etc. to see what other pain points and information I could pick up.

 
 
It can be hard to interpret what my oxygen levels actually mean, especially when it’s okay but I’m having symptoms
 
keyTakeaways.png
 
 
 
 

User Task Flow
Based on the key takeaways from the research, I created a user scenario task flow to help me visualize how AMMA could play a role in the daily life of an asthma patient. It also helped me identify the main requirements for the application

 
 
 
 

Wireframes
The goal was to make sure there was a way to understand the asthma status, an easy to view follow the action plan, a way to see the historical data, and know of any potential triggers for an asthma flare-up.
 

 
 
 
 


Prototyping & User Testing

I then created a prototype of an initial concept to conduct some usability tests to validate my design decisions and identify any areas of confusion.

Feedback that guided the final designs:

  • Yellow Zone Action Plan was too overwhelming. During times of duress, users would be less likely to read
  • Step-by-step guidance helped users focus on task at hand (important for medical treatments!)
  • Flow of going from step 1 to action plan to step 2 was not necessary
 
 
 
 

Final Key Screens

For the visual design, I wanted the emphasis to be on information related to a user's status. I chose to strip away any unnecessary colors that could distract from the data and status. The purpose of AMMA is to be a companion app so I wanted to create a calm, yet reliable feeling to the overall app with a lot of blues and whites.
 

 
amma-1@2x.png
 


Reflections

This project was one of the most challenging projects I have ever worked on as I owned the application (and UX design) process from start to finish. There were many possibilities and data points to consider so I had to learn to contain my ideas for future and nice-to-have features. With a set amount of time for the project, I learned to focus on an application that met user goals and primary scenarios first and foremost. 

If I were to continue with this project, I would conduct further, more thorough user testing with asthma patients to get their perspective on all aspects of the application, from functionality to design, and test the application's task completion success rate.