"Free Videos Reveal The #1 Secret to Making Money and Generating Leads On The Internet!"

Enter your email address in the form below and I'll send you instant access to the "DotComSecrets 30 Day Video Coaching Series" normally $197, for FREE! Plus you'll get additional messages on marketing, how-to, and other great ideas and special offers!

Web Design Essentials: "Above the Fold"

StevenNord's picture

Have you ever heard the term, “Above the Fold?” Well, specifically with web design, it refers to the area of your web page that is in view without having to scroll up or down and left or right.

The “Above the Fold” section is your opportunity to make a great first impression. You want to draw in the customer and make them curious about your products or services. You can do all this by being selective about what you put first on your web page.

A good thing to note is that the average computer monitor has an “Above the Fold” size of about 1000 pixels wide by 578 pixels high. So, if you’ve got important information or something you really want your customers to see, you now know where the best place is to put it! The key is to use this space to grab your customer’s attention. If you can accomplish this, they’ll stick around and check out the rest of your website.

Comments

Steven..."above the fold"

Steven..."above the fold" originally referred to newspapers and what stories appeared above the fold on the morning edition delivered by the newsboys who would shout out all of the info on the above the fold area when holding it up for sale. Repoters even kept track of their above the fold headline appearances and were paid accordingly. No advertising appeared above the fold until late in this century because the space was deemed "too valuable to the sucess of any newspaper enterprise" -William Randolph Hearst.
Thanks for the reminder...and hope this comment helps others 'make the connection' graphically as well.


Very Interesting! Thanks

Very Interesting! Thanks Randy for throwing that in and expanding on the topic. You just reminded me of a great point... The practice of strategically designing for "above the fold" can be explored in more than online media alone.

Take for instance...Printed catalogs. The entire front cover can be thought of as the above the fold area and used to grab a customers attention, build interest, and then motivate ( help direct the customer to the next step you want them to take).

Or when flipping through a magazine...depending on which direction you are flipping through the pages you might consider the top right and top left locations of each page to be your "above the fold". The reason being is that those two locations on a page will be the first to be seen as a reader navigates forward and backward through the magazine. Did you know that those two locations are usually the most requested locations for ads in magazines (especially the top right of the right sided pages). They give you the immediate opportunity to catch a readers attention before something else does.

Thanks again Randy. I really enjoyed your comment! Great Stuff!!


It was certainly interesting

It was certainly interesting for me to read this post. Thanks for it. I like such topics and anything connected to this matter. I definitely want to read more on that blog soon.


Pretty interesting site

Pretty interesting site you've got here. Thanks for it. I like such themes and everything that is connected to this matter. I definitely want to read more soon.


Hey very nice blog!!....I'm

Hey very nice blog!!....I'm an instant fan, I have bookmarked you and I'll be checking back on a regular....See ya

-Robert Shumake


Hey very nice blog!!....I'm

Hey very nice blog!!....I'm an instant fan, I have bookmarked you and I'll be checking back on a regular....See ya :)


Interesting article as for

Interesting article as for me. It would be great to read something more concerning that matter. Thnx for sharing this information.


Pretty interesting place

Pretty interesting place you've got here. Thank you for it. I like such themes and everything connected to them. I would like to read more on that blog soon.

Best regards


It is rather interesting for

It is rather interesting for me to read that article. Thanks for it. I like such themes and anything connected to this matter. I would like to read more soon. By the way, rather good design your blog has, but don’t you think design should be changed once in a few months?

Brandy Pingtown
fingertip pulse oximeter


Nice blog having useful

Nice blog having useful information. Would visit again for more information for my site : http://www.zosap.com/pay-per-link.html


When reading a few of your

When reading a few of your other posts I enjoyed them and liked the furniture, I will bookmark the site and be back.


Very beautiful and very

Very beautiful and very meaningful article.Nice blog.


The term "Web 2.0" is

The term "Web 2.0" is commonly associated with web applications that facilitate interactive information sharing, interoperability, user-centered design,and collaboration on the World Wide Web. To know more about  <a href="http://www.pdfph.com/pdf/web/">web manual</a>, you can visit pdfph.com for more info.


This is a great reinforcement

This is a great reinforcement of why layout is so important to the overall design process. Very well written.

Cheryl
Web Design Services


Pretty cool blog you've got

Pretty cool blog you've got here. Thank you for it. I like such themes and everything connected to this matter. I would like to read a bit more on that blog soon.

Avril Benedict


Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
9 + 9 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.