An Experience Design Overhaul

For a large multi-site provider network

Our client requested an experience design overhaul when data showed users were overwhelmed at becoming a new patient because the website was confusing and the provider search was outdated.
THE MOTIVATION

Missed opportunities to secure new patients due to patient overwhelm

THE PROBLEM

How might we improve the new patient adventure?

WHY IS THIS HAPPENING?

Communication is evolving, yet clinician wellbeing has been on decline for years.

Advances in technology have been helpful yet...

It has its own problems. Concerns like device sanitation, accessibility, and unforeseen physical consequences like neck strain, repetitive stress injuries.

Profile of Today's Caregivers

They are nurses and clinical staff. They have earned their titles by spending 4-6 years in school, followed by rigorous exams and boards. They have the hardest job of clinical professions.

Pain Points

  • Alarm fatigue
  • Overwhelmed with technology.
  • Using too many devices and applications increasing cognitive load.
  • Anxious because of fearful environment from being tracked performance data being shared with management.
  • Understanding products value because of being uneducated in the technology (excluding rare power users) because a low budget for regular training of new facility technology adoptions.
  • All this stress causes them to make more mistakes and they feel guilty about that.

So, taking all that in, how might we make caregivers jobs easier?

How about WE DESIGN A

Hands-Free, Voice Assisted Wearable Communication Device.

7 best online brokers for stocks & cryptos
"Nurses don't want to have to lug around a big huge phone, along with their badge, plus their "other" phone where ever they go. They use "this" phone" for *this, and "that" phone" for *that. and it has an overwhelming effect. They want an easier more streamlined way to communicate."

The people I collaborated with to make it happen...

MY TASKS AND DELIVERABLES

Overview

✓ Competitive Feature Research

✓ Conversation Flows

✓ Call Flows

✓ Login Flows

✓ Technical UX Requirements Documentation

✓ User Interview Guide

✓ In-Lab Usability Tests

✓ Results Synthesis

The Design Process

Instructions

Use TABS to explore design PHASES.
Use ACCORDIONS to drill into SPECIFICS.

Research

Competitive Analysis

I analyzed competitor products to assess the range of language inputs it understood. I also assessed technology like Alexa and Siri to understand the interactions involved. Since we needed to build a prototype before the first round of usability testing, we resourced from the subject matter experts on our team about the natural language they would use in the workplace setting. Ideally, we would have been able to do the qualitative research before we went into the first round of usability testing, but instead the first interactions with real users was later on.

Icon - Elements Webflow Library - BRIX Templates

Sound Interface Exploration

The idea of a sound interface was new to everyone on our team, so I did some research. I had to learn a lot about haptics, vibration and so forth.

Developing the sounds was also about developing the brand look and feel.

I decided we needed a sound landscape that would have more of a soothing effect since the product would likely sometimes be near patient's faces when the nurses were hovering over them.

Eventually I realized we needed to hire a sound engineer to design a tailored set of sounds. I sent out an RFP, to some renown sound designers.

Icon - Elements Webflow Library - BRIX Templates

Design 1

Defining Light, Sound and Haptic Patterns

I collaborated with the lead on the team to figure out what all the lights and sounds would mean. They had done alot of work already, but I searched for sound files and put out an RFP for a sound interface engineer to record custom sounds that aligned with the proposed brand feeling instead of just purchasing generic tones. We refined this chart all throughout the design process. I also helped to define some of the rules around volume.

Icon - Elements Webflow Library - BRIX Templates

Indicating Calls and Alert Types

Constraints: The screen had to be very small so it wasn’t too heavy. it was about 80x80 square pixels and we needed to fit everything within that space and have it be easily readable without pixelating like shown below.

Icon - Elements Webflow Library - BRIX Templates

Voice Recognition

How might we indicate:
Device is ready to be listening?
Device is actively listening?
Device is processing the command?

There needed to be an indicator that the device was actively receiving voice input and commands from the user. 

The galaxy theme was recommended originally for animations, so I started playing with animations that resembled galaxy like movements. I also looked at Siri and other voice applications to see how they visually indicated voice recognition.

Icon - Elements Webflow Library - BRIX Templates

Voice and Low Fidelity Visual Flows for Powering on and Log In

Icon - Elements Webflow Library - BRIX Templates

Rough Prototype for Login Animation

I created animations for what it would look like for a user to power the device on and then login. The goal was to illustrate how signifiers (listening, speaking, recording, complete) could work. This would be refined later.

Powering On

Logging In

Icon - Elements Webflow Library - BRIX Templates

Brand Exploration & Visual Refinement

As the project moved along, I refined the animations that indicated the device was listening or speaking, and if calls were incoming or outgoing.

I chose brand colors for the device that seamlessly integrated with our other products

Again, the problem of large square pixels was something to work around.

I decided to use an image of a heart beat that used vertical lines to solve that problem and convey the brand messaging about saving lives and communicate a friendly feel.

QUESTION: Could it be problematic that the animation looked like a heart monitor?
ANSWER: No. And I don't remember the specifics.

Icon - Elements Webflow Library - BRIX Templates

Testing 1

Usability and User Interview Prep

As I mentioned earlier, user interviews and the first round of usability testing was done at the same time.

We planned to do usability testing and qualitative interviews in the lab with the rough prototype I helped to refine.

I joined a small team of three, which included the SME, and the Senior Human Factors Engineer to define the tasks that participants would be asked to perform, and the follow up questions, which we reviewed and refined with the larger group.

We planned tasks an in person wizard of oz style test, that utilized a person behind a curtain to act as the voice of the product.

We set up the participants in the hospital and asked them to pretend they were actually caring for a patient at their bedside while pretending to use the device. This helped to discover problems or things we didn't know.

Alot of the testing was around what language patterns Nurses use to do things. We looked for patterns and outliers.
 

Icon - Elements Webflow Library - BRIX Templates

Synthesis

Compiling and making sense of the data

During testing I had transcribed all of the conversations that were had, and took notes.
After testing we evaluated the notes tallied scores, and made design pivots if needed. Then we worked out more call flows etc.

Then I went to a new project. Which is featured in another case study.

Icon - Elements Webflow Library - BRIX Templates