Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials |
![]() |
|
:: Free Website Templates
Designing Above the Fold
by Rich Baker The most value part of any web page is that part which is shown in your browser before the need to scroll. This is generally known as "above the fold." Arguably, you have just 10 seconds to grab your visitors' attention. That doesn't seem long, but as the brain can absorb thousands and thousands bits of information per second...10 seconds is long enough to get your message across! The "above the fold" part of a web page (especially of the home page) is the most valuable real estate you have on your web site. The first fold of your web site needs to communicate the biggest benefit you have to offer your visitors. This is often referred to as your Unique Selling Point or "USP". However, 7 out of 10 web sites are poorly designed above the fold. Here are the 4 top pitfalls that drive visitor's away. 1. Flashing banners 2. Too many links 3. No clear USP 4. Time consuming flash animation So what should you do to capture the attention of your visitor? Here are the things you should include above the fold. 1. Spell out your USP Answer the visitor's biggest question, "what's in it for me?" Use a main headline and supplement it with a secondary headline. Communicate benefits, benefits and more benefits to the visitor. You should use a H1 or H2 tag for the main headline and H3 for the supplementary headline. Is your USP to save the visitor money? Offer a guarantee? Make live easier? Help the visitor to earn an income? When you are working out your USP and benefits...remember the difference bewteen "benefits" and "features." If you have a product that is reliable - that is a feature. The benefit would be peace of mind or lower maintainence cost. 2. Opt-in Email address or Bookmark If you offer your visitor the chance to bookmark or opt-in to a newsletter or request more information then place the links into the "above the fold." You should do this for every page. You have worked so hard to build and promote your website and now you are attracting traffic, but if you can get an email address or allow your visitor to bookmark you, you will increase your chance to continue promoting to visitors after they have left your web site 3. Navigation I am sure some smart alecs will say your navigation should never be above the fold, forcing visitors to scroll down and read your copy. I could not agree less. You should have your navigation above the fold, giving your visitor full control. Ideally, place your navigation bar somewhere on the top or left hand-side of every page. When visitors first arrive at your site, they should be able to find what they want quickly. Don't frustrate them with quirky and quacky titles either. Use titles that convey benefits like, "Special Offers" or "Savings" or that are generally understood. 4. Professional Design Avoid banners and flashy animation. Not only does it consume real estate, but it will slow the page download...a cardinal sin. Keep it simple. Each page on your website should download in 15 seconds or less on a standard 56-bit modem. Even if you are promoting affiliate programs banners have a generally poor conversion rate. It is 10 times better to sell in context with text or product links. Besides selling straight off the home page has little credibility. Conclusion Remember the 10 second rule and design to communicate your USP and biggest benefits in headlines. Present the chance to opt-in or bookmark your page. Give your visitors the chance to navigate around your site and avoid flashy animation. Use the above the fold part of your web page shrewdly. Keep it simple and offer clean and effective web design. That is the way hold your visitors for longer.
About the author: |
|
||||||||||||||||||||||||||||||||
Premium Partners |
| Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design. |
| Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage |
| Photoshop Tutorials - Learn how to build stunning web pages using Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software. The step-by-step approach makes it so easy, that even beginners can produce great web pages. Get started with these tutorials covering everything from page layout to content tips. |
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates
Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites. Terms of use depend upon the website template vendor. |
| Home | Submit Tutorial | Top Sites | Free Templates | Website Templates | Privacy Policy | Contact Us |
| All Right Reserved by WebDesignTutorials.net |