Over the years, web designers and developers have conjured up tons of ideas for keeping more of a website’s content “above the fold.”
Then: Avoiding Scrolling
Expanding accordions, file folder-style tabs, fading and rotating animated sliders, and many more ingenious features were created to avoid having content fall below the edges of our clunky desktop monitors. All this work was done to prevent the need for one maligned behavior: scrolling.
It was accepted as common knowledge at the time that “users don’t want to scroll.” So we did whatever we could to jam every bit of potentially engaging content into the top portion of a single screen’s height.
Now: Embracing Scrolling
In the old days when desktop PCs were the norm, this crusade made sense. Users were less likely to scroll down a page if what was first presented on the screen didn’t grab their attention. While this still holds true to a degree, the web traffic takeover by smartphone users — paired with the explosion of social media — meant users not only got used to scrolling vertical interface, they expected it.
Rather than being an obstacle, scrolling quickly became the default behavior for users. Swiping on a screen to find what you’re looking for is now second nature — while finding and tapping tabs, links, or buttons to show hidden content seems like a chore.
But: Exceptions to the Rule
Now that doesn’t mean there aren’t some cases where it makes sense to display a small amount of content and hiding the rest until it’s called upon. For example, showing different messages for different audiences at the same stage of the user journey is a good idea. Similarly, displaying different info for separate versions of a product or service can avoid confusion and help drive conversions.
To Scroll or Not to Scroll
So when should you embrace scrolling vs. hiding non-essential information? As is often the case, it depends. When speaking to a specific targeted audience about a topic they are interested in, let everything show. Use standard layout elements like subheadings, bulleted lists, images, captions, and call-outs to break up the content and avoid the dreaded “wall of text” effect.
By contrast, if you have clearly delineated sections of information aimed at different audiences or discussing different services or products, try out some tabs, accordions, sliders, or other ways to focus the website visitor’s attention where you want it.