A deeper dive on the importance of 3D Spatial UI and it's principle for the adoption of VR

1. Familiarity to
3D Interface
Design
Sonya Seddarasan
Principal Product Design

3. The Challenge
for “Goodbye
frame UI “
3rd Person 1st Person
VS

4. 3D Spatial
UI Designer
180 Degree
90 Degree
20 Degree
Possibility Canvas : 360°
Affordance Canvas : 180°
Working FOV : 90°
Foveated Rendering : 20°

5. Do not
reinvent
UI
Pattern

6. Tools
Paper and Pen
Softwares
Unity | Unreal Engine

7. VR Frameworks
Mozilla A- Frame
Google Cardboard,
Samsung Gear & Oculus Rift
Daydream VR
Mobile Phone VR
Unity / Unreal
High Ends VR for Oculus
Rift, HTC Vive, Hololens AR

8. 2D UI 3D UI
Canvas, Frame
Mouse
----
Goal
Affordance
Flows
States
Field of View
Gaze, Sound, Gesture
----
Direction
Affordance
Narratives
Episodes
VS

9. 2D UI 3D UI
Emotions
Navigation
Tools
Non Diegetic
Emotions
Spatial Navigation
Body / World Lock
Diegetic UI
VS

10. The reality within
User’s Brain in 3D
Welcome to

11. The reality of Brain in 3D

12. Factors Building Presence
Agency
The amount of control
you give to your users
Environment
Richness
The amount of realism
we put in to the
environment
Multimodal
Acts
The amount of
cognitive sense we
provide to the users

13. Multimodal
Acts
“We are a team, Please do
not separate us“
- Brain

14. Speech Gaze Gestures 6 DOFAudio

15. 3D UI
play important role
in VR future

16. User Field of View
Affordance Canvas: 180°
Working FOV: 90°
Foveated Rendering: 20°

17. Placement Guidelines in 3D UI
Personal
Space
A natural arm rules
between user and the
other object
Action Space
A space where action
can be taken without
limiting the capabilities
Vista Space
Non controllable space
for users

18. Text Neck & Headset Force

19. 3D Multimodal Interaction
Gaze SpeechGestures

20. Gaze as Interaction

21. Gaze in VR
Avoid:
Gaze angle > 10°above horizon
Gaze angle > 60° below horizon
Neck rotation > 45 °above horizon
Working FOV: 90°
Gaze Angle: 10° - 20°
below horizon

22. Gesture as Interaction

23. Arm Height
Try not to go above elbow
Faster Interaction
The higher the hand goes
against the body, the faster
the interaction needs to be
Principles in Building Gesture

24. Speech as Interaction
Relying on Speech for
actionable item inside
immersive experience is
still being discovered

25. The reality within
Designer’s Brain in 3D
...and now to

26. The Common Bias
Familiarity
Designers vs Users
Comfort Level
Designers vs Users
Never Assume
TEST, TEST, TEST