CPR & Choking App

Revive: A phone displaying the Revive app logo with text next to it that reads "unlock the power of CPR and your google assistant."

Overview

This case study explores the mobile learning flow of a CPR/choking course and the Google Assistant functionality that gets unlocked with the successful completion of the course.

Role

Experience Designer

Brand Creation, User Research, Competitive Analysis, Interaction, Visual Design, Prototyping Testing

Process Duration: 2 weeks

How Might We?

How might we get more people trained in CPR & choking emergencies and provide support in the event that an emergency happens?

Learning about the users.

Interviews/Empathy Maps/Pain Points

interview transcripts

I decided that it was important to interview people who have taken a CPR/first aid course in the past to see what their pain points were.

Next, I wanted to find out how they would personally change the way they were taught to minimize or eliminate those pain points.

Lastly, I wanted to get their feedback on what features a phone app should have to reduce stress and build their confidence in an emergency was to arise.


I started to understand my user’s thoughts and feelings towards their current accounting situation.

Empathy maps gave me the initial insights needed to begin pinpointing the user’s pain points.

Character development.

Personas

This was the perfect opportunity to look at the goals, characteristics and needs of the larger user groups.

I needed to identify patterns in their behaviour that might further point to common pain points that my interviewees experienced.

Putting a finger on it.

Problem/Hypothesis Statement

Determining the problems of my users allowed me to put my full focus into resolving their most pressing pain points.

Setting the bar.

Goal Statement

a mobile phone with the signup screen

My Revive app will let users learn CPR which will affect casualties who are unconscious and not breathing by giving people the skills needed to resuscitate them or until EMS arrives.

I will measure effectiveness by the number of people who complete the course.

Following the yellow brick road.

User Flow

This user flow allowed me to foresee the user’s happy path throughout the car buying process. 

It helped me determine:
✔️ What actions the users would take in the app.
✔️ What decisions they would have to make.
✔️ What screens they would experience after taking action or making a decision.

Measuring up to the competition.

Competitive Audit

Analyzing competitors gave me a well-rounded foundation of knowledge about the accounting app market. It helped me create a product that was helpful and unique which added value for users.

The insights gathered here carried over to my designs.

Putting pen to paper.

Paper to Digital Wireframes

Dedicated App

Responsive Mobile Landing Page

Progressive Enhancement Approach

Validating the work.

Testing Prep

I asked myself these key questions and set out to find the answers:
✔️ How long does it take for the user to snap a photo of their receipt and attach it to their transaction?
✔️ Are there parts of the user flow where users get stuck?
Are there design changes I can make to improve the user experience?
✔️ Is there anything that users want to see added to this feature?
✔️ Are there any reasons why users wouldn’t use this feature?

The report card is in.

Usability Test

One of the KPIs that I set out to test was: system usability scale. I asked participants several questions centred around ease of use, learning curve, consistency, and lastly about their confidence throughout the app.

Results
Ease of use: 40% of the participants disagreed, 27% agreed, and 33% strongly agreed that it was easy to use.

Usefulness: 40% strongly agreed, 50%, agreed, and 10% disagreed that there was a steep learning curve.

Learning curve (Google Assistant): All participants believed that there wasn’t a learning curve with the Google Assistant feature. 27% strongly agreed while 73% just agreed.

Learning curve (Course Dashboard): There was a mixed opinion about the learning curve for the course dashboard. 33% strongly agreed that there was a steep learning curve, 27% agreed, while 40% disagreed.

Results
Ease of use: All participants thought the feature was easy to use. 80% strongly agreed and 20% agreed.


Usefulness
: 80% strongly agreed, 10%, agreed, and 10% disagreed that there was a steep learning curve.

Learning curve (Google Assistant): All participants believed that there wasn’t a learning curve with the Google Assistant feature. 80% strongly agreed while 20% just agreed.

Learning curve (Course Dashboard): All participants believed that there wasn’t a learning curve with the Google Assistant feature. 80% strongly agreed while 20% just agreed.

 

Building upon what was learned.

Iterations

Course Dashboard

HOVER OVER THE HOTSPOTS FOR DETAILED INFORMATION

3 of 5 participants wanted to change the style of the card.

1 of 6

2 of 5 participants didn’t understand that line at the bottom was a lesson progress bar.

2 of 6

1 of 5 identified didn’t understand that the checkmark represented “complete.”

3 of 6

1 of 5 participant indicated that they wanted a progress bar at the top.

4 of 6

Cards were changed and “Complete” was added next to the checkmark to confirm lesson completion.

5 of 6

A progress bar was added to the top.

6 of 6

Lesson Flow

2 of 5 participants struggled with next button. They didn’t know how to proceed.

1 of 3

Text was changed to “Done” to indicate that the lesson had been completed.

2 of 3

“Lesson Complete” was overlayed on top of the video player as double confirmation.

3 of 3

Buttons & Input Fields

1 of 5 participants indicated that they would need confirmation at each interaction with the Google Assistant so that they know she understood and recorded the information.

1 of 4

1 of 5 participants asked how the Google Assistant would know what apartment you were in.

2 of 4

I added “Got it!” and “OK!” to indicate that the assistant understood.

3 of 4

I added an extra step in the Google Assistant flow that requested an address/apartment number or street intersection.

4 of 4

How do we Look?

Brand Identity

For Here or To Go?

Take Away

As a former lifeguard/swim instructor/CPR & first aid instructor, I know how important this app would be if it was actually created – especially if Google was to take it up as one of their projects. There would definitely be more interest in learning the information that arms them with the necessary tools to save lives.

In a big city, EMS can show up within minutes, but in other parts of the country, it could take 10x as long for EMS to show up. Remember, it only takes 4 minutes for the oxygen-starved brain to start dying which makes it harder for medical professionals to resuscitate casualties once they’re in the back of an EMS truck.

Case Study Details

Carwise: A laptop and mobile phone with an image of a car. It shows how the website follows responsive design principles.

Carwise

Previous