Web Site Design

Three Common Methods For Organizing the Web Pages on a Site

Hierarchical Organization

Hierarchical site organization consists of a clearly defined home page with links to other sections.

Linear Organization

Linear site organization forces the user to view pages one after another. This is practical for websites that provide tutorials, presentations, or tours.

Random Organization

Random site organization offers no clear path through the website, often with no clear structure or home page. It used largely by artists and those that want to be different and/or orignial.

Three Methods Used for Web Site Navigation

1. Navigation Bars
2. Table of Contents
3. Site Map and Site Search Features

Four Visual principles that apply to web page design

1. Repetition: Repeat visual elements throughout Design.
2. Contrast: Add visual excitement and draw attention.
3. Proximity: Group-related items.
4. Alignment: Align elements to create visual unity.

Four Major Components of Web Page Design

• Page layout design
• Limit web page size to under 60KB
• Limit use of large images
• Keep in mind smaller web pages load quicker
• Text design
• Use common fonts
• Be careful with the size of text
• Use appropriate color combinations
• Graphic design
• Use alternate text for images
• Make sure site is usable even if images cannot be displayed
• Limit use of animations
• Accessibility considerations
• Validate your work
• Use hypertext links that describe what the link is
• Summarize charts and graphs

Richard Barber