Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button
Webmasters Tutorial Navbar
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
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
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop


Special Website Design Considerations

Webpage content

A webpage should not overwhelm the visitor with unnecessary animations, flash novelties or music. All of these things can detract from the content of your page.

If you want to present these things, do it on another page where you can isolate the full effect from other elements of the website or use them sparingly for emphasis.

Use white space to lead the eye around the page. The spaces and margins on a webpage can help to frame the contents and emphasize key areas.

Look at the page and form an image in your mind based on the spacing and layout. Does it help the eye to follow a path around the webpage, flowing from the most important areas to the least important areas.

Rules of thumb

In order for visitors to understand your site you need to follow a few more rules of thumb:

  • Explain everything clearly and briefly. Web surfers are short on patience. Give them what they want by keeping sentences and paragraphs short and to the point.

  • Make sure you present information in a logical order. Both website visitors and search engines look for structure in the content of a webpage. If the content is haphazard and illogical in its composition you will have problems.

  • Use plain language. Avoid being overly technical in the language you use. Consider the average reader and use words that you would use in normal conversation. Also, simple language translates better when viewed by visitors from other countries.

Main sections

It is best to keep your main website sections to no more than 5 - 7 divisions. As the visitor moves further into your website you can begin to add more pages and detail. The following diagram gives a visual example of what I mean.

The Pyramid

A website can be compared to a triangle. The index page forms the tip of the pyramid followed by the main sections, subsections and pages of increased content. Let your visitors decide where they want to go, starting with brief introductions and leading into more detail as they proceed through the site.

Diagram of website content

Now let's recap the main points:

  • Balance the web page for a more pleasing experience for the visitor

  • Have a clearly defined focal point on your page

  • Make good use of the hot spots on the page for your title and links

  • Keep your content brief and to the point

  • Use only one style of alignment and be consistent throughout the website.

Webpage Designing - Further Reading

Information Designing Web Pages
Information Icon All About Design Principles and Elements
Information Icon An Issue of Width - The Resolution Problem
Information Icon Critical Web Design Rules
Information Icon An Easy Way to Choose Attractive Color Combinations
Information Icon 8 Ways To Improve Bad Website Design
Information Professional Webpage Layout
Information Icon Visit the Webmasters Article Archive for further information on website design and webmastering.

Website Designing - Further Reading

Information Do You Know How To Create A Successful Web Site?
Information Icon All About Design Principles and Elements
Information Icon An Issue of Width - The Resolution Problem
Information Icon Critical Web Design Rules
Information Icon An Easy Way to Choose Attractive Color Combinations
Information Icon 8 Ways To Improve Bad Website Design
Information Designing Your Website - The Top Ten Pages to Include
Information Icon Visit the Webmasters Article Archive for further information on website design and webmastering.



Check out the webmasters article archive.
Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index