Skeleton Guidelines
Skeleton loading is a type of busy indicator that provides the user with a skeleton page as a placeholder while there's no layout or content to show.
Visually, skeleton pages are grey boxes with animations to indicate loading activity.
"Progressive loading": Skeleton pages are used to create an impression of speed and reliability when an app encounters performance barriers. They provide a generic preview of the layout, which makes the app seem to load faster. This improves the overall user experience. Esentially, we show the Skeleton instead of a blank page.
Full pages vs. areas: Skeletons are typically used for entire pages, but can also be shown for large areas to be loaded, e.g. contents of a freshly opened Dialog.
Partially loaded content: When the layout and some parts of the content can be shown, the rest of the page being loaded can be displayed with Busy Indicators (e.g. Widgets on a dashboard, rows in a list).