Obatku

A UX Case Study

How we helped students manage their medication better through thoughtful design

Our Design Journey

Following the Design Thinking methodology to create a solution that truly serves our users

Empathize
Define
Ideate
Prototype
Testing

Understanding the Problem

We started by understanding who our users are and what challenges they face. Through interviews with 5 participants, we discovered the real struggles students face when managing their medication.

B

Meet Bimo

Student, 20 years old

"I often forget to take medication because the schedule varies and I'm busy at campus. Usually take medication without prescription for minor illnesses, but don't understand the risks of mixing medications."

Challenges

  • • Often forget to take medication due to busy schedule
  • • No effective reminder system
  • • Don't understand medication interaction risks

Goals

  • • Consistently take medication despite busy schedule
  • • Get automatic reminders
  • • Stay healthy despite busy schedule

Key Insights from Research

Medication schedule management still relies on manual alarms and help from others

Medication reminders depend on spouse, not self or independent system

Don't understand risks of drug interactions or consequences of missing doses

Choose medications based on past experience and habits, not professional advice

Don't check expiration dates regularly, only when needed

The Bigger Picture

Our research revealed that this isn't just Bimo's problem. The data shows a broader issue in Indonesia:

46%

Don't consult doctors for minor illnesses

(BPS, 2021)

84.23%

People practice self-medication

(BPS, 2021)

37.42%

Have insufficient knowledge about medications

(Yulianti, 2023)

Defining the Challenge

With our research insights, we mapped out the user journey and identified the core problems that needed solving. This helped us focus on what truly matters to our users.

The User Journey

Awareness of Symptoms

Step 1

Recognize symptoms

Tasks
  • Feel sick symptoms
  • Decide to self-medicate
Pain Points

Don't know which medication is appropriate

Opportunities

Clear symptom guidance to help self-medication decisions

Searching for Medication Info

Step 2

Search for medication information

Tasks
  • Search for appropriate medication through internet, medication packaging, or past experience
  • Read usage instructions and side effects
Pain Points

Too much unclear information

Opportunities

Medication recommendations based on symptoms

Checking Medication Stock

Step 3

Check medication stock

Tasks
  • Check medication storage at home
Pain Points

Don't know when medication stock runs out

Opportunities

Medication stock recording system for easier checking

Consuming Medication

Step 4

Consume medication

Tasks
  • Follow usage instructions on packaging
  • Record medication consumption time
Pain Points

Afraid of wrong consumption

Opportunities

Medication consumption reminders to avoid missing doses

Evaluating Medication Effects

Step 5

Evaluate medication effects

Tasks
  • Wait for medication to take effect
  • Evaluate whether condition improves or needs doctor consultation
Pain Points

Not sure whether to continue consuming or see doctor

Opportunities

Notifications for when to seek help if symptoms don't improve

Core Problems

1

Difficulty managing medication consumption schedule consistently

2

Don't know important information about medications

3

Risk of running out of medication without realizing it often occurs

Our Goals

Regular, Safe, and Informed Medication Consumption

Improve self-medication quality by helping users consume medications correctly, safely, and without disruption

Provide ease in managing information, schedules, and medication stock automatically and integrated

Measure effectiveness through analysis of consumption compliance and user medication management efficiency

Exploring Solutions

With clear problems defined, we explored various solutions through competitor analysis, feature mapping, and creative ideation sessions to find the best approach.

Competitive Landscape

We analyzed existing solutions to understand what works and identify opportunities for improvement.

Features
👑💊Obatku
💊MyTherapy
🟢Medisafe
🌈Drugs.com
📦MediStock
🩺Halodoc
Medication Reminder
Medication Stock Management
Medication Scheduling
Medication Expiration
Medication Side Effects
Disease Search
Medication Search

Obatku is the only app with all features compared

Key Features

Medication Reminder

Automatic reminders to consume medication according to schedule

User Benefit

Helps users not forget to take medication, improves treatment compliance

Business Benefit

Increases user retention as the app becomes part of daily routine

✏️

Medication Stock Management

Feature to record and monitor the amount of medication users have

User Benefit

Makes it easier for users to know available medication stock and when to buy more

Business Benefit

Can be integrated with medication repurchasing, increasing transaction potential

📋

Medication Scheduling

Setting medication dose schedule based on time and frequency

User Benefit

Gives users full control in setting medication consumption time

Business Benefit

Increases engagement through features that are personalization and important

🔔

Medication Expiration

Medication expiration reminders to avoid consuming unfit medications

User Benefit

Prevents consuming expired medications that are risky for health

Business Benefit

Encourages users to buy new medications, creating monetization opportunities

⚠️

Medication Side Effects

Information about potential side effects of certain medications

User Benefit

Helps users be more aware of symptoms and risks that may occur

Business Benefit

Increases user trust in the app as a reliable source of information

🤒

Disease Search

Search for symptoms and possible related diseases independently

User Benefit

Makes it easier for users to understand health conditions quickly

Business Benefit

Attracts high traffic and expands user coverage with self-medication features

🔍

Medication Search

Feature to search for medication names, uses, dosages, and prices

User Benefit

Makes it easier for users to find medications that suit their needs

Business Benefit

Can be linked to affiliate services or e-commerce for medication sales

How Might We?

These questions guided our ideation process and helped us think creatively about solutions.

Create a fully automatic medication management system, so users don't need to remember or record manually?

Change the status quo

Transform the "troublesome" experience of managing medications into something "easy and enjoyable" through more interactive UI/UX design?

Remove the bad

Eliminate the risk of users missing medication schedules with a system that automatically reminds them according to predetermined times?

Remove the bad

Building the Solution

With our research insights and feature planning complete, we designed a prototype that follows proven UX principles and addresses our users' core needs.

Interactive Prototype

Experience the complete user journey through our interactive prototype

View Prototype

Design Principles

Our design follows established UX laws to ensure intuitive and effective user experiences.

⚖️

Jakob's Law

Using commonly recognized UI to avoid additional time for users to learn new interface workings.

Medication Reminder

Like task/event system in calendar apps

  • Time 8:00 and 13:00
  • Status 'Already Taken'
  • Button 'Confirm Medication Taken'
Chatbot

Resembles common LLM chatbot interface

  • Header 'New Conversation'
  • Greeting message 'Hello, John'
  • Hamburger menu
📊

Progressive Disclosure

Prioritizing presentation of information or advanced features gradually to help users focus on main information first.

Medication Details (Paracetamol)

Main information visible, details hidden

  • Nearest expiration date
  • Remaining Stock: 3 tablets
  • Button 'View details >'
Disease Information

Tab navigation for gradual information

  • Tabs: Overview, Symptoms, Causes, Treatment
  • Information summary
  • Full details hidden
📦

Law of Proximity

Grouping similar objects closer together so users can more easily understand and organize information.

Today's Schedule

Schedule cards group related information

  • Time 13:00 WIB - Paracetamol
  • Time 15:00 WIB - Antacid
  • Each card contains complete info
Medication Search

Search results grouped in cards

  • Paracetamol (500 mg) - Fever, mild pain
  • Cough Syrup (120 ml)
  • Related information in one card
🎯

Fitt's Law

Enlarging buttons/targets and placing them close to user tasks to reduce error risk.

Medication Quantity Adjustment

Large and easily accessible buttons

  • Large '+' and '-' buttons
  • 'Save Changes' button in easily accessible area
  • Touch-zone optimization
Mobile Touch-zone

Finger reach area optimized

  • Green: Comfortable (easy to reach)
  • Yellow: Stretch (needs stretching)
  • Red: Hard (difficult to reach)

Core Features

Three key features that address our users' main pain points

Medication Reminders

Automated reminders with confirmation tracking to ensure consistent medication intake

Stock Management

Track medication inventory and get notifications when supplies are running low

AI Health Assistant

Get reliable health information and medication guidance through our AI chatbot

Testing & Iteration

We tested our solution with real users through three iterations, measuring usability and gathering feedback to continuously improve the experience.

Usability Testing

3

Iterations

Testing Results

Iteration 1

NPS 100%
78.75
SUS Score

SUS results show that the app is usable, but needs development

5.8
SEQ Score

SEQ results show that the app is quite easy to use, but can be developed

Key Feedback:

Success pop-up is confusing because it shows 'Successfully Took Medication' when just creating a schedule

Pop-up back button cannot be clicked

Users are slightly confused because the button is similar to the schedule page

Addition of option to customize medication when adding medication to folder

The app is considered beneficial and has potential, but needs improvement in UI consistency, interaction flow, and information clarity to be more intuitive and efficient for daily use.

Iteration 2

NPS 100%
90
SUS Score

SUS results show that the app is already user-friendly and usable

6
SEQ Score

SEQ results show that the app is easy to use and intuitive

Key Feedback:

There is duplication of information in the causes and symptoms section, confusing users

Users are not sure if the dosage information '500mg' means for personal consumption or just reference

The 'Add Medication' button label is considered inappropriate for context; suggested to change to 'Add Schedule'

Success screen says 'Successfully Took Medication' when the context is adding a schedule is confusing

The 'Add Medication' button is too similar to the one on the Schedule page, making users confused about context

The 'Add New Medication to Folder' action redirects to the initial Medication Stock page, not staying in the selected folder

Overall, users suggest improving wording and navigation to increase flow clarity, consistency between pages, and button context appropriateness, so the app feels more intuitive and user-friendly.

Iteration 3

NPS 100%
92.5
SUS Score

SUS results show that the app is already user-friendly and usable

6.1
SEQ Score

SEQ results show that the app is easy to use and intuitive

Key Feedback:

For medications that need to be taken more than once a day, users expect addition of frequency information

Time labels should be more specific to avoid confusion

Users hope there are automatic notifications when medication stock is running low, especially for regularly consumed medications

Medications consumed periodically should have special markers, such as different labels or colors to distinguish priority levels

Obatku has strong potential in helping daily medication management, but needs improvement in visual design, wording, interaction flow, and feature personalization to be more intuitive, attractive, and relevant for active users.

Key Improvements

Based on user feedback, we made several important improvements across different iterations.

1

Medication Stock Page

Iteration 1
Problem

Medication options are not customizable, can only add those available in Database

Solution

Addition of option to add medication from users

Change

'Create New Medication' button added next to search bar

2

Schedule Page

Iteration 2
Problem

'Add Medication' button is still ambiguous

Solution

Change to 'Add Schedule' to be clearer

Change

Button label changed from 'Add Medication +' to '+ Add Schedule'

2

Search Page

Iteration 2
Problem

Less clear about medication variant information

Solution

Addition of Medication Variant Explanation

Change

'Paracetamol Variants' header added above medication variant list

3

Schedule Page

Iteration 3
Problem

No information if medication can be taken more than once a day

Solution

Addition of Tooltip

Change

Tooltip 'You can select more than one medication time' added

3

Schedule Page

Iteration 3
Problem

No option to enter regular medication

Solution

Addition of option to add regular medication

Change

'Create as Regular Medication' checkbox added

3

Schedule Page

Iteration 3
Problem

No information about medication consumption duration

Solution

Addition of medication consumption duration

Change

'Start date' and 'End date' information added

3

Medication Stock Page

Iteration 3
Problem

Monotonous icons, no markers distinguishing medication types

Solution

Replacement of icon colors for each medication type

Change

Medication icons given different colors according to type (green for vitamins, orange for cough medicine)

3

Medication Stock Page

Iteration 3
Problem

No notification if medication is running low/out

Solution

Addition of notification if medication is out and running low

Change

'Stock Running Low' label with orange color added for medications that are almost out

Final Results

92.5

SUS Score

Excellent

6.1

SEQ Score

Very Easy

100%

NPS Score

Promoters

Obatku achieved excellent usability with a SUS score of 92.5, demonstrating that the app is highly user-friendly and effective.