Merrie's Portfolio
1.png

Cuvva Design Exercise

Cuvva Design Exercise

April 2019, Time Spent ~8h

Check out the full Figma file here

 

Technology

Brief

Design a full flow and interface for a product which helps people understand their daily medication schedule.

 
coverCuvva.png
 

User Tasks

  • Add current medication they’re taking.

  • Mark medication that has been taken/missed.

  • Add new information medication, when prescribed.

User Goals

  • Take the correct prescribed medication and amount at the correct time.

 

Pain Points

  • Fancy interactions he does not understand

  • Doesn’t check his phone that often

  • Pills can be confusing - hard names, nothing distinct about them.

  • Remembering exact hours is too much.

Priorities

  • To know when it’s time to take the medication.

  • To have enough information to easily identify which pill he has to take.

  • To keep track of pills taken and missed.

 

Challenges

Rob is an older user and although we can assume he uses a smartphone, he’s not as tech savvy as a 20y/o and will likely not have the same pattern of use. With his age, Rob is also likely to have some problems with his eyes and vision.

Medication can be tricky - some medication is prescribed to be taken at a certain hour, while other should be taken morning/even before/after/with food.




User Story

After adding my prescribed medication,
I want to be able to easily see my daily and weekly schedule
So I know what pills to take and when.

When I get a reminder to take my pill,
I want to see enough  information about it,
So I don’t mix it up with another medication.

After I take the pill,
I want to be able to mark it as “taken”
So I avoid taking the same pill twice by accident.


 

Assumptions

  • Rob has a smartphone and knows how to use it.

  • This is not the first time he is prescribed medication.

  • The app has the functionality to smart group his medication based on when he has to take it.

App Requirements

Based on the discussed goals and needs, the app should be:

  • Reliable: displays accurate data and information

  • Usable:timely and straightforward. E.g. helps the user get from A to B efficiently

 

Trade Offs

In order for John to focus on his goal, the following trade offs were made:

  • Push Notifications: Enabling Rob to opt out from push notifications is not required is not required to meet his goal.

  • Prescription Time Left: Although knowing how much of the prescription he has left might help Rob track his medication better, it is not required for him to meet his main goal.

Constraints

In order for this project to allow for the focus on the achievement of one particular goal, the following constraints were introduced:

  • Rob cannot add a one-of medication оn the current day.

  • Rob cannot add multiple alarms

  • He can only view up to the next 2 weeks of his medication.

  • Rob cannot view the medication  he’s already taken on that day.

 

App Map

This diagram illustrates an ideal app map with all the pages and actions available. From this, I decided to focus on 2 smaller use cases to showcase the app’s core functionalities.

 

Development

Low-Fi Wireframes: Schedule/Home

Started by exploring the main page where Rob can see the medications for the day. He will be getting alarms through push notifications, so his primary goal on this page is to mark a pill as taken or missed. He might also want to see how his entire day/week looks in terms of pills, if he’s let’s say travelling and needs to prepare the pills.
I ended up with kind of a to-do list inspired layout and a swipe interaction for marking as taken/missed.

 
 

Low-Fi Wireframes: View Prescriptions

Rob needs to have access to his current and past prescriptions, as well as have the option to add a new one. I decided on the 2 column grid pretty quickly, however finding the best way to add a new prescription was slightly more challenging. Ended up integrating it in the 2 columns, so it’s clear to Rob that he is adding to that list of existing, active prescriptions.

 
 

Low-Fi Wireframes: Add Medicine

After defining the entry point for adding a new medicine, I starting exploring what goes into setting up the new prescription. The most challenging part was to figure out pills Rob takes multiple times a day and how he sets up alarms in relationship to the way the pill is supposed to be taken. I’ve decided to go with having either a set hour to take it, or before/with/after a meal. If it’s multiple, he can add more. Rob can then choose when the push notification/alarm would come through.

 
 

High Fidelity Mockups

1.png
2.png
notif.png
 
 

Prototypes

Add New Medicine

Add New Medicine

Take Pill

Take Pill

Switch Day

Switch Day