UX Design Project

Holographic Cell Visualizer

I had the opportunity to intern at Microsoft in the Garage program where we were challenged with visualizing tumor data in 3D using HoloLens technology. To complete this task, I worked with a multidisciplinary team to design and develop a product for cancer researchers. 

Timeline

4 months

Team 

Project Manager

Software Developers

Cancer Researchers

Role 

UX Design Intern

Context

Problem

Cancer researchers are used to viewing tumor data on a 2D screen, even though the human body is 3D. How can we visualizer tumor cells in 3D in order to have a better understanding of how the cells interact.

Worked with BC Cancer researchers to develop a tool using HoloLens technology to help researchers delve deeper into tumor cells.

KEY PAIN POINTS

• Unfamiliar way of interacting with data

• New research method to be incorporated into researchers' workflows

• Visualizing tumor data with little background on the topic

Goals

INTEGRATE IN RESEARCHER'S WORKFLOW

Implementing the use of HoloLens technology into the researcher's workflow without hindering their work.

BENEFIT CANCER RESEARCHERS

Provide benefit to the researcher's research, and allowing them to gain a deeper understanding of cell interactions

Product Components

Web App

HoloLens

Python Library

HOLOLENS FEATURES

Filter Menu

Shows the researchers what current cells are visible in the current cell model.

Sector Mode

Provide the researchers with an easy way to zoom in and out of different sections of the cell model for easy navigation.

Explore Mode

Allows the researchers to explore the cell model more freely.

WEB APP FEATURES

Dashboard Page

The dashboard page is focused towards power users. On this page, the users have the ability to control the cell model in the HoloLens using the 3D box on their computer. This allows for quick and simple navigation throughout the cell model. The functionality is fully accessibility requirements.

Filter Page 

The filter page allows the researchers to toggle cell types on and off. The changes made in the WebApp are reflected in real-time in the HoloLens headset.

Sticky Notes Page

The sticky note page allows researchers to log notes they post on the cell model in the HoloLens headset and view them on their computer without needing to view them through the headset.

Help Page

The help page allows researchers to identify keyboard shortcuts and gestures for the HoloLens headset. In addition, to having a setup guide, tutorials and FAQ's.

System Workflow

Merged the HoloLens headset and WebApp workflows.

Research

USER TESTING

I had the opportunity to work with BC Cancer researchers to understand what tools they are lacking in their current tools. Identified gaps where HoloLens technology could provide the researchers with a deeper understanding of cell interactions. 

GESTURE USER TESTING

Interacting with HoloLens is a new experience for a lot of people. When designing for BC Cancer researchers, they are very focused on being power users with the HoloLens and they do not want to spend a lot of time learning new, complicated gestures.

Two gestures were tested. A one-handed gesture and a two-handed gesture to understand how people prefer to interact with HoloLens.

Users with significant, limited or no previous experience to understand which would be easiest for the researchers to learn and implement into their current workflow.

DESIGN PRINCIPLES

Intuitive

  • Seamlessly fits into users' workflow

  • Makes data more tangible and familiar

Useful

  • Integrate with python library

  • Help power users get results faster

Collaboration

  • Reliable in saving and loading researchers' data, so other researchers could open up the work to view data.

  • First step to real-time collaboration

Ideation

UNDERSTANDING HOLOLENS TECHNOLOGY

  • Technical architecture

  • Incorporation of python library

  • Connect with WebApp

  • Interaction Methods

    • Keyboard Shortcuts​

    • HoloLens Gestures

INITIAL WIREFRAMING

When I start to design, like begin by drawing wireframes on paper in order to understand the initial required features of the product.

HOLOLENS REFINEMENT

WEBAPP REFINEMENT

Workflows

RESEARCHER WORKFLOW

The workflow was developed after working with researchers and understanding their current workflow in order to seamlessly integrate HoloLens technology into their workflow to benefit the researchers.

GESTURE INTERACTION WORKFLOW

The HoloLens headset has phenomenal gesture control abilities already built-in. I wanted to utilize the built-in gesture to the best of their ability before developing custom gestures.

Projects

Copyright©2020 Allison Kachala

  • Instagram
  • LinkedIn