Myth of the fold in modern web design Oct 23rd '09
One of the most frequent requests we are asked when creating the initial design for a website is: “Can it all appear on one screen?” By this of course they mean they want all the content to be viewable without having the user to scroll down. The line at where the content stops and the user needs to begin scrolling is called the ‘fold’ and this post will explain how having all the content above the fold isn’t relevant today.
This post was inspired by a recent article on user eye testing with the fold. In summary this post uses eye tracking techniques to tell where people are looking when they arrive at a website. It is worth a read. The main conclusion from this study was that people actively look to the right for the scroll bar (see heatmap image to the right), it is assumed that they will need to scroll.
Don’t forget to…
- Put your most important content above the fold
- The site needs to be designed to encourage scrolling
From a design point of view, cramming all of your content into a fixed space can look really cluttered and confusing—not to mention it being almost impossible to find the information you need at a quick glance. Spacing the website elements out using white space can help the design breath and avoid the ‘busy’ sites that you often see; full of images, text and adverts.
Designing for a small monitor… no, wait, a large monitor
You also have the problem of deciding which monitor size to target. Fitting all of your Web sites content onto a single ’screen’ may look fine on a larger monitor, however if a user visits your Web site with a smaller monitor then the content will stretch off the screen. Design for smaller monitors and the site can look lost and out-of-place on larger screens.
To conclude, your content should never be restricted by the fold. Whilst it may have made sense 10 years ago when we were all browsing the Web with tiny 15″ screens, the Internet has evolved and continues to evolve at an exceptional pace. Let your content breath and encourage the user to scroll to discover more of your content, after all they expect to!
Written by Oliver Culverhouse
Comments so far
UberVU Social Comments
October 25, 2009
[..] Social comments and analytics for this post… This post was mentioned on Twitter by nigel_morgan: The myth of the fold in modern web design http://bit.ly/3Yv9td [..]
I think this is a very valid point and seem to recall seeing another article similar to this recently.
I realised that when I log on to a website I instantly hover my mouse towards the right, expecting a scroll bar!
Thanks for your comment Phil. The article you may have read is linked within the post itself user eye testing with the fold.
It just goes to show not to compromise your site design because of the fold!
Thanks for this…saw the link in your newsletter.
I was told we shouldn’t go below the fold on our website, so it’s good to reinforce the science regarding scroll behaviour.
More’s the point, we’re browsing on different sized screens.
Sure, iMacs get bigger and flatscreens get higher-res, but at the same time netbooks get smaller and iPhones / mobile devices mean scroll, scroll, scroll.
The very idea of a ‘fold’ is based on a long-past age of screen uniformity!
I am definitely bookmarking this page and sharing it with my colleagues.
Subscribe to blog
Archives
Categories
How can I get in contact with you?
To send us an email complete the form below. If you would like us to become part of your team and develop your next Web application, then please download and complete our project planner sheet on the right and email it to us at hello@centation.com or by completing the form below.
Project planner
1-3 Nelson Road,
Office No. 6,
Nelson Court,
Bristol, BS16 5EY UK
0117 911 7913
hello@centation.com
Company number: 6244058