AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Performance

Caching Indicators

Label when a response came from cache versus fresh generation, with age and a refresh control. One-click fresh should actually bypass cache when tapped.

Interactive demo

Caching Indicators

Ask a question, then ask the same one again to see a cached response.

Try it
Responses
Responses will appear here. Ask the same question twice to see cache vs fresh.

Overview

How might we design caching indicators so people can trust and act on AI output?

When to use

  • Ideal for AI applications with caching, search tools, and platforms where indicating cache usage helps users understand response speed and data freshness.

When to skip

  • Cached content that must always be live, like stock prices.
  • Indicators so prominent they distract from the answer.
  • Cache with no invalidation story on source update.

Rules

  • Cached badge with no timestamp.

  • Fresh button that does nothing different.

  • Hiding cache on wrong answers users cannot retry fresh.

  • Same UI for CDN cache and semantic answer cache.

Evidence

ProductImplementation
Search enginesCached page links with snapshot date.
API platformsCache-Control headers surfaced in dev UI.
AI platformsRegenerate fresh on assistant messages.
Content delivery networksHit or miss badges in debug overlays.

FAQ

What should cache indicator show?

Source cached, age, and action to refresh or bypass cache.

When force fresh default?

Time-sensitive queries, user explicit refresh, and after source edit events.

Caching vs batch queue?

Cache serves prior result fast. Queue processes new batch jobs.

Trust impact?

Honest cache labels beat silent stale answers.