Orion

Orion system is a treatment monitoring tool for focal laser ablation tested with men with prostate cancer. The system provides physicians with an intuitive and streamlined experience through real-time data recording and analysis while the laser ablation takes place.

Avenda Health

 
orion-cover.jpg
 
DASH.png
 

Goal

- Create an intuitive and safe monitoring system prototype for the clinical trial.

- Create an aesthetically pleasing user interface to surprise and delight the company stakeholders and investors.

 
 
DASH.png
 

Patient list

 
List_Allpatient_Select.png
List_Select_MRI.png

MRI View

 
DASH.png
 

Pre-laser

 
 
PL_TP(Zone 1).png
SP.png

Standby procedure

PL_menu.png

Menu

 
DASH.png
 

Laser active

PL_LA.png

Laser active page with heat map on

 
PL_LA_MS.png

Damage map on with pop-up notification

PL_CD.png

Cool down

 
DASH.png
 

Treatment summary

Summary.png
Summary (AS1).png
 

Process

Some material and process such as User Journey Map, Information Architecture, and Flow Chart are not shown below due to the non-disclosure agreement.

 
 
DASH.png
 

Field research

In the early stage of the project, I interviewed three doctors both on-site and through phone calls to have a better understanding of the current surgery process, pain points, and their vision. Also, had opportunities shadowing three targeted biopsy and three different prostate surgeries in UCLA.

 
 
DASH.png
 

Landscape analysis

Due to the limited amount of available focal therapy machines, I created a landscape analysis that also included targeted biopsy, radiation therapy, and cardiac ablation.

 
 
LA-4.jpg
 
DASH.png
 

Persona

 
persona.jpg
 
DASH.png
 

Design criteria

 
 
 

SAFETY FIRST

Any medical device that is involving laser and heat can be hazardous for the patient and doctors. To ensure everyone’s safety and passing FDA review, safety is our top priority when we design the Orion system.

 
 
 
icon-4.jpg
 

EFFORTLESS OPERATION

The operating room has a lot of things going on during the surgery. Doctors usually operate surgery under high pressure. Information that is well organized and easy to find can take out a lot of stress from the doctor.

 
 
 
 

INTUITIVE CONTROL

Most of medical OS are extremely busy, complicated, and hard to use. It doesn’t have to that way. Our goal for the Orion system is to design the system that is so easy to use, non-medical personnel can operate the system.

 
 
 

Brand DNA & mood board

Hosted a meeting with the team and let everyone share their thoughts and vision of Avenda Health. The activity led us to five keywords to represent Avenda Health.

FUTURISTIC INTUITIVE CONFIDENT CLEAN FAMILIAR

From the five keywords, I put together mood boards to guide the treatment monitoring GUI.

 
edited.jpg
IMG_20180614_145704.jpg
 
 

Brainstorm & concept ideation

I presented my research finding and design criteria to the team. Following that, I invited everyone in the team to the brainstorming session. This practice allows me to see fresh ideas from founders and engineers perspective.

Following the brainstorming session, I came up 30+ concept ideation ranging from the big system to detail function.

IMG_20180703_134918.jpg
 
 
DASH.png
 

Features & information hierarchy

LOW-FIDELITY PROTOTYPE

One of the main problems for today’s medical user interface is information overload. Even though the majority of doctors said they want to see all the information, that doesn’t mean all information should display altogether in one screen. During the low-fidelity prototyping, I am testing not only the concept we came up with but also information hierarchy through paper prototypes within the team. This exercise allows me to understand what information and features are more important than the others.

IMG_20180711_121207.jpg
 
 
DASH.png
 

Layout & usability testing

MID-FIDELITY PROTOTYPE

From my low-fidelity prototype learning, I further refined and created the mid-fidelity interactive prototypes. The goal for the mid-fidelity prototypes is playing around the interface layout as well as testing the prototypes with med students and doctors to get further feedback.

 
 
midfi-1.jpg
 
DASH.png
 

Production

HIGH-FIDELITY PROTOTYPE

In the high-fidelity prototyping phase, I added color and details into the interface as well as working on the UI copy with the team members. Many field testing and editing have been done throughout this phase as well.

After giving the final prototype to the developers, my role became assisting the developer for any detail editing and missing parts.

 
 

Version 1

PL_Temp.png

Version 2

PL_TP.png
SP_Select.png
SP.jpg
 
DASH.png
 

Challenges

I wasn’t able to collect enough data and feedback during low and mid fidelity testing. The result was that I had to spend extra time changing high-level system design during the high fidelity phase.

 
 
 

Possible reasons

Lack of detail scenario

During testing, the only task I asked the participants to do is “how would you perform focal laser therapy with this software?” Instead, I should have given detailed scenario and tasks.

Lack of context

I conducted all testing with physicians either in the doctor’s office or at a coffee shop using my laptop. This caused the tests to lack a sense of pressure that is present during surgeries done in a clinical setting with a real patient.

 
 
DASH.png
 

Style guide

 
style guide_Page_1.jpg
style guide_Page_2.jpg
 
 
DASH.png
 

Open house

For investors, friends, and family

edited.jpg
MVIMG_20181023_201849.jpg
IMG_20181023_191531.jpg