Migraine Relief Device + App

for first-time patients

Design for a mobile app that pairs with a migraine relief device.
UX improvement based on heuristic evaluation and internal user testing.

Doopang screen mockup 1Doopang screen mockup 2
Year

2019 - 2020

My Role

I enhanced the UX scenario for a migraine relief device and designed its companion mobile app. As the sole designer, I led user research, conducting interviews and internal usability testing. The device received FDA approval in both Korea and the U.S.

Skills

Product Design
User Research
Prototyping

Tools

Sketch
Protopie
Zeplin

Design Problem

How might we make the experience of using an unfamiliar migraine relief device more intuitive, comfortable, and user-friendly?

Migraine relief device mockup
Arrow down

Migraine-Relief Device

The migraine-relief device consists of a patch and main circular unit that you attach on your forehead. There is a single on/off button, and the circular LED light surrounding the button shows the status of the device.

Migraine relief device in use

The device uses TENS technology to treat migraines. Although TENS is known to be effective, it is relatively new and unfamiliar to patients. A big challenge for us was that patients needed to be educated and convinced to use the product.

TENS diagram

TENS

TENS stands for Transcutaneous Electrical Nerve Stimulation. The device delivers fine electrical impulses to the trigeminal nerve through the forehead. This helps to alleviate the pain from migraines and to prevent future migraines.

Target User

Early Adopter Women in their 30-40s

Statistically, the largest group of migraine patients consists of women in their 40s and 50s. However, considering the novelty of the device, we identified our target users as early adopter women in their 30s and 40s. For most, this would be their first experience using a migraine-relief device.

Number of Migraine Patients in Korea by Gender (2018)

Number of Migraine Patients in Korea by Gender (2018)
Migraines occur 2.6 times more in women than men.

Number of Migraine Patients by Age (2018)

Number of Migraine Patients by Age (2018)
The age group that experiences the most migraines is 40-50s.
Arrow down
user interview

I first conducted user research in order to find out the major pain-points for migraine patients. Based on in-depth user interviews, we could gain the following insights.

Arrow down
Key Insights
1
Extreme degree of pain

A migraine is so painful that it compares to giving birth. It becomes difficult to even turn your head, and your everyday life becomes paralyzed.

2
Difficult to avoid the trigger

Patients often don’t know the exact trigger for their migraine, and in cases where it’s an external factor like a certain smell or noise, it’s difficult to avoid.

3
Reluctant to use medication

Taking medication too much or too often can make the migraine worse, making patients very cautious about taking medication.

UX Strategy

Our goal was to make the product experience simple, friendly, and clear.

Recognizing that the migraine relief device introduced a new product category, "electronic medicine," we aimed to present it as naturally and seamlessly as possible.

COMPETITORS

Differentiate with competitors through usability, aesthetics, mobile app, and price.

Image of competitor devices

RESEARCH PAPERS

Emphasize the safety and non-invasive nature of the neuromodulation treatment.

Research papers

EXPERT INTERVIEW

Research the diagnosis, triggers, symptoms, etc. and migraine patients’ needs.

Expert interview with a professor in neurology from the Korean Headache Society,

UX strategy diagram

Heuristic Evaluation

I found points to improve for the migraine relief device based on heuristic evaluation. I then redefined the button actions and LED interface so that the device was easier to use.

Heuristic Evaluation diagram beforeArrow rightArrow down
Heuristic Evaluation diagram after
Usability Principles
01
Visibility of System Status

It was difficult to know the system status only through a single button and LED color.

02
User Control & Freedom

The patient wasn't able to modify the intensity of the treatment.

03
Match btwn System & Real World

Idle state was confusing for the patient because it appears as if the device is turned off.

04
Error Prevention

Even though the treatment times were long it was not intuitive how to stop the treatment.

05
Consistency & Standards

The LED used non-standard colors, for example error state was shown as blue.

06
Help & Documentation

Due to the nature of a medical device, it was important for the patient to have instructions.

* Reference: 10 Usability Heuristics for User Interface Design https://www.nngroup.com/articles/ten-usability-heuristics/

Acute & Prevention Modes

The device provides 2 modes: Acute and Prevention. Each mode now has designated colors, Blue and Green respectively. The patient can also fix the intensity of the treatment to their liking by pressing on the circular button.

Acute and prevention modesImage of patient wearing device on forehead

Mobile App to Compensate for
Device's Limitations

We compensated any limitations of the migraine relief device by adding a paired mobile app. For example, the app provided monitoring features so that the patient can keep track of the time left and check the intensity of the treatment.

Image of migraine relief device and mobile app
Image of woman wearing migraine relief device and using mobile app

Pain-point

One thing to note is that since the device is attached to the forehead while in use, it's impossible for the patient to see the LED status on the device unless with a mirror.

Therefore it was crucial that the system status was visible in the mobile app. We achieved this by showing an illustrated version of the device on the home screen, with each color mode matching the device.

User Interface that Prioritizes Comfort

Considering that migraine patients are sensitive to light and sound, and our target age group was 30-40s, the overall color scheme was dark and subdued with big typography and large buttons. We also included an audio guide so that patients could use the app with their eyes closed during the treatment.

Doopang UI

Menu Structure

The app has 3 main tabs - Monitoring, Instructions, and Usage History. The menu structure follows the sequence of actions in the patient's user journey.  

Treatment
Show visibility of system status including time left and intensity of treatment.
Menu structure 1
Instructions
Provide instructions and any precautions the patient should know about.
Menu structure 2
Usage History
Keep track of treatment data and encourage the patient to form a habit using the device.
Menu structure 3

Key Features

Key features leftKey features right

User Flow for Effortless
Device and App Integration

The most important part about the user flow was to make sure that connecting between the device and mobile app was easy and fast so that patients could get to their treatment as fast as possible.

Bluetooth Connection
Bluetooth is connected with minimal steps to get permissions and register the device. After initial setup, the device connects automatically.
Treatment
The device automatically detects when the patch is attached and starts the treatment, along with an audio guide to assist the patient.
Usage History
The patient can check a calendar view of their treatment history, as well as details such as duration and intensity for each treatment in a list.  
arrow_back_ios
Doopang user flow
arrow_forward_ios
User flow diagram
Migraine relief mobile app user flow diagram

Impact

After improving the UX scenario for the device and adding the new mobile app, we were again able to get certified by the Ministry of Food and Drug Safety and later obtain approval from the FDA. Selling the device through our online shop boosted sales and we received positive reviews from customers. Affiliated hospitals and pharmacies also helped to promote the product.

certification
US FDA certification markKorea certification mark

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

star

Learnings

  • This project was an opportunity for me to apply the principles of usability to a physical device, and consider the user flow of connecting and using a mobile app together with a device.
  • The mobile app made a dramatic difference in making the device easier to use. Patients were much more open to using the device with the app.  
  • Also, since the product was geared towards a specific group of users - migraine patients - not only the features but the entire UI could be adapted to fit our user group.

Heading 1

Heading 2

White arrow top