Unit
- Spatial interface definition: Spatial interfaces use three-dimensional space as the primary medium for interaction, moving beyond flat screens to environments where users move, point, and manipulate digital objects as if they were physical. In VR, the user is fully immersed in a virtual environment; in AR, digital content is overlaid onto the real world through see-through displays or passthrough video.
- Key differences from 2D UI: Traditional 2D interfaces rely on windows, buttons, and scrollbars arranged on a fixed plane. Spatial interfaces demand depth cues, perspective, occlusion, and parallax to convey location. Designers must consider 360-degree surroundings, user head and hand movements, and real-time physics to make interactions feel natural.
- Immersion and presence: Immersion is the technical capability of the system to deliver sensory input (visual, audio, haptic). Presence is the psychological sense of being in the virtual space. High presence requires low latency, high frame rates, and consistent design language that matches user expectations of physical reality.
- VR versus AR design constraints: VR designs operate in a fully controlled environment but risk motion sickness if movement contradicts real-world inertia. AR designs must respect the existing physical context, lighting, and surfaces. Occlusion handling, environmental understanding, and anchor stability are critical for AR to avoid breaking the illusion.
- Hardware considerations: Devices vary widely from mobile VR headsets to high-end PC VR and from smartphone AR to head-mounted AR glasses. Each platform has different field of view, tracking fidelity, input methods (controllers, hands, voice), and comfort limits. Design decisions must account for the lowest common denominator to ensure broad accessibility.
- User comfort and safety: Extended use of immersive interfaces can cause eye strain, neck fatigue, and disorientation. Designers must implement rest reminders, avoid forced head movements, and keep interactive elements within the user's comfortable reach zone (typically 40–60 cm from the face in VR).
- Design process adaptation: Standard UX research methods like interviews and wireframes still apply, but require spatial versions. Storyboarding in 360 degrees, creating physical mockups with cardboard, and early prototyping in engines like Unity or Unreal are essential to validate spatial interactions before full development.
- Real-world analogies: Good spatial design often borrows from architecture, interior design, and theater. For instance, guiding a user's attention in VR is similar to using lighting and sightlines in a stage play. Digital objects should behave like their real counterparts: a virtual button should depress when pressed, and a floating menu should follow a consistent spatial anchor.
Design Principle
Principle: Spatial Consistency and Affordances
Definition: Every interactive element in a spatial interface should have clear physical affordances that indicate how it can be used. Objects that can be grabbed should show a grip hint, buttons should have a pushable appearance, and menus should signal their distance and orientation relative to the user.
Application: In a VR productivity app, place a virtual monitor at a fixed position in the user's personal space (desk level). The monitor surface should respond to finger touches with a subtle ripple effect, confirming interaction. Menu buttons should be placed at arm's length, not beyond reach, and the user's hand cursor should highlight them on approach.
Quick Revision
- Spatial interfaces use 3D space as the interaction medium, differing fundamentally from 2D screen-based UI.
- Presence requires technical immersion plus consistent spatial design that matches physical expectations.
- VR and AR have distinct constraints: VR controls the environment; AR must adapt to real-world context.
- Design for the weakest hardware, user comfort zones, and use real-world analogies for intuitive interactions.
- Test spatial prototypes early with physical mockups and low-fidelity 360 storyboards.