AI-driven applications introduce unpredictable response times that require deliberate loading UX design. This guide organizes loading UI patterns by wait time categories: under 1 second (subtle confirmation cues, intentional delays), 1–3 seconds (skeleton screens, indeterminate spinners), medium waits (collapsible progress panels, contextual messaging), and extended waits (percent-complete indicators, step-based progress, background task patterns). Each pattern is illustrated with Blazor and Telerik UI component implementations, covering scenarios from instant feedback to multi-agent agentic workflows. Key recommendations include replacing generic 'Loading...' text with contextual descriptions, using streaming/progressive disclosure for text generation, and providing cancel options for long-running processes.
Table of contents
Understanding AI Application Loading PatternsNear Instantaneous Responses (Less Than 1 Second)Short Wait Times (1–3 Seconds)Medium Wait Times (3–10 Seconds)Extended Wait Times (10+ Seconds)Advanced Patterns for AI ApplicationsSummarySort: