Skip to content
Frank Stallone logo

Spacial computing for the web

Sharing actionable tips from my agency, enterprise, start up, and life experience with a design and developer twist.

Today I am going to talk about spacial computing and specifically what it means for the web. The world of Virtual Reality or VR goggles has existed for some time. Most of the recent devices have focused on gaming. Apple’s new Vision Pro mixed reality headset aims more squarely at getting things done, with a twist of entertainment. One of those use cases is web browsing with Safari.

What change is required for current designers and developers working on the web? If you have a career as a designer or a developer, this is relevant because you’ll want to ensure your products or services work correctly in this new space. If you are a product manager, you’ll want to anticipate what your customers might find useful in this technology, rally the team and come up with a strategy for the future.

Early in my career I worked with talented designers who came from the print world and had no interest in understanding the differences between the print medium and the web medium. This caused wasteful arguments about how websites (at the time) did not need to look the same on every browser. It was also cumbersome for their careers when responsive web design became the norm and their skills did not translate well. They needed to adapt to this new medium or they were going to be left behind. Nobody wants to work with someone stuck in the past.

New technologies come and go. We never know ahead of time which are going to take off. We don’t know if mixed reality headsets are the next greatest thing, only time will tell, but if it is — what can we do to be ready?

Shocker: Utilizing web standards is they key to success

From what information we have today issued by Apple from WWDC23 sessions, we can gain a lot of insight into what this new platform is capable of, and how that translates to the web today. The good news is these new interactions currently map to existing paradigms. Success relies on following good web standards.

Let’s talk about the new interactions. When wearing the Vision Pro headset, and viewing a Safari page, how do we interact with the page? The device is driven by eye and hand gestures. There are two ways to interact. The first is simply by reaching out and touching the page. Apple calls this a direct gesture. The other is by looking at an area, and using various hand gestures. Apple calls this an indirect gesture. The latter is what Apple presumes most people will do as it is more effortless. Those who have had 30 minute demos also have shared that indirect gestures were easy to pick up.

An Illustration of Vision Pro indirect hand gestures from MacRumors

Whether a user is interacting with the website using direct or indirect gestures, they will perform the same actions. Directly tapping on a link will click that link. Looking at a link and pinching will also click that link. Safari will the user a highlight around the link you are looking at to aid in navigating. Direct and indirect actions are all mapped to JavaScript’s current pointerdown pointermove and pointerup events.

For security reasons Apple has decided not to share with the browser where you are looking. This is similar to iOS and iPadOS devices. Media queries for pointer: coarse and hover: none are the same with visionOS Safari as they are for iOS and iPadOS Safari. Apple will have a visionOS simulator in Xcode, (currently in a beta version), where hovering will simulate highlighting, and clicking will simulate a tap.

In the future we’ll see an new CSS and pointer events as the platform continues to progress. It’s nice to know that good web standards, and accessibility practices are the baseline for good hygiene when designing and developing on the web for this new spacial computing platform. That makes me more hopeful for it’s future.

This is only one small use case for this new device. I’ll be interested in seeing spacial computing takes off!

That’s it for today! Do you think this whole spacial computing is a fad, or the next greatest thing? I am curious what your thoughts are.

Helpful?

Want to work together?

I am working with a limited availability for consulting. Learn more about how I can sharpen your SaaS brand and product.

designzen logo

Reach out

Have a question or comment? Feel free to drop me a line below!