MRTK Playground

MRTK Playground

An interactive walkthrough of The all new features introduced in MRTK 3.

An interactive walkthrough of The all new features introduced in MRTK 3.

Role

Lead Design

Role

Lead Design

Role

Lead Design

Team Size

8 Members

Team Size

8 Members

Team Size

8 Members

Project Length

2 Months

Project Length

2 Months

Project Length

2 Months

Device

Hololens 2 + Oculus

Device

Hololens 2 + Oculus

Device

Hololens 2 + Oculus

Project Overview

Discover through play!

The Microsoft Mixed Reality Toolkit (MRTK 3) is an open-source framework designed to accelerate cross-platform mixed reality development. With MRTK 3 introducing a range of new features, we created the Microsoft Playground—an interactive walkthrough that helps developers experience these capabilities firsthand and seamlessly integrate them into their own projects.


Launched during the Mixed Reality Dev Days Online Hackathon in 2022, Playground transforms feature discovery into an intuitive, hands-on experience, ensuring developers can grasp, apply, and recall new tools effectively.

The Goal

Our objective was to showcase MRTK 3’s features through natural interaction, triggered by user actions rather than passive explanations. By embedding features into an engaging flow, we ensured they were intuitive, memorable, and easy to implement.

Research

Our objective was to make learning MRTK 3 more engaging, intuitive, and actionable. Instead of presenting features in isolation, we designed an experience where features are introduced through real-time interactions, making them easy to understand, recall, and implement.

  1. Guided discovery – Features are introduced organically as users interact with the environment.

  1. Contextual learning – Features appear in real-world use cases, reinforcing practical application.

  2. Streamlined access – Developers can quickly reference and integrate features directly from the Playground.

  3. Hands-on interaction – Instead of passive instruction, users learn by doing, ensuring deeper retention.

Storyline

Since we want to tell a story, this is essentially a linear narrative that guides the user through the experience. At a high level, we can break this down into three steps, which we will delve into further later.

Guiding Principles for Design

  1. Show, Don’t Tell – Users should experience features instead of reading about them.

  2. Progressive Learning – Features should be introduced gradually rather than all at once.

  3. Intuitive Interactions – Users should naturally discover key functionalities without needing extensive instructions.

Collect Turbines

Explore the space, collect turbines, and engage with object interactions and spatial awareness.

Explore the space, collect turbines, and engage with object interactions and spatial awareness.

Build & Power

Place turbines, open a virtual window, and experience spatial anchors and environmental interactions.

Place turbines, open a virtual window, and experience spatial anchors and environmental interactions.

Optimize and Activate Robot

Adjust turbine controls to regulate power using real-time data and UX controls.

Adjust turbine controls to regulate power using real-time data and UX controls.

Design and UX Implementation

To address the dynamic challenges of AR environments, we designed a system that adapts to spatial variations while encouraging natural user movement.


Instead of explicit instructions, interactive objects guide users through room mapping, helping the headset capture missing data. Testing showed users often remained stationary, unsure where to move. Strategic visual cues solved this by prompting movement organically, ensuring a seamless, intuitive onboarding experience.


This “show, don’t tell” approach reduces cognitive load, fosters engagement, and makes learning feel effortless and natural.

Feature Tooltip

Feature tooltips highlight MRTK features in real time, ensuring users understand their functionality within the experience.


Two types appear:

  1. Embedded – Provides contextual information within modals.

  2. Isolated – Directs attention to specific elements in the AR space.


All tooltips share a consistent behavior, using spatial audio alerts to subtly inform and engage users without disrupting immersion.

Feature tooltips highlight MRTK features in real time, ensuring users understand their functionality within the experience.

Two types appear:

  1. Embedded – Provides contextual information within modals.

  2. Isolated – Directs attention to specific elements in the AR space.

All tooltips share a consistent behavior, using spatial audio alerts to subtly inform and engage users without disrupting immersion.

Setting up the experience

After the room scan, a window appears in an imperfect location, prompting users to relocate it to a suitable wall. This interaction reinforces spatial awareness and hands-on learning, leading smoothly to the next phase—placing the wind farm.

  1. Setting up the experience

2.

Users collect and place turbines on the floating wind farm. Upon opening a window to activate them, some turbines malfunction.


By gazing at alerts, users identify faulty parts and replace them using a wrist-mounted toolbox, restoring full functionality. This step ensures hands-on problem-solving before transitioning to the final phase.

  1. Setting up the experience

3.

After repairs, the control panel displays five dials, each showing different power levels. Users must adjust turbine orientation and dials to optimize airflow and power output, demonstrating MRTK3’s UX controls and real-time interaction mechanics.

Final Thoughts and Learnings

The Microsoft Playground for MRTK 3 demonstrated the power of interactive learning in Mixed Reality. Key takeaways from the design process include:


Hands-on engagement improves retention more than passive learning.

Adaptive spatial UX ensures a seamless experience across changing environments.

Contextual tooltips enhance onboarding with subtle, well-timed guidance.

Real-world integration through ASA and spatial anchors makes interactions feel intuitive.


The Microsoft Playground for MRTK 3 demonstrated the power of interactive learning in Mixed Reality. Key takeaways from the design process include:


Hands-on engagement improves retention more than passive learning.

Adaptive spatial UX ensures a seamless experience across changing environments.

Contextual tooltips enhance onboarding with subtle, well-timed guidance.

Real-world integration through ASA and spatial anchors makes interactions feel intuitive.


Project Success and Impact

The Microsoft Playground, launched at the Mixed Reality Dev Days Online Hackathon 2022, received overwhelmingly positive feedback for its interactive, narrative-driven approach to learning. By allowing users to explore MRTK 3 features through hands-on engagement, the experience proved more effective than static documentation. Its scalable design ensures adaptability for future updates, setting a new benchmark for MR onboarding and serving as a blueprint for intuitive learning tools.

The Microsoft Playground, launched at the Mixed Reality Dev Days Online Hackathon 2022, received overwhelmingly positive feedback for its interactive, narrative-driven approach to learning. By allowing users to explore MRTK 3 features through hands-on engagement, the experience proved more effective than static documentation. Its scalable design ensures adaptability for future updates, setting a new benchmark for MR onboarding and serving as a blueprint for intuitive learning tools.

Please view on a larger screen for the best experience.

Please view on a larger screen for the best experience.