Project
ProtoSpace
Description
A collaborative CAD visualization tool for supporting Mission Development in augmented reality and on the web.
Client
Year
Published
Services Rendered
UX Design
Computational Design
3D Visualization
Industries
Aerospace
The improved ProtoSpace web experience featuring the redesigned Session Viewer showcasing Slides, the View Cube, and updated 3D avatars.
Project Overview
ProtoSpace uses the Microsoft HoloLens mixed-reality platform for rapid collaborative visualization of complex mechanical CAD models. ProtoSpace consists of three subsystems: a model processing pipeline, a web portal for uploading and preparing models, and a networked HoloLens visualization client.
ProtoSpace has pioneered industry-leading immersive visualization capabilities that enable groups of people to collaborate quickly and naturally around complex CAD models, finding and fixing problems earlier in the process at a reduced cost and risk.
My Role
Updated UI UX design of the web and HoloLens interfaces.
Led the redesign of the augmented reality UI, supporting advanced hardware capabilities available on the HoloLens 2 headset.
Designed and developed 3D interactive assets for production using industry-standard techniques.
Worked closely with the development team to deliver iterative software releases to customers.


Challenge
Ultimately, we needed to balance the unique needs of a wide array of different individual projects with maintaining a strong focus on generalized, multi-mission use-cases. For example, some of our customers were project managers without much CAD experience, not engineers. With that in mind, we had to balance how the UI met the experience level of both user groups.
Similarly, we needed to design for both HoloLens and web interfaces separately while still maintaining a cohesive identity and user experience. This cross-platform nature of ProtoSpace meant that we needed to consider much more than just the 2D screen experience. For example, some teams collaborated from small, remote home offices while their on-lab colleagues worked in a vast cleanroom environment assembling spacecraft. The two spaces presented very different lighting conditions and spatial constraints that we needed to solve for.
Finally, designing for new technology like the holographic display and gesture-based interactions of the HoloLens 2 has fundamentally different constraints than designing for typical screens and the web. For example, new constraints we had to consider included translucent darks, “oil-slick” display imperfections, lower resolution, limited field of view, spatial awareness, prototype scale conversions, depth, and composition in physical space.

Our Solution
We synthesized complex requirements into user journey maps to identify common design opportunities and feature requests, solving for multi-mission use-cases. For example, we prioritized the models list and session viewer because they are the main touch points of the software, and revamped the project switching interface to support JPLers were working on multiple projects. We designed a complete web app overhaul and simplified UI development by improving on longstanding usability issues and creating a Figma design system that ensured parity with our React component library.
Additionally, the interfaces needed to be simple enough for project managers to use while still being powerful enough for the seasoned mechanical engineer. This included features such as:
HoloLens onboarding for more hands-off training and demos
Welp tips and documentation on the web
3D widgets for spatial orientation and model manipulation
Updated 3D avatars for non co-located and cross-platform sessions
Extensive settings for variables like floor-plane and local origin offset to accommodate desk-use and cleanroom-use
Improved camera manipulation with a new 3D View Cube widget
New AR interface design system that is cohesive with the web app while addressing constraints of the HoloLens
The Result
ProtoSpace saves missions like Mars Perseverance Rover and Europa Clipper billions of dollars a year when used in their design and development process.
ProtoSpace has supported development of more than 25 NASA projects including Mars Perseverance Rover, Europa Clipper, the Cold Atom Lab, InSight, SPHEREx, SWOT, and NISAR.
Using the web viewer we developed, the ProtoSpace team was able to make virtual assembly and operations instructions in 3.5 weeks for the VITAL ventilator project. This allowed Licensees to confirm assembly steps with a virtual Instructions, Build, Assembly, and Test (IBAT) and allowed respiratory therapists and nurses to access operation information from their mobile devices.
Building off of the VITAL ventilator work, the ProtoSpace team developed an interactive educational tool for the Radioisotope Power Systems (RPS) team at NASA Glenn Research Center. The Power to Explore Experience educates users about the different components of the Multi-Mission Radioisotope Thermoelectric Generator (MMRTG).
ProtoSpace has won several awards including:
JPL Software of the Year 2021
NASA Software of the Year 2021 - Finalist & Honorable Mention
JPL Team Award 2020 for the VITAL Ventilator Assembly Instructions and Operations Tutorial
ProtoSpace received a letter of recommendation from Astronaut Scott Kelly for the NASA Software of the Year award 2021.


















