ASTHMA TRACKER

jan - apr 2019

overview

Nearly 30% of U.S. caregivers are estimated to have below or basic health literacy, negatively affecting children’s health outcomes. The goal of this project was to create a mobile application for children and parents with low health literacy to better manage asthma and increase their understanding of the medical condition.

role

ui/ux designer

team

utility nyc

client

nyc health + hospitals

what was the problem we were trying to solve?

how might me we help children suffering from asthma and their parents with low health literacy manage their conditions more effectively?

what were my responsibilities?

Worked directly with the client to define and align business goals and user goals

Conducted initial research and synthesized research findings

Provided low- and hi-fidelity designs such as user flows, wireframes, UI graphics, UI specifications

Participated in QA sessions with project managers and engineers to fine-tune the final user experience

final designs

daily journal

Users can easily record their daily symptoms, triggers, peak flow measurements and medication use. The journal is designed to allow quick, effortless logging.

progress report

Users can view their past journal entries in the progress report. This report helps them identify patterns and potential triggers they might need to avoid in the future.

action plan and emergency protocols

Users can access their personalized asthma action plan which includes their triggers, medication list, emergency contact, etc. This action plan serves as a reference when their asthma is worsening and need to look up their medication list, triggers to avoid, and specific steps to take to control flare-ups.

research methods
‍―

key insights from research

After our initial research, we discovered some key areas we needed to address.

problem #1: lack of motivation and Inconsistency in tracking symptoms and triggers

Tracking asthma symptoms consistently is critical to successful treatment. To identify patterns and better manage and control the condition, the doctors needed their patients to carefully track their symptoms and triggers. We wanted to address this issue by creating an engaging experience that allows quick, effortless logging of daily symptoms and triggers.

problem #2: Limited access to an action plan and emergency protocols

Every patient has a personalized action plan that includes triggers to avoid, specific medicines to take based on their zones, peak flow measurements that indicate worsening asthma, etc. We wanted to make this action plan and emergency protocols easily accessible so they can avoid unnecessary ER visits.

problem #3: Limited knowledge of the condition

Many families’ ER visits could be avoided by improving their low health literacy. We wanted this app to serve as an educational tool and motivate them to learn more about asthma in a fun, rewarding way.

who are we designing for?

what are the core functionalities?

how will users interact
with the app?

I mapped out every step that users would take while interacting with the app and defined how the core functionalities would fit in the overall user experience.

initial sketches
‍―

I began my ideation process by sketching out different layout options and interaction patterns for the main functionalities.

low-fidelity prototypes

I created low fidelity mock-ups based on my sketches to ensure that the designs aligned with intended functionality before delving into UI details.

brand identity

visual design principles

home screen iterations

reflection
‍―

what’s essential for MVP?

We only had three months from kickoff to launch so we had to move as efficiently as possible. Even though there were times I was hung up on small details, I learned that not everything can be done and that prioritizing and sometimes making a compromise is necessary for the team to move on.

working with a client and cross-functional partners

This project was my first end-to-end design project collaborating with a client and cross-functional partners. Working with these stakeholders taught me how to explain my design choices in a language that they understand and also be able to understand their language. I learned that different stakeholders might have different goals and that it’s important to over-communicate my decisions so that everyone’s goals are aligned.

future work

Because of the limited time and resources I wasn’t able to test the final product as much as I wanted to. I participated in a series of internal QA sessions to ensure the quality of the product, but I would’ve liked to conduct more usability testing with actual users, receive feedback and iterate if there was more time.