About this course
Learn how to design and build conversational interfaces - from chat message bubbles and typing indicators to voice interaction, context management, and suggested prompts.
A practical guide to building conversational UIs: 11 lessons covering chat interfaces, voice assistants, streaming responses, conversation context, error recovery, agentic AI patterns, and accessibility. Includes code examples in React and design patterns used by ChatGPT, Claude, Slack, and Siri.
What you'll learn
- Foundations: Understand the primitives before you build.
- Building: Implement the core parts of your interface.
- Advanced Patterns: Handle edge cases, errors, and complex flows.
- Ship It: Accessibility, agentic patterns, and a production checklist.
All lessons
Foundations
2 lessons · 13 minUnderstand the primitives before you build.
Building
3 lessons · 12 minImplement the core parts of your interface.
Advanced Patterns
3 lessons · 13 minHandle edge cases, errors, and complex flows.
Ship It
3 lessons · 16 minAccessibility, agentic patterns, and a production checklist.
The patterns behind this course
Conversational UIDesign intuitive, engaging, human-like interactions via chat and voice interfaces.Contextual AssistanceOffer timely, proactive help and suggestions based on user context, history, and needs.Progressive DisclosureGradually reveal information, options, or AI features to reduce cognitive load and simplify complex tasks.