These are notes on website design for use in organisations. This material was prepared by by Tom Worthington FACS HLM and is available free for non-commercial use.
The most important point with web site design is to consider the needs of the user of the web site. Use words they are expecting to find, so they can find the web site. Use terms they understand. Use a layout to help find information. Use web standards so the site will work on a large range of equipment. Allow for readers who have a disability, who might be using something other than a desktop computer hardware and consider non-human readers, such as web search engines.
Like newspaper articles, web pages should be written with the most important information first. A typical computer screen holds about half as much text as an A4 page. The most important information should therefore be put at the top of the page, visible on the screen ("above the fold" in newspaper terms). The first paragraph of the page should provide a summary.
The read will be directed to a web page typically by a web search engine or an index. The Metadata (data about data) in the head of the web page is not normally visible to the human reader, but will be read by search engines and other indexing tools. Therefore this data is important to having a web page found. Some specialist standards might be used for additional metadata, such as the Australian Government Locator Service (AGLS) and Dublin Core. But most web search engines will just use Title, Description and Keywords.
The URL (web address) of the web page forms part of the metadata and will be used by some search engines. If possible, the web address should be made out of words (not random letters or digits), arranged in a logical hierarchy. Web addresses should be short enough (less than 76 characters) so they can be sent by email easily and quoted in documents. See: The importance of a semantic URL, Robert Nyman, March 16th, 2007
For important events, such as the release of a budget or opening of a building, the web author has to prepare a coordinated package of information for different readers. These may have a set format and style, such as a media release for the media, technical report for professional readers, pamphlet for the public, and copy of the speech from the opening. Each will use a different style of writing to suit the audience. Each can be made as a facsimile of the traditional printed document. Slide shows, audio and video can accompany the text documents.
Unlike paper documents handed out at a local event, anyone with web access around the world can read any public web page. The full international contact details (with country code) should be included. Consideration of the use of different spelling and terminology should be used, if an international audience is intended.
Web pages are formal written documents and can be admitted in court as evidence. Therefore they need to identify the publishing organisations, be referenced with a date and (if applicable) time, as well as any reference codes used by the organization. Any laws or rules applying to publications need to be considered.
An example of coordinated web design for different readers is the Federal Budget Web Site. This was first placed online in 1995. The budget web site provides overviews for the general public, media releases and detailed technical documents. The budget documents are retained, with a new section added each year for each new budget.
The web has been designed with inbuilt flexibility to operate on different software and hardware to suit the needs of different people. A web page can be made flexible to display differently on different devices.
The author needs to consider what device their readers are likely to use and write for that. Web standards (discussed below) and web management systems can be used to adapt the content to different devices, to a limited extent.
Technical standards provide a common way to define the structure and content of web pages, so that different tools can be used to create them and different web browsers used to display them. There is a tradeoff between using new web standards, with extra features and maintaining compatibility with older software the user may have on their computer.
Hyper Text Markup Language (HTML) is a W3C standard for structuring web pages. The "tags" used provide similar structures as used in word processing documents, for levels of headings, paragraphs, emphasis of words and the like.
Cascading Style Sheets (CSS) provides a way to add more formatting any layout to HTML web pages. Despite the W3C's description, CSS is not simple, particularly when used for laying out the content of a web page in columns and boxes.
The semantic web attempts to create web pages which both people and machines can read. This is not yet widely used.
Microformats provide a simple way to add some semantics to existing web pages. XHTML 2 offers better ways to structure web pages. These may prove more popular as they build on existing standards.