Placeholder Loading UI

Poyi Chen
Poyi Chen
Mar 21, 2015 · 2 min read
Facebook’s default loading cards

I had the chance to think about this pattern recently and see how it can be integrated into the projects I’m working on. After exploring the use cases and trying a few iterations with my co-workers, there are a few takeaways.

Main usage & benefits

It seems like a good alternative to the loading state since it re-enforces the content layout, hence it sets the user’s expectation of where things are right away (given that it mimics the actual content layout).

This should only be used as the initial loading state when no actual content is available for display yet.

Notable attributes

Subtlety

Loading Animation

Transition to the actual content

This post documents my findings on a particular design pattern. I love to hear your thoughts or experience working with this pattern. Feel free to comment on this post or tweet at me.

Anatomy of Web Interface

Collection of articles on web interface elements

Anatomy of Web Interface

Collection of articles on web interface elements

Poyi Chen

Written by

Poyi Chen

Designer. Career Coach. Productivity Nerd. See more content on http://www.poyichen.com

Anatomy of Web Interface

Collection of articles on web interface elements