QI_01_3x.png

QI (Quantitative Imaging)

A CELL RESEARCH DESKTOP APP & WEB PORTAL
PROJECT

QI has created the technology suite “Qi Tissue Image Analysis Software” which is used by cancer researchers to analyze different cell sets.  This software takes very large, high-quality images of cell samples and applies fluorescent highlights and markings. The result would map out areas of the cells that indicated abnormality. 

My role was to assist the internal design team to refine the tool’s user interface, update the existing graphic elements, create testable prototypes and develop the branding and layouts for their users’ private web portal.

ROLE

VISUAL DESIGN

PLATFORM

DESKTOP

VERTICAL

HEALTH & TECHNOLOGY

background_lines_pink_3x.png

The work

QI_02_3x.png

Component
Explorations

In the legacy version of the program, cancer researchers often had difficulty navigating the tools and windows.

 

To improve the discoverability of these tools, the window layouts were made more uniform, icons were redesigned, and additional tutorial and help visuals were added.   

 

Any new component built went through multiple explorations and user tests.

QI_03_3x.png
Cover_QI_3x.png
QI_07_3x.png

Wireframes - Desktop App 

When new elements or controls were added to the existing UI, wireframes were created to explore the clearest and most accessible position. Various menus and interactions were also explored at this stage. 

QI_06_3x.png
QI_05_3x.png

User Flows & Web Portal

There would be many different user types using the QI suite. Some would require the desktop app to conduct tests and analysis, while others would only need access to a cloud portal to observe the results, share findings, or make comments. 

QI_04_3x.png
QI_08_2x.png

Art Tests

I developed a few visual styles to propose to the client for the visual of the web portal, the far left option 'Lab Glass' was selected. 

QI_09.png