When Apple introduced VisionOS, designers had to throw out many established rules of 2D responsive design. In spatial computing, the layout canvas is literally the user's living room or office. Here are the primary UI/UX design lessons we have learned from prototyping spatial computing applications.
1. Eyes as the Cursor, Hands as the Click
In VisionOS, users navigate by looking at UI elements. A target highlights when their eyes focus on it, and they "click" by tapping their thumb and index finger together.
UX Lesson: Since the eye is not as steady as a physical mouse or finger, button targets must be much larger. Apple recommends a minimum hit target size of **60x60 points** (with 12pt visual paddings). Tiny nested drop-down menus are completely unusable.
2. The Rule of Depth Layers
Spatial apps use depth to convey visual hierarchy. A modal popup should physical float closer to the user than the main window behind it.
UX Lesson: Use layers carefully. Putting too many overlapping windows at different depths creates eye strain. Keep the main window at a comfortable distance (about 1.5 to 2 meters away) and use closer layers only for temporary interactive alerts or overlays.
3. Glassmorphism: Adapting to light
Since you do not know if the user is sitting in a dark room or a bright sunlit office, UI panels cannot use solid static dark or light backgrounds. Solid colors look jarring in a real physical room.
UX Lesson: Use glassmorphic materials. VisionOS uses translucent glass layers that dynamically filter the color and brightness of the real-world environment behind them. This keeps virtual panels feeling anchored to the room.
4. Spatial Audio cues
In a 3D environment, the user might turn their head away from your application window. If an event or alert occurs, a standard sound effect is not enough to guide them back.
UX Lesson: Implement spatial audio. Anchor sound effects to the virtual window or object triggering the alert. The user will naturally hear the sound coming from that specific direction in their room and look back.