aiux
PatternsPatternsNewsNewsAuditAuditResourcesResources
Back to All PromptsNext: Privacy-First Design
Performance & Efficiency

Progressive Enhancement

Provide immediate basic responses then progressively add detail and accuracy.

What is Progressive Enhancement?

Progressive Enhancement provides immediate basic responses then adds detail as processing continues. Instead of waiting for perfect answers, the system streams content in real-time. It's essential for conversational AI or search where perceived speed matters. Examples include ChatGPT streaming word-by-word, Google Search showing instant results then refining, or Perplexity displaying quick answers while gathering citations.

Example: Claude Streaming Responses

Claude progressively streaming responses

Starts displaying AI responses immediately as they're generated, progressively building complete answers while users can read early content without waiting.

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 Performance & Efficiency

Intelligent Caching

Performance & Efficiency

Design a smart caching interface similar to Spotify's offline downloads or Google Maps offline areas. Show AI that pre-loads content intelligently based on usage patterns. Include: main content area with seamless loading (no spinners for cached content), cached content indicator (small offline icon or badge), settings panel to configure cache preferences (storage limit, what to cache), cache status dashboard showing storage used, what's cached, and cache hit rate, smart suggestions for what to cache based on usage ('Cache your frequently used items?'), and background sync indicator when updating cached content. Style: Subtle, behind-the-scenes, efficient. Use minimal UI, subtle badges, progress indicators only when necessary. Platform: Web/mobile application, works offline.

View Full

Agent Status & Monitoring

Performance & Efficiency

Design a multi-task agent status monitoring widget with escalating attention levels. Include: (1) An ambient status badge showing the number of active agent tasks (small, corner-positioned), (2) An expandable panel showing 3-4 tasks at different states (running, paused, completed), (3) Per-task progress bars with estimated completion times, (4) An attention-level notification card for when the agent needs user input, (5) A completion summary view showing results after task finishes. Style: Layered from minimal (badge) to detailed (panel). The ambient state should be barely noticeable; the attention state should be prominent but not alarming.

View Full
Previous PromptIntelligent CachingView All PromptsNext PromptPrivacy-First Design

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.