3. The Fold online
Wikipedia says:
This term has been extended and used in web development to refer the por<ons of a
webpage that can be visible without scrolling.
However, some have suggested that this term is inaccurate as screen sizes vary greatly
between users, especially in an era where websites are viewed with mobile devices as
much as home computers.
Why we shouldn’t worry about
3
The Fold
SOURCE: h8p://en.wikipedia.org/wiki/Above_the_fold
4. The Fold online
In the early days of the internet, screen sizes were small and the average screen
resolu<ons were much lower than what we enjoy today.
% of users viewing websites with a screen
resolu<on of 800x600 or less
2002 2009
51% 7%
Why we shouldn’t worry about
THEREFORE:
Web designers (many of them migra<ng from the print industry) put a lot of
effort into making sure users didn’t have to scroll much to see the whole page.
4
The Fold
SOURCE: www.thecounter.com
5. The Fold online
Today, screens are much larger and screen resolu<ons are much higher.
% of users viewing websites with a screen
resolu<on of 1024x768 or more
2002 2009
46% 80%
Why we shouldn’t worry about
THEREFORE:
Since there is so much more screen real estate to work with, modern‐day
designers are less concerned about users having to scroll down to see important
page elements or calls to ac<on.
5
The Fold
SOURCE: www.thecounter.com
6. Where is The Fold?
430px
That’s one of the problems when contempla<ng The Fold. Where exactly is it?
600px
Due to the wide variances in screen resolu<ons, screen sizes and browser window
sizes, reaching a consensus on the “average” placement of the fold is problema<c.
860px
Why we shouldn’t worry about
The fold is not a single loca<on, but a broadly dispersed distribu<on with three
peaks located at roughly 430, 600 and 860 pixels. These peaks correspond to the
three most popular screen resolu<ons used today: 800×600, 1024×768 and
1280×1024, minus about 170 pixels used up by the non‐client area of the browser.*
6
The Fold
SOURCE: h8p://blog.clicktale.com/2007/10/05/clicktale‐scrolling‐research‐report‐v20‐part‐1‐visibility‐and‐scroll‐reach/
7. Scrolling below The Fold
In the early years, there was a common misconcep<on that users didn’t like to scroll.
Today, there is plenty of data that proves that users don’t mind scrolling.
In fact, research shows that most users are comfortable with scrolling and do so
regularly, regardless of page height.
Percent Scrolled to the Bo4om
Why we shouldn’t worry about
7
Page Height (Pixels)
The Fold
SOURCE: h8p://blog.clicktale.com/2007/10/05/clicktale‐scrolling‐research‐report‐v20‐part‐1‐visibility‐and‐scroll‐reach/
8. What the experts are saying
“
This myth that users won’t scroll to see anything below
the fold – is doing everyone a great disservice, most of all
our users.
Milissa Tarquini
Director, User Interface Design and Informa<on Architecture at AOL
“
Users are perfectly willing to scroll ... if the page gives
them strong clues that scrolling will help them find what
they’re looking for.
Jared Spool
Why we shouldn’t worry about
CEO & Founding Principal of User Interface Engineering
“
We should start thinking of “the fold” as something
other than a hard line with an “above” and “below”
porUon, and we should stop thinking of the verUcal
posiUoning on a page as equivalent to priority.
8
The Fold
Christopher Fahey
Designer, Teacher and Co‐Founder of Behavior, an interac<on design consultancy
12. Sites that don’t bend at The Fold
Apple The White House
Adobe Starbucks
Symantec Neblix
Microso^ Southwest Airlines
Geico Intel
Why we shouldn’t worry about
Nike Motorola
Hulu Barnes & Noble
Vizio Capgemini
12
EDS AIGA
The Fold
13. QuesWons?
Chuck Mallo4
Interac<on Designer
chuckmallog@gmail.com
Why we shouldn’t worry about
13
The Fold