Conversational UI
What is Conversational UI?
Conversational UI is a design pattern where users interact with AI through natural language — text or voice — instead of traditional menus, forms, and buttons. Rather than learning a product's interface, users simply describe what they need and the AI interprets their intent. Conversational interfaces come in many forms: text-based chatbots like ChatGPT and Claude, voice assistants like Siri and Alexa, embedded AI assistants like Slack AI and Microsoft Copilot, and hybrid interfaces that combine chat with traditional UI elements. What unites them is the principle that natural language is the primary input. This pattern is especially powerful for customer support (answering questions without navigating help docs), complex workflows (generating code, writing emails, analyzing data through conversation), and accessibility (voice control for users who can't use traditional inputs). The best conversational UIs don't just respond to commands — they maintain context across turns, ask clarifying questions, and adapt their tone and detail level to the user.
Problem
Traditional graphical interfaces require users to learn specific navigation patterns, menu hierarchies, and form layouts. As AI products grow more capable, the gap between what the system can do and what users can discover widens. Users prefer asking for what they need in plain language, but poorly designed conversational interfaces frustrate them with robotic responses, lost context, and dead-end conversations.
Solution
Design conversational interfaces that understand natural language, maintain context across multiple turns, and respond in a natural, human-like way. Support both text and voice input where appropriate. Provide conversation starters and suggested prompts to help users get started, use typing indicators and status cues for natural pacing, and design clear fallback paths for when the AI doesn't understand. The best conversational UIs blend chat with structured UI elements — buttons, cards, and carousels — so users can switch between typing and clicking based on what's fastest.
Real-World Examples
Implementation
AI Design Prompt
Guidelines & Considerations
Implementation Guidelines
Write in natural language — avoid robotic, overly formal phrasing. Match the tone users expect from a helpful colleague, not a manual.
Maintain conversation context across turns. Reference what the user said earlier and avoid asking them to repeat information.
Provide conversation starters and suggested prompts so users aren't staring at a blank input. Show 3-4 example queries relevant to the current context.
Handle misunderstandings gracefully. When the AI doesn't understand, ask a specific clarifying question rather than giving a generic error.
Use typing indicators, streaming responses, and status cues (thinking, searching, generating) so users know the system is working.
Blend chat with structured UI elements. Use buttons for quick choices, cards for rich results, and carousels for browsing — don't force everything into plain text.
Support both text and voice input where appropriate. Voice interfaces need different conversation design than text: shorter responses, confirmation prompts, and interruption handling.
Design for conversation history. Users should be able to scroll back, search past conversations, and resume threads.
Handle topic changes smoothly. Users will jump between subjects — the AI should follow without losing context from earlier in the conversation.
Set clear expectations about what the AI can and can't do. A brief onboarding message or capability description prevents frustration from impossible requests.
Design Considerations
Conversational UI vs chatbot UI: A chatbot typically follows scripted flows with predefined options, while conversational UI accepts free-form natural language. Choose based on whether your use case needs flexibility (conversational) or reliability (scripted).
Text vs voice: Text interfaces allow complex queries, code, and formatted output. Voice interfaces are better for hands-free, quick-action scenarios. Many products support both — design each modality's strengths independently.
Balance personality with professionalism. Customer support bots need different tone than creative writing assistants. Define your AI's voice guidelines early.
Consider cultural and language differences. Conversational patterns vary across cultures — directness, formality, and humor all need localization beyond simple translation.
Plan for multilingual support from the start. Language detection, code-switching (users mixing languages), and character-set handling affect the entire conversation stack.
Design appropriate fallback mechanisms. When the AI doesn't understand, offer: clarifying questions, suggested rephrasing, or escalation to human support.
Privacy matters in conversation history. Users may share sensitive information in chat. Make data retention policies clear and give users control over conversation deletion.
Accessibility is critical for both text and voice. Text interfaces need screen reader support, keyboard navigation, and sufficient contrast. Voice interfaces need visual alternatives and transcription.
Plan for conversation handoffs between AI and human agents. When the AI reaches its limits, the transition should preserve context so users don't have to repeat themselves.
Test with diverse user groups. Different users have vastly different expectations for conversational AI — from power users who chain complex prompts to first-time users who don't know what to ask.
See this pattern in your product
Upload a screenshot and find out which of the 36 patterns your AI interface uses.
Related Patterns
Contextual Assistance
Offer timely, proactive help and suggestions based on user context, history, and needs.
Human-AI CollaborationHuman-in-the-Loop
Balance automation with human oversight for critical decisions, ensuring AI augments human judgment.
Human-AI CollaborationProgressive Disclosure
Gradually reveal information, options, or AI features to reduce cognitive load and simplify complex tasks.
Natural InteractionMultimodal Interaction
Combine voice, touch, gesture, text, and visual input for natural interaction.
Natural InteractionGraceful Handoff
Seamless transitions between AI automation and human control.
Human-AI CollaborationContext Switching
Smooth transitions between tasks or topics while maintaining conversation continuity.
Natural Interaction