SERVICES
SCIENTIFIC ILLUSTRATION
2D/3D ANIMATION
GRAPHIC/INFORMATION DESIGN
INTERACTIVE MEDIA DESIGN
RESEARCH & DEVELOPMENT

MRI VASCULAR IMAGING

Title

Date

Client

Audience

Media

Dr. Roy and her team were in the process of creating a program that allows vascular surgeons to better visualize arterial plaques through 3D MRI projections. I was tasked to strategize and develop a series of screenshots demonstrating the usability of this app. I started with a basic wireframe, and then refined the UI/UX through iterative design and feedback from the surgeons. A selection of screenshots are shown here.

Description

MRI Vascular Imaging

2017

Dr. Trisha Roy

Surgeons

©Ruth Chang

ruthchangvisuals.com

©Ruth Chang

ruthchangvisuals.com

©Ruth Chang

ruthchangvisuals.com

©Ruth Chang

ruthchangvisuals.com

The user interface is composed of a main viewport displaying an interactive 3D peripheral angiogram. In Visualization Mode, users can pan, zoom, and rotate around the angiogram using tools situated in the toolbar on the left. To the right is an inset of the cross-section of the selected artery. A slider ring is used to scroll through the vessel, updating the inset accordingly.

In Planning Mode, users are able to distinguish the different angiosomes comprising the lower limb. Users can hover over an individual angiosome to highlight it and reveal the corresponding supplying artery. The program will then calculate and suggest an alternate revascularization path.

Selecting the affected artery isolates it and opens a new inset revealing the longitudinal section of the artery. Using the ruler tool, the user can drag along a section of the artery to measure distance and diameter. The longitudinal inset allows the user to examine in detail the affected area.

The user can then open an intervention menu, which calculates the most effective treatment method given the severity of the disease.