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
The work
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.
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.
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.
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.
