I have noticed recently that many sites use a gray prototype type look when loading data on page.

  • Exhibit 1- Google drive Exhibit 1- Google drive

  • Exhibit 2- Facebook facebook

  • Exhibit 3- Medium medium

Can some one explain what library is used for this effect and how does it work in principle? Is there a study/A-B test/research which suggests that this approach help in any way in keeping user engaged while content is loaded?

closed as off-topic by Evil Closet Monkey, Shreyas Tripathy, locationunknown, Wanda, DasBeasto Jul 12 '18 at 20:27

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Evil Closet Monkey, Shreyas Tripathy, locationunknown, Wanda, DasBeasto
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 2
    This answer could help ux.stackexchange.com/a/115119/66972. Unfortunately your question about what library is used relate on implementation and will be probably off-topic here. – Brice Jul 11 '18 at 15:29
  • @Brice this is exactly what I was looking for. At least now I know that Apple human interface guidelines originated them – DhruvJoshi Jul 11 '18 at 19:07

I dont think there is a link to research specifically (certainly none that I have seen). I think this is something that companies have come across in research.

Its used to give the user an indication as to where things are right away, make wait times feel shorter and is a better alternative to the standard loading state (loading wheel/bar/indicator). As apposed to being used to keep users interested, its a little more than that.

Here is some further reading on it that I have come across while looking to use this for our products:


Some additional libraries and resources people might find helpful:

Not the answer you're looking for? Browse other questions tagged or ask your own question.