We've often heard from our clients that they want more content "above the fold." We interpret this to mean: "on my computer I want to see certain content without having to scroll."
But as a web design concept, the fold means less than it ever did— given the increased variety of devices and screen sizes in common use.
In a newspaper, the fold is in the middle of the page. Online, where exactly is the fold? It varies according to screen resolution. These two charts (based on actual visits to our site) show how complex the answer truly is.
Back in 2007 (left), 36% of all visitors to our site had screen resolution of 1024 x 768. The top ten resolutions accounted for 93.6% of all visits.
By 2013 (right), the largest share was 1920 x 1080 at 14.4%. The top ten accounted for only 83.4% and the distribution was much more evenly spread. Almost 17% of visitors had a resolution outside the top ten.
Here's an amusing little animation showing the changes over a six-year period.
Today the fold is no more real than the Minotaur. But creating a good first impression is as important as ever. If the top of the page is clear and engaging, people will scroll to see content below. Good design and targeted content work together to lead visitors to take action, even if that first action is scrolling.
Google Analytics offers a Browser Size Analysis tool to help you think about screen real estate in a more nuanced way. Once you're logged in, go to Content > In-Page Analytics. You can click anywhere on the screen to find out what percentage of visitors can see that point, or control the threshold percentage by using the slider. The screenshot below indicates 97% of visitors can see the important "Try the demo" button without scrolling.
Join The Conversation
More On The Blog
Why is it so hard to get an estimate for a software product?
Getting an accurate estimation for your software product can save you time, money and countless headaches when building your site, MVP or product.
David Hemmat — May 20, 2021
What open source can offer eCommerce sites.
In this article we will be looking at the most typical categories to choose from and giving you our take on what open source can do for your brand.
Alejandra Renteria — Sep 24, 2020
Grocery eCommerce: insights for the future of supermarkets.
In this article we'll take a closer look at trends and success factors driving the grocery eCommerce industry forward.
Alejandra Renteria — Sep 22, 2020