I designed a zero-to-one virtual computer and office experience for Workrooms VR. It enabled people to connect their computer to their headset and use multiple screens in VR or MR. I worked with Reality Labs organisation leadership to get buy-in on designs to launch as part of the Meta Quest Pro release in October 2022. The feature was celebrated during the Meta Connect 2022 event.
Adding virtual screens
One of the larger value propositions we see in this product is the ability to create virtual screens, removing the need for physical monitors in the future. We believe that the future of solo work will no longer require people to be tied to physical constraints of today such as screens or conventional desk spaces.
Three virtual screens felt like a good starting point based on the majority of physical world setups.
.png)
Near-field interaction
Limiting interactions like adding, removing and rearranging screens to near field prevents users from colliding with the physical space, making it safer for users to setup. Near-field gestures also provide better precision for the user when pinching and dragging screens.
Ergonomics
While the center screen is well within the user's field of view, we had to consider an optimal distance from the user, screen height optimised for line of sight, varying resolution support, and pixels per degree for legibility.
Environments
VR busy environment give people the option to go into a focus mode, and transport them into a space where they can be productive in contrast to any physical world limitations.
Screens in passthrough
Alternatively, using full passthrough opens the possibility to use virtual screens and UI without removing access or visibility of the physical work space.
Video calling
Enabling people to hop on a call when working from their virtual personal offices.
Office personalisation
Enabling customisation of the personal work space gives users a sense of control and ownership of their virtual office. We started by introducing interchangeable desk objects.
.png)
.png)
.png)
.png)
.gif)
.gif)
.png){kind=small}