Animation is coming to ShapesXR

Request early access!
  • Product
    Product
    Design
    Prototype
    Present
    Develop
    All integrationsFigmaUnityNotion
    Sketchfab
    Coming soon
    Product Overview
  • Plans
  • Education
  • Case Studies
  • Updates
  • Learn
  • Log inGet started for free
Articles

Introducing the ShapesXR Design Database

Why design in a headset

Designing on Top of the Real World Instead of the Computer

Find Your Design Faster by Designing in the Medium

How designing for XR is different

An Introduction to the Spatial Medium

Choosing the Right Size and Distance for UI

With XR, Your Head is the Camera

Understanding Spatial Awareness in XR

Eye gaze & the next wave of user interfaces

Four Ways to Share Space in XR

Articles
Introducing the ShapesXR Design Database
Introducing the ShapesXR Design Database
Introducing the ShapesXR Design Database NEW
Why design in a headset
Heading
Find Your Design Faster by Designing in the Medium
Find Your Design Faster by Designing in the Medium
Find Your Design Faster by Designing in the Medium
Designing on Top of the Real World Instead of the Computer
Designing on Top of the Real World Instead of the Computer NEW
Designing on Top of the Real World Instead of the Computer NEW
How designing for XR is different
An Introduction to the Spatial Medium
An Introduction to the Spatial Medium
Choosing the Right Size and Distance for UI
Choosing the Right Size and Distance for UI
With XR, Your Head is the Camera
With XR, Your Head is the Camera
Understanding Spatial Awareness in XR
Understanding Spatial Awareness in XR
Eye gaze & the next wave of user interfaces
Eye gaze & the next wave of user interfaces
Four Ways to Share Space in XR
Four Ways to Share Space in XR NEW
L+R's spatial computing workflow for Printemps New York's interactive signage design
Accelerating Medical VR Training Design with ShapesXR
Streamlining XR Training Design: How NXR Accelerated Prototyping and Stakeholder Buy-in with ShapesXR
How Bellevue College empowers students with the presentation tools of the future
How Kluge interactive brought back the 1980s in Synth Riders
How Catalyst XR Used ShapesXR to Revolutionize Adidas' City2Surf Activation
Take 2D Apps To Quest - A Journey to Turn Mobile Developers into XR Innovators
An inside look at Pencil: the MR apps that teaches you how to draw
How Simtryx Enhanced UI/UX Design of Mixed Reality Medical Training with ShapesXR
How PianoVision designs UI for MR apps
Transforming Collaboration and Design in XR Game Development
How Treeview Implements Spatial User Interfaces for Apple Vision Pro
How antwerpes ag accelerate design and communication for XR
How AREYES studio designs Metaverse spaces
How TriggerXR designs for Mixed Reality
How Logitech design for the real world in VR
ShapesXR unlocks a brand new way of designing mixed reality apps
Learning XR got easier and more accessible thanks to ShapesXR
Designing immersive experiences for the healthcare industry
Using ShapesXR to Design Spatial Learning Experiences
VRXP and Studio KwO XR
BadVR
How to design in XR
Bodystorming Spatial Apps
Bodystorming Spatial Apps
Albert Mauri

Experience & Product Designer at ShapesXR

Designing on Top of the Real World Instead of the Computer

January 24, 2024

It’s only a matter of time until all the digital content that we currently have relegated to the tiny screens in our pocket become a tangible part of our reality. More and more content is being developed that will blend the digital and real world, so why would a creator limit themselves to a computer, when they design mixed reality (MR) directly on real-world environments and save themselves a lot of hassle? 

‍

The transformation of digital content into spatial experiences introduces new paradigms. For  designers, it is both an opportunity and responsibility to apply expertise in color theory, spacing and human interactions to craft experiences for this novel way of interacting.  The opportunity lies in the fact that this is a new paradigm so as opposed to traditional desktop and mobile apps design, in this new medium everything is being created and defined. As for our responsibility, we designers have the knowledge to make interactions and UI user friendly from the very beginning. Developers have a lot of work making things work so it’s on our table making it easy to use and intuitive. Spatial experiences can create a three-dimensional canvas, which adds a new challenge to the design process. With the content no longer static, the environment has less flexibility.

‍

An example of how a traditional smart watch or phone running app can become a spatial app

‍

Digital product design now aligns more closely with physical product design than ever before, but designing spatial apps presents unique challenges, with size and space taking on new meaning. Understanding the scale of spaces and the dimensions of the human body is crucial. Designing directly on top of a real-world environment instead of building an app fully within a virtual environment  gives designers the ability to get it right quickly, and facilitates rapid iteration. 

‍

Using ShapesXR, content creators can build their MR designs directly onto a real world setting,  while also collaborating with others in real-time. This capability empowers users to experiment with their designs like never before, and create a new generation of spatial experiences. They can see exactly how the final result will look from the point of view of the end user, iterate in a real-world environment and even receive feedback faster than ever before.

‍

Here are four distinct advantages to designing MR projects directly on top of real-World environments.

‍

1. Designing at scale in the real environment, clutter included

Precision is crucial for spatial experiences; your environments, objects and text need to be the right scale and offer the right readability. By designing MR directly in the real world, you can take advantage of final measurements, and work around  clutter so you can understand how to deal with it in the experience. 

‍

Imagine you are developing a training app, and you need to position a table in a room. Using the real world environment, you can create the table and place it directly at a scale that feels right. At this stage, the exact measurement is not crucial. What matters is that it feels right for the MR experience. This allows users to start iterating and refining for more precision, which brings us to the next unique benefit: quick iteration!

Creating directly in the real life environment

‍

2. Iterate MR Directly, Speeding Up Decision Making

Trying different 3D models with varying sizes in a real environment

‍

Trial and error are essential in MR design, and the quicker the iteration, the more accurate the results. Achieving light-speed iteration is key to quickly experimenting with different approaches, until you find one that works.. With MR, you can instantly assess the size of an object, the readability of text or the visibility of buttons and make adjustments on the fly. 

‍

Continuing the example, you can immediately feel whether the table is too big or small as you're immersed in the environment, and make sure the distance fits. They can also work around existing objects and change the look of the design to fit the style around it. By using a real environment, designers receive instant answers during the iterative process.

‍

3. Design Collaboratively in Real Time

Co-designing with a teammate in real-time. It enhances collaboration and fosters efficient decision-making during the creative process

‍

Effective feedback often comes with potential solutions. Collaborating with experienced professionals – including designers, product managers and developers – is crucial, and the ability to sketch solutions quickly is paramount. In MR, these solutions need to be created directly in the medium to become effective problem solving tools. For instance, a designer colleague may suggest a UI adjustment. You could then quickly propose a solution in MR, demonstrating why you think your proposal works better.

‍

4. Receive Accurate and Informed Feedback

Having stakeholders or clients physically present in the same space as the design facilitates accurate and informed feedback

‍

Context is vital when presenting your work. Stakeholders and clients require as much context as possible to give designers well-informed feedback that addresses real potential issues, as well as simply meeting their personal expectations. MR can provide this context, allowing a reviewer to interact with the full MR experience in the actual medium, avoiding misunderstandings. Sharing a proxy version of an MR project on a desktop with a simulated environment lacks this depth of understanding. This holds true for collaborative design, leading to the final unique benefit of this list: designing together.

‍

Why You Should Design Mixed Reality Directly on the Real-World Environments

MR apps and games offer a unique user experience. Although they share features with traditional desktop and mobile apps, the way people interact with them is entirely different. For a designer, immersing themselves in the final medium accelerates the creation process.

‍

With the proper tools, designers can speed up the design process, and create accurate prototypes from the design stage, reducing reliance on development for prototyping.

‍

Four Ways to Share Space in XR

Read Next

Get started
Get the VR app
Create an account
Get a demo
Product
Features
Education
Design Blog
Updates
Blog
Help
Learn
Video Tutorials
Support ↗
FAQ
Company
Contact us
Join us
Linkedin
Instagram
Twitter
Discord
Youtube
Facebook
Download ShapesXR on Meta Quest
Get ShapesXR on Meta Quest
Get ShapesXR on Pico
Get started on the web
  • Terms & privacy
  • © 2025 Shapes Corp.