Digital Health Dashboard

Cansera

User testing a 3D-motion capture movement measurement tool that measures cancer patients' physical fitness.

DURATION

4 months

TEAM

Luciano Nocera
Elizabeth Qi
Sara Ma

My ROLE

Usability Testing
User Experience Design

OUTCOME

$2 Million in funding from NCI

Challenge

Make the Interface Idiot Proof to Reduce Mental Load

Cansera is creating a novel measurement system that requires medical staff to learn a new protocol, measurement, hardware, and software. Lowering the barrier to using the tool makes implementation smoother for study coordinators and physicians.

Usability test overview

Designs are Straightforward, Could Guide Users More

I conducted remote moderated user tests on wireframes designed by Luciano and identified 3 opportunties for improvement:

IMPROVEMENT #1

Make Patient Search First

25% of participants misclicked from the home page because they navigated to the patient page first.

I usually go to the patient's page first for other hospital software. Malia, Study Coordinator
REDESIGN

Match Industry Standards

To reduce confusion and misclicks, we changed the task order and navigation for recording a task to better match the user's expectations of searching patient's first.

a task flow showing the patient search task is now before selecting record
IMPROVEMENT #2

Show Image Feeds and Videos

3D motion capture cameras aren't a tool regularly used in healthcare; the 3D video output (below right) is unfamiliar, making it difficult to interpret. Help users build their understanding of the 3D measurement feed by showing the normal video.

gif showing a person standing up from a chair to sit in a taller chair on the left and a digital skeleton doing the same momement with nodes on each joint on the right
RECORDING PAGE REDESIGN

A Viewfinder Helps Orient Users

Rather than having to wait for the video to process and upload for quality control, giving access to the viewfinder gives immediate feedback and control.

Old Design

Users only saw instructions.

previous recording page only showed instructions

New Design

A viewfinder gives users more control and feedback.

new recording page has a viewfinder, showing of what the live feed of what the camera sees
ANALYSIS PAGE REDESIGN

Side by Side Image Video Helps Users' Learn

Putting the image video adjacent to the 3D video helps users understand what they are watching.

Old Design

The image video is on the left.

the old review page's main video shows the digital skeleton video, making it hard for first time user to understand what they're looking at

New Design

Image and 3D video plays at the same time.

the new review page has the image feed of the human getting up and sitting down next to the digital skeleton to help new users understand the 3D video

Improvement #3

Show Instructions Before Recording

Recording a measurement successfully requires specific timing. In the old wireframes, the instructions popped up with the correct timing but confused users.

old instructions popped up with each new step, surprising and confusing users
REDESIGN

Use Color and Contrast to Indicate Timing

The new design shows alls instructions and uses a progress bar to indicate timing of steps.

instructions now are all shown at once and colors and a progress bar show the relevant step in the process.
OUTCOME

A Positive Reception, $2M Investment from the National Cancer Institute

After I presented the designs, the National Cancer Institute awarded Cansera with $2 millions in funding to develop the dashboard. ​​​​​​​

Overall very intuitive, and the function flowed well from its design. It would be very easy to navigate after a few uses. Lan, Oncologist