I2Intermediate
AI UX Pattern Design
45 minEvery AI feature
Format: Design the user experience for AI features.
AI-Specific UX Challenges:
1. Latency: AI responses may take 2-10 seconds
Solution: Streaming output (display text character by character like typing)
2. Uncertainty: AI can make mistakes
Solution: Show confidence indicators + "Results are for reference only"
3. Black box: Users don't know how AI reached its conclusion
Solution: Show reasoning process or evidence sources
4. Cost: Every AI call has a cost
Solution: Client-side caching + deduplication + prevent duplicate submissions
Exercise: Design the complete UX flow for the following AI features:
- AI summary generation — User pastes article → Generate summary
- AI customer service — User asks question → AI answers → Can escalate to human if unsatisfied
- AI image description — User uploads image → AI generates description
Each flow needs: Loading state, error state, success state, "AI is uncertain" state.