Above The Fold

Above the fold is used in website design (along with "above the scroll") to refer to the portion of the webpage that is visible without scrolling. As screen sizes vary drastically there is no set definition for the number of pixels that define the fold. This is because different screen resolutions will show different portions of the website without scrolling. Many websites adjust their layout based on the size of the browser window, such that the fold is not a static feature of the page.

What is above the fold content ?

Above the fold, as it applies to Web design, is the portion of a Web page that is visible in a browser window when the page first loads, the portion of the page that requires scrolling in order to see content is called "below the fold."

How important is above the fold ?

Content layout and placement is important because content that appears above the fold is what is first visible when the user loads the page. It is the prime real estate that gets most of the attention of users.

Is the fold still relevant ?

The fold still exists and still applies. Each target device has its own fold to consider. But more than a measurement, the fold is a concept. The fold matters because what appears at the top of your page matters. Users do scroll, but only if what's above the fold is promising enough.

What is above the fold on website ?

Above the fold is the upper half of the front page of a newspaper or tabloid where an important news story or photograph is often located. Above the fold is sometimes used in web development to refer to the portions of a webpage that are visible without further scrolling or clicking.

How many pixels are above the fold ?

A full-screen browser window on such a computer is about 700 pixels high, depending on
browser toolbars, etc. On my 27″ iMac, it’s about 1200 pixels high. But if you’re going to plan
for the fold, you have to plan for the smallest common screen, thus the 700-pixel guideline.

How Is Above the Fold Measured ?

It is impossible to define a single fold placement for a website. The precise location of the fold differs because of the variety of monitor sizes (both desktops and laptops), screen resolutions, browser plugins, and sizes of various phones and tablets. When determining an average fold placement, most web designers agree that the fold line is at approximately 1,000 pixels wide and 600 pixels tall.

This is the best-case scenario for the most common monitor/browser combination of 1024×786 pixels, with the browser window maximized and are no installed toolbars at the top, pushing the content down.

Do people scroll below the fold ?

There is no fold. The Web has evolved and so have users. We now have research to prove it. Designers often come across the concept of “above-the-fold” placement, whereas content is placed at the top of a Website before the user must scroll down.

What does it mean for an ad to be above the fold ?

Above The Fold in online advertising refers to the viewable space on a webpage when it first loads. It is a term taken from print media. The 'fold' used to mean the literal fold in a newspaper, but on a computer has come to mean the bottom of a user’s screen before scrolling down.

What should be above the fold considerations for mobile ?

The increasing usage of mobile devices for web browsing further complicates the concept of optimizing web design for above the fold. Mobile devices offer a large variety of screen sizes. In addition, users on phones generally browse in portrait mode rather than in landscape mode, turning the traditional page design sideways. With so many people accessing web pages across such a variety of devices, current web design practices entail using responsive design: making use of flexible layouts, images and cascading style sheets. In responsive design, there is no fixed layout for a page, and content reflows to a screen of any size. Responsive web pages react or “respond” to the environment in which they are consumed or browsed. While the important content still needs to be higher on the page, nowadays, the pages should be designed to encourage scrolling more so that they don’t miss important content.

What is the fold in email marketing ?

The fold is a term borrowed from the world of printed newspapers. The fold was the space of newspaper cover that was visible after it was folded in half and put on display. This area will be visible in most email programs without having to scroll down the screen.

What is below the fold in Web design ?

Below the fold refers to the section of a web page that is only visible after scrolling down. In the same vein, when a web designer structures a page, she will likely focus on the above the fold content, as the site relies on this to capture users' attention.

How wide should website content be ?

960 pixels is the magic number. For a long time, 1024 × 768 pixels was the standard screen resolution. Allowing for the edges of the browser window and perhaps a scrollbar down one side, this left a realistic maximum width of 960 pixels for your website.

Why is above the fold so important?

  • It’s simple.
  • It’s what people see first.
  • It’s what attracts the most attention.
  • It’s where visitors spend the bulk of their time.

Hope you find this article helpful. Contact us for any queries and do give us your feedback.