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.
UX Design Intern
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
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
Shows the researchers what current cells are visible in the current cell model.
Provide the researchers with an easy way to zoom in and out of different sections of the cell model for easy navigation.
Allows the researchers to explore the cell model more freely.
WEB APP FEATURES
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.
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.
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.
Merged the HoloLens headset and WebApp workflows.
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.
Seamlessly fits into users' workflow
Makes data more tangible and familiar
Integrate with python library
Help power users get results faster
Reliable in saving and loading researchers' data, so other researchers could open up the work to view data.
First step to real-time collaboration
UNDERSTANDING HOLOLENS TECHNOLOGY
Incorporation of python library
Connect with WebApp
When I start to design, like begin by drawing wireframes on paper in order to understand the initial required features of the product.
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.