Allwell Screen Introduction

AllWell

Healthcare Management and Support for Family Caregivers

Type   UX Course Project

Role   Research   |   UX   |   UI

Time   7 mo   |   Sep 22 - Mar 23

View Prototype
Problem Icon

PROBLEM

A Heavy Burden

Caregivers have a difficult time managing healthcare needs for themselves and their dependents because information and support are spread across several different entities.

Lightbulb Idea Icon

POTENTIAL SOLUTION

Lightening The Load

A tool created with a Caregiver’s needs in mind. Designed to save them time and energy by offering a central location for medical records/info, support, resources, and goal tracking.

Discover Headline
Magnifying Glass Icon

IDENTIFYING POTENTIAL USERS

A whopping 24+ hours a week are spent on caregiving.

These sweet souls are spouses, parents, family members or friends involved in assisting others with activities of daily living and/or medical tasks.

User Stats
Magnifying Glass Icon

COMPETITOR ANALYSIS

“If you design for everyone, you delight no one” ALAN COOPER

I analyzed applications that were in the healthcare mgmt space. Most of which are medical provider portals such as FollowMyHealth but could also include major health/fitness players such as Apple Health. Wanngi gets closer to an all-in-one solution but seems to be underdeveloped or unknown.

Competitor Logos
  • competitor finding 1
  • competitor finding 2
  • competitor finding 3
Circus Monkey
Magnifying Glass Icon

USER INTERVIEWS + AFFINITY MAPPING

“I feel like a circus monkey juggling all the plates”

I conducted User Interviews with 5 individuals within the target demographic. They were currently primary caregivers for an adult or child with special needs.

Vocabit Cover Image
Affinity Map Results
Difine Headline
Krystian Persona
Paul Persona
Journeys and Flows Link

USER JOURNEYS

Paul needs to schedule an appt for his mother on his lunch break.

I am beginning to see what features the app will need to include and in what context for Krystian and Paul.

Journeys and Flows Link

USER FLOWS

Krystian just moved and needs local resources for her kids.

Mapping out the process users would take in order to accomplish tasks around the healthcare of their family.

Site Map Icon

SITE MAP + CARD SORT

Site Map
Hand-drawn wireframes
Develop Headline

USABILITY TESTING

It’s alive!

With a mid-fidelity prototype in hand it was time to test it with 6 individuals within the target demographic.

GOALS

Discover errors and gauge satisfaction with 4 main features:

  1. Sign Up
  2. Connect with Provider
  3. Add Health Info (Event & Record)
  4. Save an Article (Resource)
Usability Testing Quotes
Improvements Icon

IMPROVEMENTS

Being A Good Listener

Before and After of Dashboard

BUSY & DIFFICULT FINDING CONTACTS

Reorganize the Dashboard

It was taking some users too long to find things on the dashboard, particularly Contacts and Calendar. I dropped them down into the content section next to Quick Actions – one of the first places users went to complete a task.

Before and After of Dashboard

CONFUSED BY TWO PLUS SYMBOLS

Consolidate Add Feature

Users went to the wrong plus symbol in order to 'Add Record'. I put the plus symbol for adding a Folder in another menu and moved the plus sign to the bottom where users are used to seeing a FAB. Bottom nav wasn't needed.

Before and After of Dashboard

A BUSY FIRST IMPRESSION

Simplify Introduction

Feedback indicated that users felt it was too much on each screen. I worked to remove anything that was not essential and focus on a first impression that doesn’t overwhelm. Added ‘Next’ button after several users weren’t sure how to progress in the intro.

Deliver Headline
Delivery Driver Image
Mustache Icon

REFINING THE DESIGN

A brand feel that is supportive, optimistic, and trustworthy

As with every other step UI and branding of the app is based on empathy. They can accomplish the tasks but they won’t care if it doesn’t feel right when they do. Here are a few challenges I faced:

Wrong Feel Image

Wrong feel or association.

A preference test assisted in seeing what people gravitated toward. How to use a (preferred) pinkish-red without saying stop, cancel, or error!

Lightbulb Idea Icon

Throwing the excess out.

How to have an app with a lot of function but not overwhelming. Clear hierarchy. Remove a line or a border to create more white space can go a long way.

Lightbulb Idea Icon

Accessible and inclusive.

It’s for usability but it’s also just being considerate and inclusive. The challenge is mostly letting go of something I want for what the users need.

Mustache Icon

DESIGN LANGUAGE

A sample of the style...

Design Language Color
Design Language Typography
Design Language Components 1
Design Language Components 2
Site Map
Finale Icon

PROTOTYPE

Finally... I mean FINALE!

Below, you can click through the full Figma prototype or press play for a brief demo from yours truly.

  1. Sign Up
  2. Connect with Contacts
  3. Add an Event to Calendar
  4. Add a Health Record
  5. Save a Resource (Article)