amma-thumbnail.png

Amma asthma app

590b89cd104bde5eed8d9ac1_Amma_Mockup_Hand-p-1600.png
 

Amma asthma app

Product design

Helping those who suffer from Asthma feel more in control of their condition by managing and monitoring their day-to-day symptoms.

 

PROBLEM

Over 39.5 million people (12.9%), including 10.5 million children (14.0%) have been diagnosed with asthma in their lifetimes in the US alone. 18.9 million (8.2%) adults and 7.1million (9.5%) children still have asthma (National Health Interview Survey 2011).

Asthma is responsible for 14.2 million physician visits each year as well as 1.8 million emergency care visits (Center for Disease Control and Prevention).

 

Research & Planning

A competitive analysis of the top apps for asthma management revealed that there was unexplored potential in this market. To explore the gaps in the market, I created a research plan to answer three initial questions:

  • How do those who suffer with asthma manage their medication, triggers, and symptoms?
  • What are the top priorities when tracking asthma symptoms?
  • What are some of the current pain points with managing asthma?

Starting with secondary research, I poured through asthma related studies and blogs that documented asthmatics personal experiences with the condition. When I moved to primary research I ran into an obstacle. Since I didn’t know anyone personally with asthma, I hoped that I could find a friendly online community that might be willing to give me some insights. 

After posting on some forums, I was promptly banned due to privacy concerns from the community. Instead of giving up on primary data, I attempted a more direct approach by reaching out to individuals who have tagged asthma related issues. After sending a couple messages, I found participants who were willing to give me a glimpse into their condition. I knew I would receive better data if I could interview them, however, I was concerned that it might either scare them off or that we would encounter scheduling difficulties. Since I had limited time to complete this project, I created an extensive survey for them to fill our about their experiences.

 

Strategy

PROBLEMS TO SOLVE

  • People who suffer with asthma can experience an attack at any time. To keep them safe, they need an easy way to reach out for help when they are in danger
  • People often forget their inhaler’s and do not realize when their inhaler’s are running low on medication
  • With the unpredictability of asthma, people need to be able to track their past attacks, symptoms, medication, and peak flow so they can better adjust their treatment plan

ASPIRATIONS

  • For people who suffer with asthma to be able to live with more freedom

GUIDING PRINCIPLES

  • Create simple, clear interactions so the technology does all the work, especially in an emergency

SUCCESS METRICS

  • How often users are opening the app
  • How many users have set up reminders from the app
  • High user satisfaction through qualitative research
 

Application Map & Userflows

Based on my research findings, I documented the app’s key features and functionality through an application map and typical user flows.

ApplicationMap.png
 

USERFLOW - EMERGENCY

For an instance when the companion wearable detects the user’s asthma is out of control, I created a userflow showing how the user would be able to reach out for help.

Userflow_Emergency_3x-p-1600.png
 

USERFLOW - TRACKING A DATA POINT

For another key feature of the app, monitoring symptoms, I created the userflow for how the user would track their asthma symptoms, triggers, medication, and peak flow within the app.

Userflow_Tracking_3x-p-1600.png
 

USERFLOW - INITIAL ONBOARDING

Finally, I created an onboarding userflow to document how a user would initially set up the app. Once an account is created, the user sets up reminders and enables push notifications, which allows us to prompt inactive users to check back in and track their symptoms.

591b7415f367ae734e58a408_Userflow_Onboarding_3x-p-1600.png

Wireframes

Based on my identified userflows I created a wireframed prototype in InVision to test my assumptions.

       
      WireframesV1_Making a Entry - Version 1_3x.png
       
       

      Testing & Iterations

      With these wireframes prototyped in InVision, I conducted in-person and remote usability tests and learned about the issues with this design:

      • The dashboard presents too much information and functionality overwhelming users.
      • The dashboard also feels void of a human touch. Its primarily focus is delivering metrics and stats.
      • It makes too many assumptions about what the user would want to see on their dashboard thereby creating a cognitive load for the user.
      • This dashboard requires the user to open the app and check the dashboard to see inhaler and weather information, instead of delivering the information when it would be most beneficial for them.

      So my goals moving forward:

      • The dashboard needs a clear direction and focus.
      • It needs a more friendly, interactive interface that delights the user and encourages them to return.
      • It needs to make less assumptions and be more distinctly direct by the user creating a more personal experience.
      • For weather patterns that affect their asthma and inhaler location/medication level, enable user to set up alerts for information that is specifically important to them. This way they can recieve information at the exact time they would need it.

      This research prompted me to remove the inhaler status and the weather from the dashboard and rethink how I was going to prompt users to enter in the data they want to track. I explored a more focused and friendly version that would ask how the user was doing upon opening the app which would prompt them to create an entry for the day so they could have a running log of the quality of their asthma.

       
      Wireframes_v2_Flicker_1x.png
       

      I also ran into another conundrum. With a wearable capable of providing endless amounts of health metrics, how was I going to condense it all for the user to understand? I began exploring different data visualization graphs that could show the correlation between weather patterns and asthma symptoms. But again, I was running into the issue of trying to present too much information to the user. To take the work out of the user’s hands, the app would correlate the users vital signs and the weather patterns that the user encountered to calculate what factors are most likely contributing to the users asthma. This would be displayed along with the other stats.

       

      UI Design

      To find AMMA’s identity, I created a mood board based on an exploration of the keywords provided in the brief: friendly, innovative, memorable, intelligent, and reliable.

      The designs utilize white space with selected color accent to create a simple, clean interface. The color choices used were calming and light which contribute to a sense of ease for asthmatics who are struggling with their condition.

      Drawing from my mood board, I began to develop the logo by seeing it different font choices and various arrangements. For colors, I chose a mellow apricot tone to be my the most dominant color because studies have show that pink has a calming efect.

      UI_3x-p-1600.png
       
       
       

       

      Final Designs

       
      FinalDesigns_12x-p-1600.png
      FinalDesigns_22x-p-1600.png
       

      User flow for adding a daily entry

      Users have the option to add a note as well as their peak flow numbers to the entry.

       
       
       

      Help mode for emergency situations

      If they signify that they their asthma is bad or hit the emergency button from the dashboard, they can reach out for help by sending an automated message that includes their location, inhaler status, and vital signs. From here, users call their primary contacts for assistance.

       
       
       

      Dashboard view

      These entries display the information provided as well as the captured weather data at the time of the entry. If they tap the top navigation, users can see their data at a glance at jump to other months.

       
       
       

      Statistics view (scrolled to the bottom)

      For the statistics, they can view how well they've been doing, their most frequently used triggers that month, as well as their average severity. The app gathers provided information and wearable data from the weather and correlates it to weather patterns to give users an idea of what environmental conditions are most likely influencing their asthma.

       
       
       

      Filtering the statistics and settings

      To filter their asthma data, they can select a specific trigger and the chart will display only the entries that include that trigger. The settings page allows users to edit their contacts, set reminders, and offers further customization for their entries.