Cabinet

S3 Icon.jpg

Managing medication therapies

Cabinet is a mock organization focused on managing patients’ medication therapies. Cabinet provides a tool to primarily remind users of doses due and compile a comprehensive medication list. Target users are older adults on multiple medication regimens.

THE PROBLEM

Patients with multiple health conditions want help with managing their various prescriptions.

PROJECT DURATION

March 2022 to April 2022

MY ROLE

Sole UX researcher and designer from conception to delivery

THE GOAL

Design an app that will improve patient adherence to medication therapies and serve as a comprehensive medication list

RESPONSIBILITIES

User research, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility, design iteration

Getting to know the user

I conducted interviews regarding medication management and dosing schedules. Interview participants felt a need to better compile their medication lists. They indicated interest in utilizing an app to serve as their comprehensive medication list. Those on fewer medication therapies also preferred a medication reminder as they didn’t have a need for pill packs. 

Personas

Alicia is a young professional who needs reminders and a platform to compile health information because she wants to record all relevant health information.

+

Joe is a retired patient with multiple health conditions who needs to organize his medication list because he wants to better manage his medication therapies. 

S3 Persona 2.jpg
Competitive audit

A competitive audit revealed gaps and opportunities to address in the Cabinet app

S3 comp audit1
Ideation

My primary focus during the ideation exercise was on presenting a medication list in the form of a daily dosing schedule.

S3 ideation paper.png
S3 Persona 1.jpg

Early designs

Digital wireframes

Initial digital designs after paper wireframes highlighted the daily dosing schedule.

Daily doctor appointments included in separate section

S3 lowfi taken framed.png

Taken meds checked off like a to do list

Low fidelity prototype

I created a low fidelity prototype that connected the primary user flow of adding a medication to the medication list.

S3 lowfi prototype.png

Usability study

The low fidelity prototype above was used in an unmoderated usability study.

Main findings:

  • Inputting medication. Users prefer to access the Adding Medication function from the home screen over another page.
     

  • Actionable items. Users need to easily identify clickable elements.
     

  • Home screen. Users were not confident about whether they were on the home page or not.

Refining designs

Mockups

Based on usability study insights, the current page’s icon was accented with color, a dot, and bolded text to differentiate from other icons in navigation bar.

Before usability study 1

 S3 lowfi home added framed.png

After usability study 1

S3 home framed2.png

Additional design changes included adding an icon (right side of screen) for each medication on the homepage schedule to link users to drug information. Each medication in the list was shaded with gray to stand out more as clickable.

Before usability study 1

 S3 lowfi home added framed.png

After usability study 1

S3 home menu framed.png

Main mockup screens

Main pages of the primary user flow are pictured below.

S3 home framed2.png
S3 hifi add med framed.png
S3 select option framed.png
S3 home taken fram2.png

High fidelity prototype

The high fidelity prototype upgraded the main user flow from the low fidelity prototype with improvements based on the usability study findings.

Screen Shot 2022-06-28 at 12.24_edited.jpg
Accessibility considerations
  1. Visual design
    Minimal design to not overwhelm target users who are older and not as comfortable using apps

  2. Color
    Accent color and gray shading used to help define actionable items

  3. Text size
    Plan for text enlarging feature in Settings to accommodate visually impaired users

Responsive design

Sitemap

Responsive website designs were also planned and designed on the basis of the completed app designs.

S3 site map_edited.jpg

Responsive designs

Screen sizes for the responsive website design included mobile, tablet, and desktop screens. 

Mobile

S3 mob web2.png

Tablet

S3 hifi ipad home framed.png

Desktop

S3 resp website2.png

Going forward

Impact
  • Users mentioned that the app was intuitive and believed that it had a low learning curve.

  • A user stated that having prescription information on hand would be beneficial when visiting various doctor offices. 

What I learned

I learned that, since portion of main target users are not as comfortable with using technology, continuing with basic designs and minimal features would be a less intimidating approach.

Next steps

1. Testing

2. Icons

Update icons with improved app specific designs

Continue research to determine if the app is convenient enough to use long term.