Writing for the Web

building visually structured interactive content

1. Building a simple homepage

1.1 Basic Information

This initial build has a basic description and two very generic links.

It needs to develop:

  • depth;
  • personality;
  • structure.
1.2 Add some personality

The second build adds in the list of favorites but does not attempt to order the space in anyway.

1.3 Add some order

By putting the favorites in a horizontal table the site begins to develop a visual structure.

But the long lines of text are hard to read.

1.4 Add color and detail

The simple color scheme and a vertical two column structure provides clearly defined spaces for different content elements.

The links have become more specific adding a greater depth to the information.

1.5 Visuals

A picture is added which provides a more personalised sense of web presence. But the text wrap-around disturbs the clear linear structure of the two columns.

1.6 Three column design

Placing the picture in a third, left-hand sidebar creates a new sense of structure to the site.

1.7 Make full use of the space

A quote is added to take advantage of the space provided in the new three column structure.

1.8 Change elements to change emphasis

If we substitute a list of academic publications for the favorites list the tone of the site changes from a mix of personal and professional to a more academic oriented site.

 

2. Journalism home page

2.1 UTS Journalism home page

The current page:

  • is too dense
  • is poorly organised
  • information is not prioritised

although the linking text does provide some "scanability".

2.2 Use the column designs to advantage

One easy fix is to take better advantage of the three column design and move the FAQ and the Contacts from the middle of the text - where they are lost - to the sidebar.

2.3 Order and trim text

The new text is more concise.

It is ordered under three clear headings and lists help "scanability".

Features such as the links to Southside News are eliminated because they have their own place in the deeper website structure.

Hard decisions have to be made such as cutting the reference to the graduate winner of the Olle Scholarship but she could be better featured in the graduate profiles section.

 

 

  Created by Marcus O'Donnell for ACIJ short course: Writing for the Web, November 2005