Skeleton Loading Screen

Skeleton loading screen created with Origami and Sketch.

Learn the basics of Origami here

Skeleton interfaces are used in loading states when the content has not reached the front end. Instead of using an indeterminate spinner, in this scenario the user has an expectation as to where the information will go. As the content loads onto the page each section can be filled in at different times; therefore the user would not have to wait for all the content to be loaded in order to retrieve information.