Building eGovernment Websites

Design

What Does Designing A Website Mean?

Content, Structure and Presentation

All documents (i.e. not only online documents) are composed of three main elements: content , structure , and presentation (we owe these definitions to the World Wide Web Consortium, or W3C: see W3C Recommendations ):

As a way of example, let's apply this to the web page you are reading now:

Designing an online document means managing its structure and its presentation in ways that make it easy for users to consult it and make use of its content for their purposes.

In order to do this effectively, it is essential to handle structure and presentation as separate elements - and find specific solutions for each of them.  For instance, you may want to structure the contents of this page in different ways, in order to organise it more logically for your use (e.g. you could decide to change the length or the order of its paragraphs, or add/eliminate titles and headers): but this need not necessarily affect the way it is presented (e.g. the font used for headers, or the background).  Or you could change the way it is presented (e.g. by adopting a larger or smaller font, or by making additional use of pictures to convey contents) without affecting its structure.

Designing a Website

The distinction between content, structure and presentation can be extended beyond single documents, to include a whole collection of documents, like a website.

In this case:

It's a common mistake to consider website design simply as the creation of a visual layout for your site, and to spend fewer energies on designing its structure and planning its contents.  In fact, concentrating primarily on graphical layout only serves to address the presentational elements of a website, and it usually leads to nice-looking websites that unfortunately do not properly address the communication needs of the users and of the public agencies that own the sites.  And it is no use having a shiny, elegant website if it doesn't deliver the information in easy and accessible ways.

Therefore, designing a website means finding technical solutions to manage both the structural and the presentational elements of a site.  As with single documents, these elements should be kept as separate as possible, so that it is possible to review one of them (e.g. redesigning the look of the site, or merging/renaming/creating new sections) without affecting the other: this is the secret to a sustainable, durable and effective web application.

Page Author: Andrea Bardelli Danieli. Last updated on 19 October, 2008.
Please contact richard.heeks@manchester.ac.uk with comments and suggestions.