What is a recommended approach to improve user experience while data is loading from an API?

What is a recommended approach to improve user experience while data is loading from an API?

• A. Show a loading indicator and error handling.
• B. Block the UI until data arrives.
• C. Display a skeleton or placeholder and then replace with data.
• D. Reload the page every few seconds.

Answer: (C)

Providing a skeleton or placeholder while API data loads builds a visual scaffold of the content. It shows the structure the user can expect, so the page feels faster and more stable because the layout stays in place instead of shifting when data arrives. When the real data comes back, replacing the skeleton with the actual content through a smooth transition makes the experience seamless. This approach is better than blocking the UI or triggering a full page reload, which interrupts interaction or wastes the user’s time. A simple loading indicator is useful, but skeletons give context and reduce perceived wait, making them a recommended pattern for content-heavy loading scenarios.

Providing a skeleton or placeholder while API data loads builds a visual scaffold of the content. It shows the structure the user can expect, so the page feels faster and more stable because the layout stays in place instead of shifting when data arrives. When the real data comes back, replacing the skeleton with the actual content through a smooth transition makes the experience seamless. This approach is better than blocking the UI or triggering a full page reload, which interrupts interaction or wastes the user’s time. A simple loading indicator is useful, but skeletons give context and reduce perceived wait, making them a recommended pattern for content-heavy loading scenarios.