Virtual Reality Interfaces for Product Design

Finding UI solutions for design creation within Virtual Reality

Move2-QUICKTOOL1_Johanna

The project

The focus of Virtual Reality has gone from research to widespread adoption in entertainment and practical directions, like the automotive design and architectural visualization. With that, we have to take into consideration the best way to give in-experience control to the user and the interaction within the interface in this medium.

2D-1-Computer_Johanna
2D-1-Mobile_Johanna
2D-1-Vive_Johanna
Reimagining interactions for Virtual Reality

How to translate the interactions for content creation that happen in computer and mobile to virtual reality, and help the user explore shape and communicate design intent.

<How to translate the interactions that the user does in the computer (click) and the mobile device (gestures) to the virtual reality world.

How to help the user explore shape within Virtual Reality, Be more empathetic with their design and communicate their design intent.>

2D-2-shape_Johanna

Explore shape in Virtual Reality

2D-2-empathy_Johanna

Be more empathetic

2D-2-communicate_Johanna

Communicate design intent

The user

Monica Industrial Designer

thesis-usecase_Johanna1

Design a table for a coffee shop

Limited time

Requirements

thesis-usecase_Johanna2

Puts on headset

Creates a lo-fi prototype in minutes

Makes different versions

Refine

thesis-usecase_Johanna3

Show to her clients

Get feedback

See in real scale

Validate and make decisions

What's out there?
tilt-brush_JohannaLopez

Google Tilt Brush

UnrealVR_JohannaLopez

Unreal VR Editor

Gravity Sketch VR 1.0 00_JohannaLopez

Gravity Sketch

animation-tools-quill_1_JohannaLopez

Quill by Oculus

controllers-Johanna5
  • Use of controllers
  • Planar Interfaces

The Goal: Explore the best ways to give in-experience control to the user in the VR world and create a user interface for content creation that speaks to the capabilities of natural human behavior.

The approach 

A gestures based idiomatic interface

theapproach_Johanna16

Gesture-based tools

theapproach_Johanna17

Contextual tools

theapproach_Johanna18

Quick tools

theapproach_Johanna19

Application Launcher

Gesture-based tools

These are tools that are accessed in widely used 3D software by shortcut and mouse movements.

2D-GestureAnimation-SELECT2_Johanna
2D-GestureAnimation_1RotateObject_Johanna
2D-GestureAnimation_1Rotate_Johanna
2D-GestureAnimation-MOVE2_Johanna
select2_Johanna

Select vertex and edges

selectObject-Deselect2_Johanna

Select Object

Rotate-Object2_Johanna

Rotate object

Rotate-View2_Johanna

Rotate table

Move2_Johanna

Move

gestures_0006_select1_Johanna

Select vertex and edges

gestures_0003_select-all_Johanna

Select object

gestures_0005_select-hold_Johanna

Hold and select

gestures_0004_deselect_Johanna

Deselect

gestures_0002_rotate2_Johanna

Rotate view

gestures_0000_rotate_Johanna

Rotate object

gestures_0001_move_Johanna

Move

gestures-scale_JohannaLopez

Scale

Thank you!

Johanna E. Lopez Taveras
Committee | Adam Smith, Shaun Foster, Tim Wood
Portfolio | johannalopez.myportfolio.com

Visual
Communication
Design
MFA

Communication
Interaction
Motion & 3D
Design Studies

 

About the Program