Interaction and navigation patterns in Metaverse scenario

WebXR Wiki, ASG Avanade

Project introduction

The website gives an overview of existing interaction and navigation patterns, with examples to test them with a hands on experience. This is a fully immersive wiki, that is easily acessible over the internet. It functions as a demonstration to help with the decision making of relevant patterns as well as a base application for future projects.

The application is created in a web technology that allows developers to create immersive experiences, such as virtual and augmented reality, called WebXR. Since it is on the web, it can be accessed through a web browser on desktop and mobile devices. Within WebXR Bayblon.js was used, because it is a popular open-source 3D game engine and framework for building web-based 3D applications.

Read more about Babylon.js here.


If you have a Meta Quest click here to open this site on your headset.

For a VR experience, open the website within your VR headset and click the image in the corner of the scene.



Please fill out this questionnaire after having a look through the website and the VR experience.


Interaction patterns

What are Interaction Patterns

They are methods that can be used to interact with the virtual environment. For example, different ways of picking up a cube and resizing it. With the help of sensor and controller information, it is possible to make the movements seem increasingly natural.


Navigation patterns

What are Navigation Patterns

In XR, navigation patterns refer to the various methods by which a user can navigate within a virtual environment, including techniques for menu navigation (moving from one scene to another) and user movement within a scene. For this project we will be looking at the later one, the methods a user can maneuver through a scene.