Patient Insights Dashboard

Empower efficient clinical decision-making from patient data

Role & Responsibilities

User Research:
- Competitive analysis
- User interviews
‍
UX Design:
- 4 iterations of low & high fidelity

UI Design:
- Style guide

Usability testing:
- 3 rounds of testing

Timeline

Design timeline: April - June 2022
First MVP: Q2 2022
Target Launch time: Q3 2022

Tools

Figma, Figjam
Photoshop， Illstrator
Zoom，Jira

Client: MSK Cancer Center

Radiation
Oncologist
Medical Physicist
Radiation Therapist
Scheduler/Coordinator/Nurses

Team

Anyi Li (PM)
Bing Liu
Jerry Hong
Zoe Li
Nancy Li

PROBLEM

Design a patient insight dashboard that will show the longitudinal patient records and reflect the current patient treatment situation

By 2030, there will be 23 million new cancer patients. Half of the cancer patient will go through radiation therapy or radiotherapy (RT). The RT treatment uses sophisticated algorithms and machines to delivery highly accurate radiation into the target area of the patient. The preparation of the treatment heavily rely on patient digital profile.

CHALLENGE

A: Too much time is needed when collecting one patient’s info from different systems

Currently they spend around 30 mins or more for each patient when  collecting data and reading the reports.

B: More than 3 types of users are involved in the radiotherapy treatment process

Different users will need to be collecting and reading patients’ info based on different purposes.

SOLUTION

An integrated patient insight dashboard

Our client, Memorial Sloan Kettering Cancer Center(MSK), one of the top two cancer care hospitals in the U.S., is developing its internal information system WARP, As a part of it, the patient insight dashboard systematically integrates patients’ different digital profiles and longitudinal patient records.

IMPACT

From 30 min to 3 min within one dashboard

The final user test with our three primary users showed that the time to collect information and read the reports of one single patient dropped from 30 min to 3 min. It dramatically reduced the care team's data collection and summary burden, empowering the clinical decision-making from patient data. It helps our radiation specialists diagnose and identify risky patients speed by 300%.

PROCESS

Phase 1

Design Research

- Competitive analysis
- User interview
- Storyboard & Persona

Phase 2

Design Definition

- Brainstorming
- Features & Functionality
- Information Layout

Phase 3

Low-Fi Design

- Wireframes
- Usability Testing

Phase 4

High-Fi Design

- Look & feel Exploration
- UI Design
- Reflection

Research

COMPETITIVE ANALYSIS

We examined 4 products and analyzed their pros and cons

Insight 1

Control the Functions

Some apps put too many functions on the surface, making users hard to find the things they want

Insight 2

Clear Treatment Info

Medical history and medication records need to be  clear and verifiable

Insight 3

Not Efficient UI design

A lot of competitors are using really old school colors and weird state colors

USER INTERVIEW

We talked to 4 users from MSK and analyzed their insights

Goal:
- Understand the RT treatment process
- Understand users' info prioritization
- Identify user's pain points

Insight 1

Less Clicks Please

The care team members deal with tons of patient information. They want to get their required data as quick as possible with less clicks

Insight 2

Clean & Consistent UI

Inconsistent colors and typography make tools confusing and difficult to use. Our user want something clean and easy to navigate

Insight 3

Cover Different Data

There are many different formats of data from different treatment period. Our system should support format like PDFs, tables, graphs.

STORYBOARD AND USER PERSONA

We identified 3 core users

User 1

Radiation Oncologist

Protocols decider who determines the most appropriate course of treatment

Review patient’s records before first meet

Check if the patient needs radiotherapy

Write treatment plan

User 2

Medical Physicist

Detailed treatment planner who rely on patient info to make safe plans

Review patient’s records & treatment plan

Implement treatment and record

Coordinate with oncologist and therapist

User 3

Radiation Therapist

Treatment executor who knows all treatment details & treatment schedule

Work with physicists on the treatment

Set up the treatment machine

Implement treatment and documentation

Data Organization & Wireframe Design

USER FLOW

How to satisfy different users within one dashboard

Oncologists are involved in the prior process, including consulting and registration. Radiation therapists are engaged in the middle part of the process, mostly simulation, contouring, and treatment. Medical physicists are involved more in the planning process. How to satisfy so many different users within one dashboard? We must figure out the hierarchy of tons of information.

INFORMATION ARCHITECTURE

How to showcase so much information within one dashboard

In this dashboard, we need to show patients’ basic information, including name, photo, date of birth, etc. Risk factors are also needed to showcase before doctors make any decisions. RT Sections are records of prior and current treatment. We want to make the dashboard less click, but covering as much different data as possible.

USER FLOW

Layout Exploration

The first round is to figure out the main layout. We first came up with different brainstorming ideas, then finalize it based on team discussion and clients’ feedback.

DESIGN ITERATIONS

10+ USER TESTING

Supported by MSK experts from past experience with different tools, we conducted usability tests with more than 10+users. After several rounds of feedback we were able to integrate the wireframes closer to what users really want.

FINAL WIREFRAMES

Patient Info

1. Search box and patient list. Will hover over the current page

2. Most important patient info like name, MRN number, etc

3. Other patient demographics info

4. Patient related medical info

Treatment & Report

1. Show past and upcoming progress. Able to see the exact date and related doctors

2. Toolbox to toggle between different report sections

3. Tabs to toggle between different reports on different dates

4. RT report. Able to download the file

5. RT treatment info, prescription and simulation order. Those are presented in table formats

STYLE GUIDE

Geekblue for health related product

Patient insight dashboard comes in with first impression of calm colors. Considering the various age groups and professional aspect of the product, we decided to use Geekblue as the major color

HI-FI DESIGN

RT Report

Default view for patient insight dashboard. Users can view other reports by tapping the tabs on top. User can also download the report, or tap full view to read a larger version

RT Treatment

To showcase treatment, simulation order and prescription in the most clear way, we adopt the layout similar to excel

Medication

Medication page shows the details of each dose. We use format similar to excel to make it clear enough for user.

Dark Mode

During expert interview, we realized that doctors use this dashboard most of the day.

For them to have a more comfortable experience using it, we also developed dark mode.

IMPACT

Reduce 90% time for data collection

The usual time to collect patient data will be around 30 min or more. Within this dashboard, the process would be within less 3 min.

This dashboard helps reduce the data collection and summary burden from the care team, empower the clinical decision making efficiency from patient data.

NEXT STEP

Provide more layout customization

With the platform's enhanced ability to prioritize crucial information, the logical next phase might involve delving into customization options for the page. This would grant doctors greater flexibility in tailoring the layout to align with the progress of treatment.

REFLECTION

Always turn to users during ambiguity

1. Always turn to users to thrive in ambiguity.
2. Design is never a linear but a back-and-forth process.
3. When feeling lost, users are the right ones to talk to.

Want to learn more? Let's connect!
LinkedInResume
© 2024 by Can (Sunny) Sun