What should appear above the fold in a web page

Views: 3611

When designing a web page, elements “above the fold” means organizing them in such way so the most important information appears on that part of the page visible without scrolling down. There are several elements that should be added above the fold:

above-the-fold

1. The site logo along with the site name

2. The website message (some details on what your site is about-web directory, magazine, news…)

3. The navigation menu (to the most important pages of the site)

4. Important actions the visitors should perform (i.e. site login or registration)

5. Any important information such as contact details, phone number, and so on.

The size of this part of the page depends merely on visitor’s screen resolution, but modern computers can go to up to 1920×600px; anyway, never rely on such high values. A size around 1000px (width) × 800px (height) is a good maximum value to organize the content above the fold.

The visitor’s attention is mostly focused to the top left of the page and diminishes to the bottom right corner of the screen. In the image below you can see how the visitor’s attention gets focused on a web page.

web-page-eye-tracking

Is that why the most important details should appear on the right side of the page and above the fold.

A post by Kidal Delonix (2822 Posts)

Kidal Delonix is author at LeraBlog. The author's views are entirely his/her own and may not reflect the views and opinions of LeraBlog staff.
Chief editor and author at LERAblog, writing useful articles and HOW TOs on various topics. Particularly interested in topics such as Internet, advertising, SEO, web development, and business.

Leave a Reply