top of page
tesslogo.png
tesslogotype.png

AR application for spacecraft design and assembly.

Introduction
Roles
Collaborator(s)

Tesseract is an AR application that supplements NASA JPL Ops Lab’s Protospace and helps NASA engineers to easily navigate the CAD model hierarchy in augmented reality using the Microsoft HoloLens throughout the spacecraft design and assembly process.

Achievements
star.png
star.png
star.png
star.png
Collaboration with JPL at NASA
Collaboration with HoloLens at Microsoft
Scientific American (Article)
Space.com (Article)
product-design.png
PRODUCT DESIGN
ar-development.png
AR PROTOTYPING
uiux-design.png
UX PROTOTYPING
Tech Stack

Unity 3D

Three.js

Adobe CC

Axure RP

Hardware

Charmaine Sum

(Product Designer, AR Testing) 

Olivia Cabello

(Product Designer, User Testing) 

Hasan Ahmed Ansari

(UX Designer, AR Researcher) 

Anqi Zhao

(Three.js Developer) 

Duration
clock.png

4 months

Promo Video

Microsoft HoloLens

Promo Video
Project Overview

(Some parts of this video contain excerpts from NASA's royalty-free video library)

project-overview-cover.jpg

Project Overview

What is Protospace?

Protospace is an AR application developed by NASA JPL Ops Lab for Microsoft HoloLens to offer their engineers a more intuitive and efficient method for the design and assembly processes behind the creation of a spacecraft.

Challenge

While Protospace already includes a feature that allows users to select different parts of the spacecraft within the file hierarchy, users have a multitude of problems as they navigate through different levels of the hierarchy.

The ultimate goal with this project is to build an AR prototype that prevents possible errors in the spacecraft creation and assembly processes that are irreversible, and to help users easily understand and navigate through the file hierarchy of the CAD model without getting lost along the way.

Objective
Initial Research
jpl-discovery-process.png
Target Audience

Mechanical Engineers at at the NASA JPL Ops Lab

Interview Objectives
  • Understanding the status quo

  • Defining the issues currently experienced by the users

  • Outlining the ideal user flow to maximize user performance

Persona Types for User Interviews
  • Professional Engineers with AR Experience

  • Professional Engineers without AR Experience

  • Mechanical Engineering Students/Interns

Interview Highlights
  • Easy access to the work of teammates is needed

  • A uniform filing system is needed

  • The part directory needs a better hierarchical system

Concept Mapping
jpl-concept-mapping.png
Initial Sketches
jpl-initial-sketches.png
jpl-initial-sketches2.png
jpl-initial-sketches3.png
jpl-initial-sketches4.png
jpl-initial-sketches5.png
Initial Prototyping
jpl-initial-prototyping.png
System Diagram
jpl-system-diagram.png
Prototyping Phase 2 (Gestures)
jpl-prototyping-phase2.png
User Journey
jpl-user-journey-diagram.png
Tesseract Prototype V1
jpl-tesseract-prototype1.png
jpl-tesseract-prototype2.png
jpl-tesseract-prototype3.png
jpl-tesseract-prototype4.png
User Testing 1
Color Coding
  • Mechanical engineers are not accustomed to it.

  • Would prefer symbols over colors.

  • The accompanying model of the Mars Rover makes it easier to understand.

Orientation
  • Prefer horizontal orientation where engineers use the up-down arrows to navigate through the files.

Tesseract Prototype V2
jpl-tesseract-prototype-v2-1.png
jpl-tesseract-prototype-v2-2.png
jpl-tesseract-prototype-v2-3.png
jpl-tesseract-prototype-v2-4.png
User Testing 2 (Industrial Engineers)
jpl-usertesting2-industrial-engineers1.p
jpl-usertesting2-industrial-engineers2.p
jpl-usertesting2-industrial-engineers3.p
jpl-usertesting2-industrial-engineers4.p
User Feedback
Color Coding
  • Industrial engineers find color coding to be the easiest way of separating categories.

  • They think symbols would be too confusing and hard to remember.

  • Find the small cube unnecessary.

  • Would like to see a shortcut to every color at all times.

Orientation
  • Prefer horizontal orientation for browsing through the items within the same category.

  • Vertical orientation for browsing through different layers in the hierarchy.

  • Need an indicator for which level in the hierarchy is currently showing.

Tesseract Prototype V3
jpl-tesseract-prototype-v3-1.png
Action Points After Last Iteration
  • Why a cube? Why not a more fluid polygon?

  • How can the user decipher where they are in terms of the hierarchy?

  • Color Coding: Color could be used to block out large areas that other engineering teams are working on.

jpl-action-points-graphic.png
User Journey V2
jpl-user-journey-diagram-v2.png
Tesseract Prototype V4 (Three.js)
jpl-tesseract-prototype-v4-1.png
jpl-tesseract-prototype-v4-2.png
jpl-tesseract-prototype-v4-3.png
User Testing 3
jpl-usertesting3-graphic.png
Feedback

Up to Down Navigation:

  • Feels natural when going from parent-child file.

  • Reiterates that the files are not on the same level.

Recommendations:

  • Use Legend (images) as key.

  • May consider a flat shape if there are many files.

Final User Journey Storyboards
Professional Mechanical Engineer with AR experience
jpl-storyboard1.png
Professional Mechanical Engineer without AR experience
jpl-storyboard2.png
Mechanical Engineering Intern/Student
jpl-storyboard3.png
Events & Press
cover.jpg

Events, Achievements & Press

Scientific American Article
press1-1.jpg
Space.com Article
press2-1.jpg
Other Projects
Other Projects
Other Links
Other Links
bottom of page