logo 6.21.png
 
 

Helping seniors stay independent while adopting useful technology

 
 

A design project for iOS

 
 
1 cover mockups 6.21 version.png

Older adults want to feel in control of their lives.

 
 

It is expected that the number of people over the age of sixty will more than double by 2050.

 

Problem

As they age, seniors may face many barriers to tech adoption, from physical problems to the loss of memory and concentration.


Seniors tend to adopt technology they feel is useful. Some more tech-savvy seniors feel they could use help managing their medications, devices and health.

 
 

Solution

VitalRX is an intuitive, easy-to-use application for medication management designed to be encouraging and supportive for seniors.

  • Slightly larger text and touchpoints for easy selection by shaky or arthritic fingers.

    Daily reminders give medication details and images for easy confirmation and to help decrease confusion.

    “Yes, this is very intuitive!”

  • Confirmation of every detail through the medication input process.

    Confirm all selections or go back for mistakes. Stay on track through the input process with the progress bar.

    “I love the big green check mark!”

  • Update, review or add information at any time.

    Medications, contacts, doctors, appointments and notes are easily found on all pages with a sticky bottom nav bar.

    “Adding the photo is a great idea!”

VitalRX is simple, useful and easily navigable while being engaging enough to be adopted by seniors for daily use.

MY ROLE:

Lead UX/ UI designer with the help of a mentor

February 2021/ 80 hours

RESPONSIBILITIES:

User research
Concept ideation
Designing user flows
Prototyping
Visual design
User testing
Incorporating user feedback
into design iterations

 
 

Check out the prototype here and add a medication!

6 add med prototype cover.png
 
 
 

Now, turn off your medication reminder.

6 notification prototype cover.png
 

Process

I followed the design thinking process to create a product that users found appealing. Through multiple iterations, I also streamlined the content and information architecture from my original plan and created a more simplified layout to increase the usability and simplicity of the app.

Hypothesize

Research

Interviews

Empathy Mapping

Who are the users?

Personas

Problem statements

User stories

Customer journey mapping

What are the user’s needs and insights?

Sitemaps

Sketching

Wireflows

Wireframing

Brainstorming for creative solutions.

Digitize wireframes

Medium fidelity prototype

Build a representation of the idea.

Usability tests

Rainbow spreadsheet

Wireframe iteration

Style tile

UI prototype

Test the idea with users for feedback.

Empathize

After initial research to become familiar with the problems of aging and technology, a competitive analysis of four medication management apps was conducted.

Although there were many apps with good features…

No medication management apps are geared towards seniors with the possible physical and cognitive issues they may have as they get older.

 

User Interviews

The five senior interviewees had various levels of smartphone savviness.

  • All participants had daily prescription medications and/ or very complicated medications or medical devices.

  • Some medications or devices were managed by the insurance or pharmaceutical companies via apps and automatic refills.

  • Participants were split on the need for help managing their medications.

Dave’s “double” weekly pill container to keep track of his medications.

1.png

Interview insights:

The most critical feelings and attitudes of participants regarding technology, their medications and how it affects their lives:

  • Participants remember their schedules due to habit.

  • Participants don’t bother with tech or apps they see no use for or can’t figure out how to use easily.

 

Creating an efficient and easy to use and navigate medication reminder app can follow the best features of currently available options while considering the specific needs of seniors.

 

Define

 

To identify why senior users would be interested in using VitalRX and how they want to use it, personas, user stories, a customer journey map and problem statements were created.

 

Barbara: a composite “persona.”

 
 

Barbara was recently diagnosed with high blood pressure and needs to pay more attention to her lifestyle.

She has family support to help her stay on track with her goals and keep up to date with technology.

 
 
Barbara Anderson persona web.png
USER JOURNEY MAP case study.png

Creating a user journey map helps to understand Barbara’s actions, thoughts, and emotions over time

Where are the biggest opportunities for Barbara?


1. Family support if and when she needs it.

2. Discover the VitalRX app through her doctor or pharmacist.

3. Confidence to set up the VitalRX app and use it to stay healthy and independent.

 

 User Stories


Two user stories were created for Barbara’s main objectives when using the VitalRX app:

  • Adding medication details.

  • Turning off reminders.

 

Later, the user stories were followed to create wire flows, or Barbara working through the tasks.


Have a look at the user stories.

 

Ideation

 
 

Site maps, wire flows and wireframe sketches were used for idea generation.



Points to keep in mind while sketching:

  • Fit all the elements on one screen to reduce scrolling.

  • Text and touchpoints needed to be larger than normal.

  • Medications may have long names but should fit on one text line.

  • Consistency between the visuals, elements and interactions for reducing cognitive load and increasing learnability.

 

The final sketches featured nested scrolling for the daily medication reminder list and upcoming appointments or calendar entries.

page 20 x 3. 4-22-21.png
 
 

Prototyping and Testing

 

A medium fidelity prototype for testing was created from the wireframe sketches.

  • Two testers including Donnie, from the user interviews, tested the prototype via Zoom.

  • The Design Lab Slack community followed up with another nine testers using Maze.

 
 

 Iterations

 

 Several major adjustments were made based on the testing and mentor consultation, who also discussed the iOS guidelines that were part of the project.

PROBLEM #1: Simplify Actions and the Homepage screen

PROBLEM #2: Nested scrolling confuses users in small spaces

PROBLEM #3: Time picker does not meet heuristic guidelines

UI Development

 

The name of the app should communicate the below traits:

1. usefulness, support and self-confidence

2. encouragement and control of your life



“Vital”

  • absolutely necessary or important; essential

  • full of energy; lively

 
 

“I love the bottom progress bar of medication, dose, time, notification, refill - easy to see!”

 
 

“I think it was great that the process had only one question on each screen. That makes the entire process of adding medications and reminders much more digestible.”

 
 
 
 
gifmock.gif
 
 

Reflections…

Having the option to create a project like this reinforces my reasons for a career change.

Following the principles of user-centered design, I created a product that would consider senior users’ needs and goals and therefore deliver the value required to overcome the reluctance to use technology that may exist.

Talking to seniors in the original interviews and then during usability testing was very satisfying and inspiring.

  • Donnie mentioned in his user interview that he didn’t feel the need for this kind of app.

  • After the usability testing, however, he felt it was something that he could use and would be needing, possibly sooner than later.

 
 

The Next Steps…

  • Retesting for efficiency and usability on adjustments made to the prototype based on the first round of usability testing.

    • Use live sessions with “seniors” using the Figma Mirror function for mobile.

  • All navigation, layout and UI are easily and efficiently recognizable and learnable.

  • Continue with redesigning the balance of all pages (and onboarding and tutorial instructions) with confirmation through iteration and testing the efficiency and usability of the entire site.

  • Ensure all accessibility and iOS guidelines are met, but also confirmed through testing.

 
 

 Phase Two Objectives…

  • Design and develop the “History” tool to show weekly and monthly reports regarding the medication schedule and adherence.

  • Ability to print medication usage and history reports and all calendar notes.

  • Ability to directly notify the “Support Circle” profile contact when medication reminders go unanswered.

  • Design a responsive tablet version as 60% of older adults in higher income brackets own tablets.