Research School of Social Sciences (RSSS)
Research School of Pacific and Asian Studies (RSPAS)
Institute of Advanced Studies,
The Australian National University (ANU),
Canberra ACT 0200
Coombsweb Web Publishing
Standards & Guidelines
Guidelines for Design of Good Pages
Please send any suggestions or comments to
Helen Walker (helen@coombs.anu.edu.au)
||
Main Page ||
Editorial Team ||
Standards ||
Guidelines ||
Template ||
Promoting ||
Terminology ||
Useful URLs ||
This document was collated from a variety of sources taken from the
Web. If you would like to find out more about web page design
standards and guidelines see the Information
Quality WWW Virtual Library which provides annotated links to
other sites on related topics.
- Keep the structure consistent, simple and interesting.
- Headings, lists and paragraph breaks should be used to break up
the text into readable portions. Typically a readable portion is one
full screen.
- Long pages (that is more than 3 screens) should have a table of contents at the top that allows the users to jump to a particular section of interest.
- White space is used to logically divide text and provide a contrast in your document. The following tags imply their own whitespace: paragraph <P>, headings <H1>, <ADDRESS>, <BLOCKQUOTE>, <PRE> and list structure tags of any type eg. <DL>, <UL>.
- You should consider how the pages look on all platforms and monitor sizes, it is recommended you design for a 14" screen. Mac, PC and Unix workstations all show web pages differently.
- If the files are large, don't forget to indicate the size of the text files and gifs before the download option is selected.
- Ensure your links are correct and are kept up-to-date.
- At a higher level, headings are preferable, because the larger, bolder font attracts the eye and can be easily analysed by programs (eg. indexers, Table of Content Generators, etc).
- Always use heading levels in order, with <H1> at the top of the document, and if necessary several <H2>s, and then if necessary several <H3>s under each <H2>. The six levels of headings are used to divide the documents up into sections and help create an information hierarchy.
- Avoid using extra highlighting elements within heading tags as the heading element already implies font changes and paragraph breaks.
- Lists help focus the user's attention on a series of items and makes digesting a large amount of information a lot easier.
- As mentioned earlier, The <P> tag implies it's own white space so should not be placed immediately before or after headings <H1>, <ADDRESS>, <BLOCKQUOTE> or <PRE> tags or a list structure of any type eg. <DL>, <UL>.
- <P> or <BR> tags are not needed to mark the end-of-text within lists eg. <LI>, <DT> or <DD> as they already imply this. However, you may use <P> to actually specify a new paragraph within the lists.
- Provide basic icons to make navigation easier and keep them consistent throughout the relevant information pages.
- To help with colour mapping, the limited number of colours on a page should be not more than 150 and limited to 50 per image.
- Don't forget to include the ALT option for people who have browsers that can't make sense of images. This is a textual alternative tag that tells the browser what to display when there are no graphics available.
- Example:
- < IMG ALT="ANU crest" SRC="/images/crest.gif"></A>
- Displays as:
with images
- Displays as: ANU crest without images
- When using graphics for decorative reasons rather than for informational reasons, use the ALT option but do not enter any text between the quotation marks:
- Example:
- <IMG SRC="flower.gif" ALT="">
-
When using graphics to provide dot-point identification for each point, include the graphic as part of an active link.
- Example:
- <A HREF="#introduction">
<IMG SRC="/gifs/star.gif" border=0 ALT="dot">Introduction</A>
- It is recommended that the main document not contain graphics that are bigger than a screen. Use a button to determine if the person wishes to see the full graphic. This will help to reduce download time.
- images should not be wider than 476 pixels. This is because most viewers start up with the document area 564 pixels across.
Return to the Coombsweb Standards & Guidelines Page
Last updated: 26 January 1997
Page Maintainer: Helen Walker (helen@coombs.anu.edu.au)
Copyright © 1997 by Internet Publications Bureau, RSPAS & IT Services Unit, RSSS, ANU. This Web page may be linked to any
other Web pages. Contents may not be altered.
URL http://coombs.anu.edu.au/Standards/guidelines.html
[Asian Studies WWW VL]
[Coombsweb Home Page]
[Soc. Sciences WWW VL]