How to Design a Website Analysis Organization Development Implementation Maintenance
Rocketface Workshop - "How to Design a Website" - Welcome to the Web
Rocketface® Workshop Sitemap Webmasters Archive Tutorial Index Privacy About Search
How to Design a Website - Webmaster's tutorialRocketface Webmaster's Workshop
Webmaster'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 website template downloads
Optimize your website
Resources
Glossary
Newsletter
Feedback
Rocketface® Workshop Main Site Index
Webmasters Article Archive


Webpage Hot Spots

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.


page hotspots

fig. 1 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 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
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. 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/2005/03/eyetracking_goo.html

Designing Web Pages

Rocketface® Article Archive Design Managment Marketing Optimization

Designing Web Pages
Designing good webpages begins with good webpage layout. So what do you want on this most important first screen?
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.
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.
Importance of CSS in Web Development
CSS style sheets have made it easier to handle web pages during web development. CSS or Cascading Style Sheets as the name suggests is a style sheet that allows you to easily link to other documents in your website.
Critical Web Design Rules
Content is King! If you want a website to generate back-links and have quality content the search engines love, be sure to make it readable by both people and search engines.
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.
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.





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