AI, Spatial & Voice UX — Next-Generation Interface Design
AI-Native Interface Design
The AI UX Paradigm Shift
AI interfaces fundamentally differ from traditional deterministic UIs. Traditional interfaces execute exactly what users request; AI interfaces interpret, generate, and sometimes surprise. This creates new UX challenges around trust, control, transparency, and error recovery that require fresh design patterns.
Core AI Interface Principles
- Predictability in unpredictability — AI output varies, but the interface behavior around it must be consistent
- Graceful degradation — when AI fails or produces poor results, the experience must remain usable
- Progressive trust — earn user trust incrementally; do not assume it
- Human in the loop — always provide mechanisms for human oversight, correction, and override
- Transparency over magic — explain what the AI is doing without exposing technical complexity
AI Chat and Conversational Interface Patterns
Message Design:
- Differentiate human and AI messages through visual treatment (alignment, color, avatar)
- AI messages should stream/type progressively — it communicates processing and allows early reading
- Show "thinking" or "processing" indicators during AI computation
- Support rich content in AI responses: formatted text, code blocks, tables, images, interactive elements
Input Patterns:
- Multi-line text input with Shift+Enter for newlines, Enter to send
- Suggested prompts and conversation starters for discoverability
- File and image attachment for multimodal input
- Voice input as an alternative to typing
- Conversation history with search and reference capability
Context and Memory:
- Show what context the AI has access to (conversation history, documents, tools)
- Allow users to explicitly provide or revoke context
- Indicate when AI is using information from previous conversations
- Support conversation branching for exploring alternative responses
AI Output Design
Generated Content:
- Always indicate AI-generated content clearly (label, subtle marker, or consistent styling)
- Provide copy, edit, regenerate, and rate actions for all generated content
- Show confidence indicators where appropriate (not raw probabilities, but contextual cues)
- Allow comparison between multiple generated options (A/B generation)
AI Actions and Tool Use:
- Show what actions the AI is taking in real time (searching, calculating, calling APIs)
- Require confirmation before AI executes consequential actions (sending email, modifying data)
- Provide an activity log or audit trail of AI actions
- Support undo for AI-initiated changes
Error and Limitation Handling:
- AI must acknowledge limitations honestly: "I don't have enough information to answer that"
- Suggest alternative approaches when the AI cannot fulfill a request
- Never fabricate information — when uncertain, communicate uncertainty
- Provide fallback to human support when AI reaches its limits
AI-Specific UX Patterns
Prompt Engineering UX:
- Templates and examples that teach effective prompting through use
- Prompt history and favorites for reuse
- Structured input modes (forms, guided wizards) alongside free-text
- Context window indicators to prevent users from exceeding limits
AI Settings and Control:
- Tone/style preferences (formal, casual, concise, detailed)
- Output format preferences (bullet points, paragraphs, tables)
- Domain/role context setting (act as expert in X)
- Safety and content filter controls with clear explanations
Spatial Computing UX (AR/VR/MR)
Spatial Design Principles
- Respect physical space — digital elements must coexist naturally with the physical environment
- Spatial hierarchy — distance from user communicates importance (near = primary, far = peripheral)
- Comfort first — never cause disorientation, nausea, or visual strain
- Body-aware interaction — design for natural human posture, reach, and movement
- Environment-adaptive — interfaces must respond to lighting, surfaces, and obstacles
AR Interface Patterns
Spatial Anchoring:
- Anchor UI elements to real-world surfaces (tables, walls) when contextually appropriate
- Keep frequently-accessed controls anchored to the user's field of view (head-locked)
- Use world-locked placement for persistent information (room labels, equipment status)
- Ensure anchored content does not obstruct critical real-world visual information
Visual Design for AR:
- Use semi-transparent panels with blur backgrounds — maintain awareness of real environment
- High contrast text and icons — AR competes with unpredictable real-world lighting
- Avoid pure white backgrounds — they wash out in bright environments
- Dark UI with light text works better in varied lighting conditions
- Minimum text size: 1.5-2x standard screen sizes due to rendering at distance
AR Interaction:
- Gaze + pinch (Apple Vision Pro pattern) for selection
- Hand tracking for direct manipulation
- Voice commands for hands-free operations
- Spatial audio cues for off-screen elements
- Ray casting for distant object selection
VR Interface Patterns
Comfort and Safety:
- Maintain stable horizon line — never tilt the world
- Provide a fixed reference frame (virtual floor, cockpit, room) to prevent motion sickness
- Field of view tunneling during movement reduces motion sickness
- Maximum movement speed should be comfortable; offer teleportation as alternative
- Rest-state UI: elements at 1-2 meter distance, slightly below eye level (ergonomic neutral)
VR Layout:
- Primary content: centered, 1-2m from user, slight downward angle
- Secondary panels: curved arrangement at 120-160 degree arc around user
- Avoid placing content behind the user — require explicit turning
- Maximum comfortable horizontal eye sweep: plus/minus 30 degrees from center
- Maximum comfortable vertical eye range: +20 degrees to -40 degrees from eye level
VR Text and Readability:
- Minimum angular text size: 1.5 degrees of visual angle (roughly 3x screen sizes)
- Use bold, high-contrast fonts — thin strokes render poorly in VR headsets
- Limit text to short labels and essential information — spatial UIs favor visual communication
- Panel curvature: match content panels to a curved surface at consistent distance
Voice Interface Design
Voice UX Principles
- Be conversational — match natural speech patterns, not command-line syntax
- Keep it brief — voice responses must be shorter than visual text equivalents
- Confirm ambiguity — repeat back unclear inputs for confirmation
- Provide escape hatches — "cancel", "go back", "start over" must always work
- Progressive disclosure via voice — offer summaries with option to hear details
Voice Interaction Patterns
Invocation and Wake:
- Clear wake word or button activation
- Visual + audio indicator that the system is listening
- Timeout with gentle prompt: "Are you still there?"
Dialogue Design:
- Present maximum 3 options in voice menus — more causes memory overload
- Use confirming responses: "Okay, setting a timer for 10 minutes"
- Offer correction mechanisms: "Did you mean...?"
- Support barge-in (interrupting the system while it is speaking)
Error Recovery:
- "I didn't catch that. Could you say it again?" (friendly, specific)
- Escalation path: after 2-3 failures, offer alternative input method or human help
- Never respond with silence — even "I'm not sure how to help with that" is better than nothing
Multimodal Voice + Screen:
- Voice for input, screen for output works best for complex information
- Show visual confirmation of voice commands
- Allow switching between voice and touch seamlessly
- Voice should complement touch, not replace it entirely
Multimodal Interaction Design
The Multimodal Stack (2025-2030)
- Touch + Voice: Common on phones and smart displays
- Gaze + Hand + Voice: Spatial computing (Vision Pro, Quest)
- Keyboard + Mouse + AI: Desktop productivity
- Gesture + Voice + Touch: Automotive and kiosk interfaces
- Brain-Computer Interface (emerging): Assistive tech, early consumer exploration
Multimodal Design Rules
- Each modality should be self-sufficient for critical tasks — never require a specific modality
- Complement modalities: voice for command, visual for confirmation, haptic for feedback
- Resolve conflicts between simultaneous inputs gracefully (voice says "blue" while touching "red")
- Adapt interface emphasis based on active modality (larger touch targets when touch is primary)
Design Patterns for Emerging Tech
Ambient Computing
- Interfaces that appear when needed and disappear when not
- Context-aware: adapt based on time, location, activity, and user state
- Proactive suggestions without being intrusive — the design challenge of the decade
- Respect boundaries: ambient does not mean always-on surveillance
Generative UI
- Interfaces that adapt layout and content based on AI understanding of user intent
- Dynamic form generation based on the user's specific task
- Personalized dashboards that surface relevant information automatically
- Challenge: maintain consistency and learnability while personalizing
Routing
For spatial, voice and multimodal depth — Apple Vision Pro and Meta Quest
patterns, spatial layout principles, the voice interface deep dive, multimodal
interaction design, and the emerging paradigms through 2030: read
references/spatial-voice-multimodal.md.
For the AI interface archetypes shared with agentic-ai-generative-ux: read
references/ai-native-interface-patterns.md.
Cross-Referencing
- For interaction and motion patterns, reference
interaction-motion-design
- For accessibility in emerging platforms, reference
accessibility-inclusive-design
- For ethical AI design, reference
ux-ethics-content-strategy
- For design system adaptation to spatial platforms, reference
design-systems-architecture
v3.0 Cross-References
The v3.0 upgrade adds new skills and references that deepen and extend AI, voice, and spatial interaction coverage.
Conversational AI Dialogue Patterns
See agentic-ai-generative-ux/references/conversational-ai-dialogue-patterns.md for comprehensive conversational AI interaction design patterns including dialogue state management, streaming UX for LLM responses (token-by-token rendering, progressive disclosure of long outputs), AI persona design principles (tone calibration, personality consistency, brand voice alignment), and memory transparency patterns (showing users what context the AI retains, selective memory controls, conversation history management). This reference extends the dialogue design section above with production-level patterns specific to LLM-powered conversational interfaces.
Ambient & Calm Computing
See the ambient-calm-zero-ui skill for dedicated coverage of ambient computing, calm technology principles (Weiser & Brown), screenless interaction paradigms, and zero-UI design patterns. This skill complements the "Ambient Computing" section above with structured frameworks for proactive, non-intrusive interfaces — including notification philosophy for ambient systems, peripheral attention design, and context-aware information surfacing without screen dependency.
Cognitive Psychology for Voice and Spatial Interfaces
See the cognitive-psychology-ux skill for foundational cognitive science that directly impacts voice and spatial interface design — particularly Miller's Law constraints on voice menu options (the 3-option maximum for voice menus derives from working memory limits), attention models relevant to spatial UI placement (Treisman's feature integration theory for AR overlay design), cognitive load theory for multimodal input (split-attention effect when combining voice, gaze, and gesture), and Hick's Law implications for voice command discoverability.
Key Sources
- Apple Vision Pro Human Interface Guidelines (2024)
- Meta Quest Design Guidelines
- Google Conversational Design Guidelines
- NNG Group AI UX research articles (2023-2025)
- Nielsen, J. "AI as UX" research series
1---2name: ai-spatial-voice-ux3description: AI-native interface patterns, conversational and voice UX, spatial computing (AR/VR/MR), and multimodal interaction. Use when designing a chatbot or assistant, a voice-first flow, headset or mixed-reality UI, or when combining speech, gaze, and gesture input.4---56# AI, Spatial & Voice UX — Next-Generation Interface Design78## AI-Native Interface Design910### The AI UX Paradigm Shift1112AI interfaces fundamentally differ from traditional deterministic UIs. Traditional interfaces execute exactly what users request; AI interfaces interpret, generate, and sometimes surprise. This creates new UX challenges around trust, control, transparency, and error recovery that require fresh design patterns.1314### Core AI Interface Principles15161. **Predictability in unpredictability** — AI output varies, but the interface behavior around it must be consistent172. **Graceful degradation** — when AI fails or produces poor results, the experience must remain usable183. **Progressive trust** — earn user trust incrementally; do not assume it194. **Human in the loop** — always provide mechanisms for human oversight, correction, and override205. **Transparency over magic** — explain what the AI is doing without exposing technical complexity2122### AI Chat and Conversational Interface Patterns2324**Message Design:**25- Differentiate human and AI messages through visual treatment (alignment, color, avatar)26- AI messages should stream/type progressively — it communicates processing and allows early reading27- Show "thinking" or "processing" indicators during AI computation28- Support rich content in AI responses: formatted text, code blocks, tables, images, interactive elements2930**Input Patterns:**31- Multi-line text input with Shift+Enter for newlines, Enter to send32- Suggested prompts and conversation starters for discoverability33- File and image attachment for multimodal input34- Voice input as an alternative to typing35- Conversation history with search and reference capability3637**Context and Memory:**38- Show what context the AI has access to (conversation history, documents, tools)39- Allow users to explicitly provide or revoke context40- Indicate when AI is using information from previous conversations41- Support conversation branching for exploring alternative responses4243### AI Output Design4445**Generated Content:**46- Always indicate AI-generated content clearly (label, subtle marker, or consistent styling)47- Provide copy, edit, regenerate, and rate actions for all generated content48- Show confidence indicators where appropriate (not raw probabilities, but contextual cues)49- Allow comparison between multiple generated options (A/B generation)5051**AI Actions and Tool Use:**52- Show what actions the AI is taking in real time (searching, calculating, calling APIs)53- Require confirmation before AI executes consequential actions (sending email, modifying data)54- Provide an activity log or audit trail of AI actions55- Support undo for AI-initiated changes5657**Error and Limitation Handling:**58- AI must acknowledge limitations honestly: "I don't have enough information to answer that"59- Suggest alternative approaches when the AI cannot fulfill a request60- Never fabricate information — when uncertain, communicate uncertainty61- Provide fallback to human support when AI reaches its limits6263### AI-Specific UX Patterns6465**Prompt Engineering UX:**66- Templates and examples that teach effective prompting through use67- Prompt history and favorites for reuse68- Structured input modes (forms, guided wizards) alongside free-text69- Context window indicators to prevent users from exceeding limits7071**AI Settings and Control:**72- Tone/style preferences (formal, casual, concise, detailed)73- Output format preferences (bullet points, paragraphs, tables)74- Domain/role context setting (act as expert in X)75- Safety and content filter controls with clear explanations7677## Spatial Computing UX (AR/VR/MR)7879### Spatial Design Principles80811. **Respect physical space** — digital elements must coexist naturally with the physical environment822. **Spatial hierarchy** — distance from user communicates importance (near = primary, far = peripheral)833. **Comfort first** — never cause disorientation, nausea, or visual strain844. **Body-aware interaction** — design for natural human posture, reach, and movement855. **Environment-adaptive** — interfaces must respond to lighting, surfaces, and obstacles8687### AR Interface Patterns8889**Spatial Anchoring:**90- Anchor UI elements to real-world surfaces (tables, walls) when contextually appropriate91- Keep frequently-accessed controls anchored to the user's field of view (head-locked)92- Use world-locked placement for persistent information (room labels, equipment status)93- Ensure anchored content does not obstruct critical real-world visual information9495**Visual Design for AR:**96- Use semi-transparent panels with blur backgrounds — maintain awareness of real environment97- High contrast text and icons — AR competes with unpredictable real-world lighting98- Avoid pure white backgrounds — they wash out in bright environments99- Dark UI with light text works better in varied lighting conditions100- Minimum text size: 1.5-2x standard screen sizes due to rendering at distance101102**AR Interaction:**103- Gaze + pinch (Apple Vision Pro pattern) for selection104- Hand tracking for direct manipulation105- Voice commands for hands-free operations106- Spatial audio cues for off-screen elements107- Ray casting for distant object selection108109### VR Interface Patterns110111**Comfort and Safety:**112- Maintain stable horizon line — never tilt the world113- Provide a fixed reference frame (virtual floor, cockpit, room) to prevent motion sickness114- Field of view tunneling during movement reduces motion sickness115- Maximum movement speed should be comfortable; offer teleportation as alternative116- Rest-state UI: elements at 1-2 meter distance, slightly below eye level (ergonomic neutral)117118**VR Layout:**119- Primary content: centered, 1-2m from user, slight downward angle120- Secondary panels: curved arrangement at 120-160 degree arc around user121- Avoid placing content behind the user — require explicit turning122- Maximum comfortable horizontal eye sweep: plus/minus 30 degrees from center123- Maximum comfortable vertical eye range: +20 degrees to -40 degrees from eye level124125**VR Text and Readability:**126- Minimum angular text size: 1.5 degrees of visual angle (roughly 3x screen sizes)127- Use bold, high-contrast fonts — thin strokes render poorly in VR headsets128- Limit text to short labels and essential information — spatial UIs favor visual communication129- Panel curvature: match content panels to a curved surface at consistent distance130131## Voice Interface Design132133### Voice UX Principles1341351. **Be conversational** — match natural speech patterns, not command-line syntax1362. **Keep it brief** — voice responses must be shorter than visual text equivalents1373. **Confirm ambiguity** — repeat back unclear inputs for confirmation1384. **Provide escape hatches** — "cancel", "go back", "start over" must always work1395. **Progressive disclosure via voice** — offer summaries with option to hear details140141### Voice Interaction Patterns142143**Invocation and Wake:**144- Clear wake word or button activation145- Visual + audio indicator that the system is listening146- Timeout with gentle prompt: "Are you still there?"147148**Dialogue Design:**149- Present maximum 3 options in voice menus — more causes memory overload150- Use confirming responses: "Okay, setting a timer for 10 minutes"151- Offer correction mechanisms: "Did you mean...?"152- Support barge-in (interrupting the system while it is speaking)153154**Error Recovery:**155- "I didn't catch that. Could you say it again?" (friendly, specific)156- Escalation path: after 2-3 failures, offer alternative input method or human help157- Never respond with silence — even "I'm not sure how to help with that" is better than nothing158159**Multimodal Voice + Screen:**160- Voice for input, screen for output works best for complex information161- Show visual confirmation of voice commands162- Allow switching between voice and touch seamlessly163- Voice should complement touch, not replace it entirely164165## Multimodal Interaction Design166167### The Multimodal Stack (2025-2030)168- **Touch + Voice:** Common on phones and smart displays169- **Gaze + Hand + Voice:** Spatial computing (Vision Pro, Quest)170- **Keyboard + Mouse + AI:** Desktop productivity171- **Gesture + Voice + Touch:** Automotive and kiosk interfaces172- **Brain-Computer Interface (emerging):** Assistive tech, early consumer exploration173174### Multimodal Design Rules175- Each modality should be self-sufficient for critical tasks — never require a specific modality176- Complement modalities: voice for command, visual for confirmation, haptic for feedback177- Resolve conflicts between simultaneous inputs gracefully (voice says "blue" while touching "red")178- Adapt interface emphasis based on active modality (larger touch targets when touch is primary)179180## Design Patterns for Emerging Tech181182### Ambient Computing183- Interfaces that appear when needed and disappear when not184- Context-aware: adapt based on time, location, activity, and user state185- Proactive suggestions without being intrusive — the design challenge of the decade186- Respect boundaries: ambient does not mean always-on surveillance187188### Generative UI189- Interfaces that adapt layout and content based on AI understanding of user intent190- Dynamic form generation based on the user's specific task191- Personalized dashboards that surface relevant information automatically192- Challenge: maintain consistency and learnability while personalizing193194## Routing195196For **spatial, voice and multimodal depth** — Apple Vision Pro and Meta Quest197patterns, spatial layout principles, the voice interface deep dive, multimodal198interaction design, and the emerging paradigms through 2030: read199`references/spatial-voice-multimodal.md`.200201For **the AI interface archetypes** shared with `agentic-ai-generative-ux`: read202`references/ai-native-interface-patterns.md`.203204## Cross-Referencing205206- For interaction and motion patterns, reference `interaction-motion-design`207- For accessibility in emerging platforms, reference `accessibility-inclusive-design`208- For ethical AI design, reference `ux-ethics-content-strategy`209- For design system adaptation to spatial platforms, reference `design-systems-architecture`210211## v3.0 Cross-References212213The v3.0 upgrade adds new skills and references that deepen and extend AI, voice, and spatial interaction coverage.214215**Conversational AI Dialogue Patterns**216See `agentic-ai-generative-ux/references/conversational-ai-dialogue-patterns.md` for comprehensive conversational AI interaction design patterns including dialogue state management, streaming UX for LLM responses (token-by-token rendering, progressive disclosure of long outputs), AI persona design principles (tone calibration, personality consistency, brand voice alignment), and memory transparency patterns (showing users what context the AI retains, selective memory controls, conversation history management). This reference extends the dialogue design section above with production-level patterns specific to LLM-powered conversational interfaces.217218**Ambient & Calm Computing**219See the `ambient-calm-zero-ui` skill for dedicated coverage of ambient computing, calm technology principles (Weiser & Brown), screenless interaction paradigms, and zero-UI design patterns. This skill complements the "Ambient Computing" section above with structured frameworks for proactive, non-intrusive interfaces — including notification philosophy for ambient systems, peripheral attention design, and context-aware information surfacing without screen dependency.220221**Cognitive Psychology for Voice and Spatial Interfaces**222See the `cognitive-psychology-ux` skill for foundational cognitive science that directly impacts voice and spatial interface design — particularly Miller's Law constraints on voice menu options (the 3-option maximum for voice menus derives from working memory limits), attention models relevant to spatial UI placement (Treisman's feature integration theory for AR overlay design), cognitive load theory for multimodal input (split-attention effect when combining voice, gaze, and gesture), and Hick's Law implications for voice command discoverability.223224## Key Sources225226- Apple Vision Pro Human Interface Guidelines (2024)227- Meta Quest Design Guidelines228- Google Conversational Design Guidelines229- NNG Group AI UX research articles (2023-2025)230- Nielsen, J. "AI as UX" research series