carepal_banner.jpg

CarePal

Mobile App, Pain Communication Tool

Type              Interaction Design

Time        Spring 2017 | 6 weeks

Team             Peggy Chau, Ethel Chou, Rossa Kim

My Role        Research & Concepting, Wireframing, Visual Design, Interactive Prototype

Tool               Photoshop, Illustrator, InVision

 

What Is CarePal?

CarePal is a mobile app that facilitates communication between
patients with chronic pain and their health care providers.

PROBLEM

Current experience of managing pain is burdensome for patients. Providers often recommend to write a pain diary, but difficult for patients to know what to write on a daily basis. When patients visit doctor or ER, the check-in process is never easy and it is hard to describe their pain with words - which might not lead to correct treatment or prescription. 

carepal_problem.jpg

SOLUTION

 
HOLISTIC TRACKING   CarePal provides easy tracking process that record key factors that impact pain such as emotional state.

HOLISTIC TRACKING

CarePal provides easy tracking process that record key factors that impact pain such as emotional state.

PAIN ANIMATION   Pain qualities are visualized in animations to help patients overcome language barriers and effectively convey. 

PAIN ANIMATION

Pain qualities are visualized in animations to help patients overcome language barriers and effectively convey. 

DATA ANALYSIS   User inputs are converted into digital reports for faster check-in process and to help providers see clinically significant info.

DATA ANALYSIS

User inputs are converted into digital reports for faster check-in process and to help providers see clinically significant info.

 
 
 

 

01

UNDERSTANDING THE CONTEXT

BACKGROUND

We partnered with a pain provider at University of Pittsburgh Medical Center to improve the usability of an existing mobile app prototype called Painimation. Painimation helps patients 1) identify the location of their pain via body coloring, and 2) describe the type of pain they have through animations.

Instead of directly jumping into the app redesign process, the team decided to conduct exploratory research with providers and patients to figure out the usage scenario for Painimation (patient and provider needs), and thus clarify our objective for the redesign. 

Pain Animations (designed by CMU Master of Design graduate Nema Rao as part of her design thesis) 

Pain Animations (designed by CMU Master of Design graduate Nema Rao as part of her design thesis) 


02

EXPLORATORY RESEARCH

RESEARCH METHODS

PATIENT INTERVIEW

We interviewed 6 sickle cell patients at UPMC's sickle cell anemia clinic. We aimed to 1) examine the current patient experience with pain, providers and pain tracking, 2) probe their reactions to the pain animation functionality.

PROVIDER SURVEY

We interviewed 2 providers & surveyed 4 providers. We aimed to 1) examine the current workflow with patient appointments, 2) probe for their reactions to the animation functionality, 3) look into difficulties in understanding a patient’s pain, and 4) data they would need or like to have to improve their treatment plans.

 

RESEARCH SYNTHESIS

We synthesized all the research for patterns and pain points, and derived the following key insights and design directions:

Artboard+Copy+12@3x.jpg

 

DESIGN OBJECTIVE

What we realized is that patient-provider communication is critical to the treatment experience. While the current Painimation app helps with this process to a degree, its scale needs to expand to cover a greater context of patient's life with their pain. Therefore, we determined that our objective is:

Redesigning Painimation into a pain communication tool that:

  • helps patients with any literacy level easily communicate pain location, type and intensity;
  • tracks pain and other key measures to help providers make better clinical decisions;
  • consolidates all personal and medical data into one place to save both patient and provider's time.

03

CONCEPT DEVELOPMENT & PROTOTYPING

We first consulted with providers and identified the specific measures that need to be tracked and displayed, then through discussion and whiteboard sketching, we came up with 4 features that would accomplish our design objectives:

  • Pain Entry - incorporate pain animations to deliver an easy pain recording process;
  • Data Analysis - convert pain entries into pain trends and other clinically important information;
  • Profile - edit personal information and health history that would sync with clinic database;
  • Emergency - quickly access emergency contact and show ER provider all the essential information.
carepal_measure.jpg

INFORMATION ARCHITECTURE

 

WIREFRAMES

Artboard+1+copy+2@3x-100.jpg

04

HI-FIDELITY DESIGN

For the final design, we rebranded Painimation into CarePal to better encompass the new features and broader focus of the app. We focused particularly on developing the UI for the "Pain Entry" flow. We chose new colors that fit in with the medical focus while remaining visually appealing and friendly to the user. We also kept design patterns about lowering patient's burden in mind.

carepal_app.jpg

05

NEXT STEPS

Currently, our client is in the process of pitching to investors, and plans to conduct user testing of CarePal with pain patients and providers in Pittsburgh, PA. We will continue to refine our design to make it easier for users to continuously communicate their pain.