Summary

Patrick Pentz recently shared some info and tips on user scrolling. We know that in general, users don't mind scrolling and swiping when online. However, sometimes a user will not view all the content on a page, not from a lack of interest but because he/she doesn't realize there is more content available to be seen. This happens with both vertical scrolling and horizontal scrolling/swiping and is called the Illusion of Completeness.

image-description

Takeaway

Providing proper visual cues will encourage users to scroll or swipe to additional content. The most common visual cue is "breaking" content. Showing a cut-off portion of content causes users to want to "fix" it by scrolling the cut-off item into view. In the example below, the top portion of the Gartner MQ above the fold says, "Hey user, scroll to see this image". There are many creative ways to provide visual cues, like Amazon's "bouncing banner", all of which aim to make navigating through content intuitive and eliminate the illusion of completeness.

↓More interesting examples in the links!

The Illusion of Completeness: What It Is and How to Avoid It

Breaking the illusion of completeness

Beyond the False Bottom: How to Avoid This Costly UX Mistake

Previous

What is Accessibility in Design?

More posts by Abel Hancock

image for Design at scale means smaller-scale design
https://d33wubrfki0l68.cloudfront.net/889d69de4e499e58a388e6f7426a741c12b82055/483ae/images/headshots/hancock-abel-h.jpg

Design at scale means smaller-scale design

6 Min Read

Liferay.Design

Part of Liferay, IncPowered by Gatsby and Netlify