XR Design Guidelines¶

Ultraleap’s industry-leading hand tracking technology is transforming XR. Users can experience the full power of natural interaction in AR and VR. Look down and see your hands, reacting and moving in real time. Effortless, intuitive interaction with no controllers, no wearables, and no learning curve.

What you’ll need¶

To begin using our advanced hand tracking in your VR or AR application simply attach a Leap Motion Controller or Stereo IR 170 Camera Module to the headset and download our latest Hand Tracking Software release.

Getting Started¶

../_images/Design-Principles-Provide-extra-feedback.gif

Design Principles

Principles for designing hand first XR experiences.

../_images/Design-Considerations-Hero-Image.png

Design Considerations

Make the best design choices for your app.

../_images/Virtual-Hands-Hero-image.png

How to design virtual hands.

../_images/Tutorials,-Hints-and-help-Hero-Image.png

Tutorials, Hints, and Help

Help your users learn how to interact.

Interactions¶

../_images/Interactions-Overview-direct-interaction.png

Interactions Overview

Overview of Physical vs Learned interactions.

../_images/Direct-and-Distant-interaction-modes-summoning.gif

Direct and Distant Interaction Modes

Learn when to use Direct and Distant interactions.

../_images/Locomotion-Hero-Image.png

Learn how to locomote in XR.

../_images/Hand-Poses-Blocks-Thumbs-Up.gif

Learn when & how to best use Hand Poses.

../_images/heroanim.gif

Learn the concept and use cases for microgestures.

Components¶

../_images/Components-Overview-UI-Panel.png

Components Overview

Overview of XR Application components.

../_images/Virtual-Objects-Hero.png

Virtual Objects

How to interact with and design for virtual objects.

../_images/Designing-Objects-For-Hands-Affordances-2.gif

Designing Objects For Hands

Design objects to communicate function.

../_images/UI-Panels-Scrolling-Pages.gif

Design UI Panels for XR Applications.

../_images/UI-Components-Carousels.gif

In depth advice on UI components.

../_images/Hand-Controls-hand-panel.gif

Interact with UI attached to your hand.

../_images/Keyboard-qwerty.png

Keyboards and Text Entry

Design text entry interactions for hands.