Content placeholder : The new design trend for audience involvement!

Praveen Naik
Apr 18, 2018 · 4 min read
Image for post
Image for post
YouTube’s latest Content Placeholder on thier website. A perfectly crafted and neat CP.

Year-by-year technologies change and cast trend with their new technology. UI/UX is one such dynamic field. One has to be in the competition for the very existence. The new trending edition to the UI/UX field is the Content Placeholder(CP)!

The giants of internet keep themselves updated and push new features on their products to create a sense of excitement in the user that keeps user aggressively involved in the product or to expand their market to keep the competition alive. But what has Content Placeholder to do with? Sounds funny! However, the truth is that the tech giants want the audience involved enough so that they bundle their benefits high. Content Placeholder is one such trending design element.

What is Content Placeholder?

Image for post
Image for post
Card as an example of CP

These are generally basic shapes that take-up the place of actual presentable content. Upgraded versions include a looped diagonal flash light that glares on the shape or a blur out effect. In most recent implementations, profile pictures and images posts appear to be circles or rectangles respectively but the interesting one is text. Text is masked by rectangular stripes of text size which nicely fades out into actual text when loaded. These mostly appear on the top of the stack of content or the homepage of app/websites. In general, CPs are like rough sketch that a designer thinks even before implementing the UI elements. Advantage of having CPs in the app/website is that they not only tell what quality of content might appear but also in what quantity of it would appears. Over decades loaders have failed to do such a thing and this might just takeover it in short-time.

The Strategy

Image for post
Image for post

Loaders generally depict that “there is content ahead” but what Content Placeholder do is “there is so much of content available, just give it some time, it will appear”. This motive develops curiosity in the content viewers and psychologically is made to wait for the feed/content, rather than coming back after a while. More or less like “something is better than nothing”! This happens mostly in low speed internet, however, still very effective even in average and above speeds. As our expectations for mobile experiences change, so does our understanding of performance. People expect web apps to feel just as snappy and responsive as native apps, regardless of their current network coverage.
Illusion of speed : Perceived performance is a measure of how fast something feels to the user. The idea is that users are more patient and will think of a system as faster if they know what’s going on and can anticipate content before it’s actually there. It’s a lot about managing expectations and keeping the user informed.

Image for post
Image for post
Facebook’s early implementation of CP

The Pioneers

Image for post
Image for post
Google Drive’s Quick Access feature with Content Placeholder

Google drive has done it on their new Quick Access feature. Instagram for their stories. And most recently YouTube(picture in the beginning of the article) did it on their website too(which was the main reason for me to write this article). YouTube took it to a whole new level. The entire site before loading looks pretty much like a plane of neatly organized sets of shapes. Circles for navbar list, Rectangles for the videos, stripes for Text. The entire video list is masked by CP’s.

Ripple effect


Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store