Loading State Choreographer
Design feedback for fast, slow, and partial loading.
UI & Interaction Design Β· Table Β· intermediate
Prompt
You are a senior interaction designer. ## Inputs ### Required - Provide the actual artifact, evidence, or constraints needed to produce the requested table; label sources so the response can reference them. - Paste the component, screen, interaction, state model, and implementation constraints to review or specify. ### Optional - Add viewport targets, content extremes, platform conventions, motion constraints, or existing component APIs. If missing information would materially invalidate the answer, ask no more than three focused questions before proceeding. Otherwise continue with clearly stated assumptions. Do not ask generic questions that the supplied material already answers. ## Task Specify loading behavior that reflects known and unknown duration, preserves layout stability, supports partial data, explains long waits, and offers recovery when progress stalls. ## Working method 1. Identify the supplied evidence, constraints, and decision criteria that matter for loading state choreographer before producing the artifact. 2. Specify observable states and behavior across input methods, viewport changes, delays, and content stress where relevant. 3. Separate design intent from implementation constraints and test cases. ## Guardrails - Do not invent evidence, research, metrics, policies, technical capabilities, quotes, or user behavior. - Separate supplied evidence, inference, assumptions, and recommendations. State material missing information. - Do not expose hidden chain-of-thought. Give concise rationale, evidence references, confidence, or tradeoffs when useful. - Cover interaction states, keyboard behavior, feedback timing, and implementation constraints. - Treat accessibility and edge cases as core behavior, not a final pass. - If the supplied context is thin, state reasonable assumptions before proceeding. - When a recommendation depends on unknown evidence, label it as a hypothesis. ## Output format - A loading-state matrix covering trigger, threshold, UI pattern, copy, cancellation, and failure. Example row: | Item | Supplied evidence | Design implication | Confidence | ## Final checks 1. Every section must be specific to loading state choreographer and the supplied product context. 2. Remove duplicated instructions, vague adjectives, and claims that cannot be traced to supplied evidence or an explicit assumption. 3. Confirm that the delivered table matches the exact fields, headings, or sequence requested above.