Interface Design
 

The Screen

One major difference between web pages and printed media is that the viewable screen is smaller. The principles of creating web pages are no different than creating printed media but special consideration must be given to the limited page dimensions. This page outlines basic elements of page design.

Alignment
 
Give each page a visual connection and a strong sense of alignment. Do not simply center everything. Do not mix alignment within a page. Properties of horizontal and vertical alignments are important.
 

Proximity
 
Keep headings, associated text, and links together. Avoid using paragraph breaks where line breaks are indicated. Do not exaggerate separation of elements (i.e. Skipping a large line between paragraphs and indenting). Using proximity appropriately helps the user focus on your content and keeps them from having to jump about the page to search for your content.
 

Repetition
 
Navigation elements, color themes and alignment similarities should be exhibited on every page of your site. Each page does not have to "clone" the home page but the essence of the style and visual appearance should remain consistent ant throughout the site.
 

Contrast
 
Text should be readable at a glance. Contrast and color should draw the viewer to your web page. Carefully place your artwork, titles, and text boxes to create a focal point that invites the user to learn more.
 

Avoid "bad design"
 
Make sure that your links work and your spelling is correct. Avoid distracting blinking text and distracting busy novelties. DO not use overpowering buttons or titles. Simple elegance is the key to classy pages
 

Poor design
 
Please follow this link to a poorly built web page.
 
Rev 21-Sep-2004
John Rivoire