Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Interaction Design
System States: Loading, Skeleton, Empty, Error & Success — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
System States: Loading, Skeleton, Empty, Error & Success
A product team is building a news feed where each item is a card with a headline, author avatar, and snippet. The feed takes 2–4 seconds to load on a typical mobile connection. Which loading pattern is most appropriate?
A centered full-screen spinner that blocks the viewport until all cards are ready
A skeleton screen with placeholder bars and rectangles matching the card layout
A plain 'Loading...' text label at the top of the feed
No loading state — render the page immediately and let cards pop in as they arrive
Check answer