4

I have a curiosity about the facebook site. Why is wireframe used on the loading screen (loader view) to each post? Is there any reason for this? Have any relation with Atomic Design proposed by Brad Frost?

See the wireframe image for a facebook post:

Wirefame Facebook Post

This behavior has in several applications and libs (eg.: https://github.com/elye/loaderviewlibrary).

2 Answers 2

3

"... By giving some indication of what is going on and giving visual stimulus the user feels immediately more comfortable and less likely to leave. This is exactly like putting a progress bar on a long action. Apart from the fact it’s some fancy polish, it’s great usability. I think this feature is better than your average loading symbol because it actually feels like the content is almost there."

Explains the article by cloud cannon

"..Skeleton pattern as alternative to loading spinner. A skeleton screen is essentially a blank version of a page into which information is gradually loaded. This creates the sense that things are happening immediately as information is incrementally displayed on the screen.

With a skeleton screen, the focus is on content being loaded not the fact that its loading and that’s real progress."

Proposed by @basham via GitHub.

1

I believe they use this image as placeholder until the actual post is loaded on screen. This gives the user an idea of what will be loaded before it is actually loaded, this helps because otherwise the user would be looking at a blank page and they may not understand that it is still loading.

3
  • I don't know the reason for this but it should be what you said. Thanks Commented Jun 12, 2014 at 17:33
  • 1
    This is really bothering me. I can't find any evidence to back this claim up. I searched both websites and journals. This technique is being used by so many websites and I can't find any documentation online besides this (reasonable) guess on SO.
    – V Maharajh
    Commented May 21, 2015 at 0:57
  • @vivekmaharajh Check my anwser. :) Commented Sep 6, 2016 at 12:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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