aiux
PatternsPatternsNewsNewsAuditAuditResourcesResources
Back to All PromptsNext: Adaptive Interfaces
Natural Interaction

Conversational UI

Design intuitive, engaging, human-like interactions via chat and voice interfaces.

What is Conversational UI?

Conversational UI is an AI design pattern where users interact with systems through natural language, either via text or voice, just like talking to another person. Instead of learning complex menus and buttons, you simply type or speak what you need and the AI understands your intent. It's perfect for customer support chatbots, voice assistants in cars or smart homes, or any application where natural language is faster than clicking. Examples include Siri understanding your voice commands, Slack AI responding in team conversations, or ChatGPT engaging in back-and-forth dialogue to solve complex problems.

Example: Slack

Slack AI conversational interface

Integrates naturally into team conversations, understanding context and providing relevant assistance without disrupting workflow. **Why it works:** Understands workspace context (channels, people, files) and offers both conversational and command-style input.

AI Design Prompt

Want to learn more about this pattern?

Explore the full pattern with real-world examples, implementation guidelines, and code samples.

View Full Pattern

Related Prompts from Natural Interaction

Progressive Disclosure

Natural Interaction

Design an interface with progressive disclosure that reveals AI features gradually: Create 3 states: 1. **Initial view**: Show essential content only (summary, key action) 2. **Expanded view**: Reveal more details (AI insights, key points) 3. **Full view**: Show all options (actions, settings, advanced features) Include clear expand/collapse triggers (chevrons, "Show more" buttons) and smooth transitions between states.

View Full

Multimodal Interaction

Natural Interaction

Design a multimodal interface that seamlessly combines voice, touch, and visual interactions: Create an interaction screen showing: 1. **Voice Input**: Microphone button with visual feedback (sound waves, listening state) 2. **Touch Controls**: Interactive elements that respond to taps, swipes, and gestures 3. **Text Input**: Keyboard option as an alternative to voice 4. **Visual Output**: Results displayed in scannable format (cards, lists, images) 5. **Mode Indicators**: Clear visual cues showing which input mode is active Show how users can combine modes (e.g., "Show me [touch image] similar to this"). Include accessibility alternatives for each interaction mode.

View Full

Context Switching

Natural Interaction

Design a context-switching interface similar to Slack's workspace switcher or browser tab management with session restore. Show seamless transitions between different AI contexts or tasks. Include: context carousel or sidebar showing active contexts with thumbnails, quick-switch panel with keyboard shortcuts (Cmd+K style), each context card showing task name, last activity timestamp, and preview thumbnail, auto-save indicator showing context is preserved, visual transition animation when switching (slide/fade), and 'Resume where you left off' messaging. Style: Organized, efficient, minimal cognitive load. Use clear visual separation between contexts, smooth animations (200-300ms), consistent iconography. Platform: Web application, keyboard-friendly.

View Full
Previous PromptExplainable AI (XAI)View All PromptsNext PromptAdaptive Interfaces

aiux

AI UX patterns from shipped products. Demos, code, and real examples.

Resources

  • All Patterns
  • Browse Categories
  • Contribute
  • AI Interaction Toolkit
  • Agent Readability Audit
  • Newsletter
  • Documentation
  • Figma Make Prompts
  • Designer Guides
  • Submit Feedback
  • All Resources →

Company

  • About Us
  • Privacy Policy
  • Terms of Service
  • Contact

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.