Website Usability: Keeping Content Above The Fold

One of the most important aspects of Website Usability is keeping content above the fold so users are not scrolling up and down your web pages. This is absolutely essential when it comes to the home page. People just don’t scroll on the home page.

By now you should know what I mean when I say “above the fold”, but if you are new here I will explain. When you visit a website, whatever is within the boundaries of your screen is Above The Fold. If you have to scroll down to read content or take action, you are venturing below the fold.

No Scrolling Is The Best Policy

Most users just don’t scroll when they come to a web page. This is more true on the home page than any other page. The majority of your sites’ visitors enter on your home page. The ones that don’t have more than likely hit an optimized page that you created for specific keywords. If they don’t see what they are looking for in 30 seconds they will either hit your home page or leave.

These statistics and others I am going to be using, come from years of experience and analytics from thousands of websites. Today I oversee the management of hundreds of websites, together the average close to a million unique visitors a day. I use advanced algorithms to create usability studies. I also have used teams of these companies employees in usability studies over the years. Read my Website Usability Overview and Website Usability Deep Link Navigation posts to learn more about how and where I get my data. I feel it is nesassary to qualify these statistics so everyone can see the importance of usability and analytics in their web strategy.

I want to be clear about this: I am not saying “don’t put content or site features below the fold” , I am saying “put your message and IMPORTANT site controls above the fold”! I generally will put content geared more to search engines than people below the fold. I am not talking about keyword stuffing, I merely am saying that a few paragraphs and static links within the bottom part of a page can go a long way to letting search engines know what your page is about. The critical info for users as well as search engines needs to be as close to the top as possible.

Users just don’t scroll, in fact 65% of home page visitors will not look at more than 1.3 screens worth of data under any circumstance on sub pages that actually have the information they are looking for! If your site is designed around either templates, includes, or css, keep the skin short, headers should not be more than 150 px high. This give you more screen real estate to work with. I prefer navigation elements to be on the left and across the header. These are very common design practices.

Last year when I was involved in a re-design of a 350 page web site that averaged 10,000 unique visitors a day, my team and a team of their employees looked at a list of 400 websites that were on or similar in topics to my clients. We found that 80% of the sites we looked at used the same design approach.

Out of those 400 websites, 90% of them had major site elements below the fold on the home page. Since my client had hired me to obtain traffic organically as opposed to the $16,000 they were spending a week on Google and Overture, I needed to come up with a design that would not only convert, but also be optimized for search engines.

We set up 4 different versions of the home page and split up the PPC so they got pretty close to equal traffic. By studying the different home page styles we were able to have their site visitors work for us and help us decide which was the best design! This is called landing page optimization. There are several companies that sell landing page optimization systems, and they are all very expensive. They also use scripting to control the different “recipes” or page designs. This is so similar to cloaking that I wouldn’t do it even if my clients had thousands of dollars to throw down the drain. We were able to do it all with our analytics suite for no extra costs at all.

The results were pretty much what I expected. The page that converted the most leads had all content and controls above the fold and used standard design and navigation.

One year later, this company is spending only $4000 a month on pay per click and is averaging more than 10,000 unique visitors.

The moral of this story is: KEEP YOUR CONTENT ABOVE THE FOLD!!!