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 usability testing. After beta-testing with 100 users, we successfully launched the product and the device received 4.7/5.0 review ratings, and 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 circular main unit that you attach on your forehead. There is a single on/off button, and the surrounding LED light shows the device status.

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

Expert interview with a neurology professor from the Korean Headache Society.

UX strategy diagram

Internal Usability Testing

I conducted internal usability testing with 7 colleagues. Each tester would try both the prevention and acute modes, and record their feedback through a short survey. We identified several limitations when using the device on its own.

Photo of migraine-relief deviceArrow down
Key Insights
1
Is the device turned on?

Testers reported that it was difficult to know the system status, even as to whether the device was turned on or not, as the "idle state" caused confusion.

2
Which mode am I using?

Testers struggled to differentiate between the Prevention and Acute modes. It was frustrating to constantly look for the manual when the device didn't work as expected.

3
How much time/battery is left?

Treatment times ranged from 20 to 60 minutes but there was no way of tracking how much time was left. Also, it wasn't clear when to charge the device as the battery level wasn't shown anywhere.

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 & Accessibility

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. To ensure accessibility for diverse users, we designed the interface to be intuitive for those with severe symptoms or limited tech skills, emphasizing simplicity and clarity in every interaction.

Doopang UI

Menu Structure Following the Patient's User Journey

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

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

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

Beta-Testing with 100 Users

After improving the device and implementing the companion mobile app, we conducted a four-week beta test with 100 participants who regularly experience migraines.

People icon

100 Beta-testers

close

Calendar icon

4 weeks

The testing provided valuable insights into user needs and helped validate the effectiveness and usability of the device. With positive feedback and refinements based on the findings, the beta-testing was a success, allowing us to confidently move forward with the product launch.

Doopang device setArrow down
Key Insights
1
Convenience of the mobile app

Testers reported that the device was easy to use, and that the mobile app was helpful in monitoring their treatment. Several wanted even more functionalities to control the device through the mobile app.

2
Difficulty in controlling the intensity

Testers still had difficulty knowing when to fix the intensity of the treatment. They wanted to be able to change the intensity not just once but make it stronger or weaker during the treatment as well.

Arrow down
Opportunities for Improvement
1
More control using the mobile app

After the beta-testing, we planned to add more functionalities in the app. For example, additional buttons in the home screen would enable users to change modes or start the treatment directly through the app instead of the device.

Before
DP Before 1
After
DP After 1
2
Freedom to change the intensity

Another area for improvement would be to change the treatment indicator to individual chips so that they look more clickable, and actually enable patients to change the intensity during treatment.

Before
Doopang Before 2
After
Doopang After 2

Impact

The migraine-relief device with the new UX scenario and mobile app was certified by the Ministry of Food and Drug Safety and later obtain approval from the FDA. We successfully launched the product after beta-testing with 100 users. Our new online shop boosted sales and we received 4.7/5.0 reviews from customers. Affiliated hospitals and pharmacies also helped to promote the product.

certification
US FDA certification markKorea certification mark
reviews
4.7
star
star
star
star
star_half

232 Reviews

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