Above The Fold
Short Definition:
A commonly used term in marketing, “above the fold” refers to the content of a webpage that appears on the screen when a user first opens the page; it is often used to refer to the portion of the page above the line that must be scrolled to see the rest of the page. When a webpage is viewed on a computer or laptop, the fold is usually just below the middle of the screen; tablet devices have a smaller amount of screen real estate, and the fold is typically just above the bottom of the screen. On a mobile device, the fold is in the center, about halfway down.
Defined Answer:
What is Above The Fold in Web Design?
The terms above the fold and below the fold are used in print design, particularly in newspapers and magazines. In the pre-internet era, the fold was the dividing line between the front page and the inside pages of a news publication and, while it has no technical significance in the digital world (since webpages can be scrolled without any limitations), it has still come to be used as a metaphor for where users should focus their attention.
Below the fold is a term used to describe content displayed below the horizontal fold of a web page. While the actual fold varies depending on the size of the user’s screen and browser window, above the fold refers to the visible area of the page without scrolling below the main header and/or navigation menu.
The above the fold area of a website is that part of a web page that will be visible to users without having to scroll down the page. The area above the fold is also called the top fold, top area, upper region, or visible area. The concept of the fold in web design first appeared in digital newspapers and magazines, where the only way to read an online article was to scroll down the page.
Why Is Above The Fold Important To My Website?
Since most people don’t want to scroll, they look for the interesting stuff right away. This is why businesses need to consider placing their most important content above the fold when it comes to website design. As the term suggests, above the fold refers to the top portion of a website that is visible when a user views a page.
That content is the prime real estate that receives the most attention from visitors to your site, which should be reflected in the user experience. Although users are scrolling more today, only 20% of their attention is still allocated below the fold.
First of all, you have to ask yourself, what is the most important content to help me achieve my business goals? You know what to do in that high visibility area once you’ve answered that question. The content should immediately capture the user’s attention and provide them with the content they are looking for so as not to bounce back and visit another website.
How To Measure The Above The Fold Area
A single fold placement is impossible to define for a website. Because of the variety of monitor sizes (both desktops and laptops), screen resolutions, browser plugins, and sizes of different phones and tablets, the precise location of the fold differs.
Most web designers agree that the fold line is around 1,920 pixels wide and 1,000 pixels tall when determining an average fold placement. Since there are so many monitor sizes available, make sure that your most valuable content is on the screen without having to scroll down.
« Back to Marketing Terms & Definitions