Webmaster's tutorial: Analyzing website Organizing website Developing website Implementing website Maintaning website
Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website" Rocketface(R) Home - Welcome to the WebHow to Design a Website - Webmaster's Tutorial StartRocketface(R) Webmaster's Workshop
Rocketface®Workshop Webmaster's Tutorial Index Webmasters Article Archive Sitemap Privacy About
Rocketface®: Webmater's Workshop
  • How to Design a Website
  • About Domain Names
  • About Web Hosts
  • Free Web Hosts
  • Private Web Hosts
  • Types of Websites
  • Building a Website
  • Analyze Website
  • Analyze Audience
  • Analyze Content
  • Website Design Tips
  • Website Journal
  • Effective Communication
  • Target Audience
  • Demographics
  • Website Goals
  • Organize Website
  • Website Basic Layout
  • Webpage Design
  • Website Navigation
  • Website Structure
  • Website Sections
  • Website Theme
  • Webpage Layout
  • Website Content
  • HTML Editors
  • White Space
  • Develop Website
  • Sitemap Construction
  • Webpage Construction
  • Website Assembly
  • Website Construction
  • Typography - Fonts
  • Typography - Style
  • Typography - Layout
  • Website Graphics
  • Website Templates
  • Implement Website
  • FTP Website
  • Fine Tuning Website
  • Upload Organization
  • Ftp Checklist
  • User Interaction
  • Maintain Website
  • Website Promotion
  • Marketing Website
  • Viral Marketing
  • Content
  • Product Sales
  • Affiliate Programs
  • OnLine Services
  • Optimize Website
  • Keywords
  • The SEO Process
  • Website Traffic Analysis
  • Increasing Website Traffic
  • Links Tracking
  • Link Baiting
  • ROR RSS Sitemap Generator
  • Summary
  • Resources
  • Types of websites
  • Hex codes
  • Toolbox for webmasters
  • Free template downloads
  • Optimize your website
  • Resources
  • Glossary
  • Newsletter
  • Feedback
  • Main Site Index
  • Article Archive


  • Something a little different
    XtraAstrology - Exploring the arcane
    moonGROW - Moon phase gardening




    Webpage Hot Spots
    The areas of greatest visitor interest on your webpages

    The important areas of a webpage

    When a webpage is being viewed there are some universal reactions by your visitors to be considered. Certain areas of a webpage stand out to most people who will visit your website.


    Some webmasters say that the top left corner of the page and the bottom right corner of the page are the most important, according to the frequency it is used on the Web. This is especially true of internal web pages.


    Web page hotspots

    fig. 1 Example of webpage hotspots

    Take note of the two red areas in fig. 4;

    Area 1 is the first spot your eye will jump to when viewing an unfamiliar page. Because, in general people read from left to right and top to bottom. Be sure to use area 1 wisely. It is the first point of contact between your website and a visitor. This is where your logo or title should go.

    Area 2 is another matter. Research by various service providers has shown that this area can be a hot spot for your links. People often click through on links that are positioned in this area. Think of it as turning the page in a book when you've reached the end. Putting links here provides the visitor an invitation to read on.

    This area is especially good for articles, text ads and pages with a good amount of reading material. Your visitors, once they have read the article or body text, will tend to click on links in this page position. Usually they will do this to gain further information on the subject at hand.

    Google's heatmap

    Below is the result of Google's study of webpage locations that people are most likely to focus on. The most likely areas of a webpage to produce clickthroughs are shown in this heatmap developed by Google for its AdSense program.
    • Dark Orange represents the hottest area of a webpage.

    • Orange shows the areas next in importance for visitors.

    • Yellow identifies areas of moderate interest .

    • White shows areas with little or no activity.

    • Grey are the neutral areas.

    Google Heatmap

    Eye paths

    Keep in mind that this study focuses on areas of a webpage that produce clickthroughs. Here is where most visitors will buy your product or click on your ads.

    I have found that this type of pattern can vary from page to page. Some pages with a large amount of text perform best when text ads are placed at the bottom right corner of the page. It all depends on the content of the webpage.

    The actual path that the eye follows when viewing a page is better explained by following the link below.


    For a more in-depth analysis of web page hotspots see :http://blog.eyetools.net/eyetools_research

    Designing Web Pages

    Designing Web Pages
    Designing good webpages begins with good webpage layout. So what do you want on this most important first screen?
    Professional Webpage Layout
    Examining the methods of professional webpage layout. The individual pages in your website must have a layout that allows the visitor to find out as much as possible about your webpage at a glance.
    All About Design Principles and Elements
    Basic website design elements to consider. A truly shocking number of web designers are unfamiliar with the basic principles and elements of design.
    Designing your Homepage
    Believe me, you want your visitors to stay as long as possible. This is the only way your site is going to succeed. Your site must be interesting, persuading, and easy to navigate.
    The Best Page Layout and Design for Content Websites
    To understand which layouts work you only need to look at the industry gorillas. These are the online content publishers who have been around for years, and who have tested just about every layout combination.
    Writing for the Web
    Writing for the Web is very different from traditional writing. The way website visitors read Web copy is unique and you must adjust your writing style to be effective.
    An Easy Way to Choose Attractive Color Combinations
    Lots of people struggle to come up with attractive color combinations when designing logos, banners or web sites. So, here's an easy technique that only takes a few minutes.
    Professional Graphics
    Graphic design is an intimidating subject for many Internet entrepreneurs. However, most of us must learn some basic design techniques to avoid the high costs of hiring a professional graphics designer.
    9 Ways to Make Your Web Site Look Great
    Learn how to design a website that gets attention every time. Avoid the mistakes most people making when creating their first web site. Take home some tricks that even the most advanced designers will enjoy.
    Selection of Web Templates
    An important part of website designing is selection of web templates. Here are a few points which will help you select the best web template for your website.
    Creating a Basic Web Design Template
    A "template" is simply a design format which you can apply to all (or most) of the pages in your web site.
    Website Optimization - Optimizing your websiteMarketing Website - Marketing your websiteWebsite Managment - Managing your websiteWebsite Design - Designing your websiteRocketface(R) Webmaster's Article Archives





    Copyright© 1999 - 2010
    Rocketface® Graphics
    Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index