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.
Let's work together
Tell us about your project and we'll get back to you shortly.
Join The Conversation
More On The Blog
8 Best Ruby On Rails Gems For eCommerce Applications
Everyone within the eCommerce space knows of Ruby On Rails. This framework is used by approximately 3,866,870 websites right now, showing just how efficient it can be for creating efficient yet beautiful web applications. Now, this unique Ruby-based framework comes with its fair share of add-ons and extra features to discover as well. One of the most important ones is the gems in Ruby On Rails.
Sol Dieguez — Nov 30, 2022
How To Improve Your eCommerce With PHP
With the ever-changing state of the IT industry and the fluctuating eCommerce development trends, it’s more than necessary to be flexible in trying out different tech stacks for your eCommerce site. Now, PHP is one of the most popular programming languages out there, and one with a long-standing track record.
Sol Dieguez — Nov 24, 2022
Tips For Getting The Most Out Of Your AWS Free Tier
This cloud computing service currently has over one million users, with enterprise-scale customers making up about 10% of their clients. This shows just how widely used AWS is and gives a solid reason to try it out: it seems to work for most eCommerce businesses out there. Now, there’s a way to check out AWS for free and see if it works for your online business.
Sol Dieguez — Nov 18, 2022