Home > E-learning > Web Site Design and Construction >


Good Web Design - A Personal Experience



Web Design and Development - Theory and Practice



NOTE: if you have not yet visited Web Site Design and Construction, I recommend that you do so prior to reading this page.

In Web Design I listed features of good web design.

This is my home page - as at September 2003.

My web site is not perfect. New developments occur all the time. HTML and its deriviatives have faults. I am not a programming expert. I have tried to meet the HTML standards and the general principles of web design.

It is an ongoing process. The following section summarises some of the key actions I have taken.

Good web design features

Not perfect

Ongoing process


Web Design Principles - Meeting End User Needs



Good design applies to both individual web pages and websites as a whole.

I summarised the key elements of good web design, from an end user viewpoint, as:

Pages load quickly and provide something to read almost instantly.

A lot of users have dial up connections e.g. 56k modems. Although "broadband" is increasing, it is still important that pages load quickly. Five to seven seconds appears to be the acceptable standard.

What I have done:

  • Small page sizes i.e. about 10 kb in most cases.

  • Use of frames - once loaded, the "menu" does not have to be "re-loaded".

  • Minimum use of graphics - if they are used, they are used again and again.

  • Use of multiple tables - one for the heading, one for the first subheading, one for the first content, etc. Browsers require the full detail before they display a table. Thus, the smaller, the better. You may see the content "flow" down the page as it is loaded.

    Note: CSS allows for page layout control, eliminating the need for tables. However, some writers suggest that the various browser versions have difficulty displaying pages correctly. I have personally found sites that "overlay" information, making the page useless. Tables are working for me. I will review the situation at the next re-development point.

  • Use of CSS - once loaded - the browser "remembers" it. It reduces the file size dramatically.

  • Use of JavaScript includes - reduces file size. "Repeated" ones are "remembered" by the browser.

Pages are well laid out and easy to assess i.e. work out what they are about.

This is about consistent design. Being similar to others is better than being a radical with a completely new design.

They meet a standard template, see: Template Discussion for the reasons why templates are essential. The IBM article provides a good sample. If you want further information, do a search.

Users move quickly. If they have found your page in a search engine search, it only takes a couple of "clicks" to move to the next site. You must obtain their attention and interest. You must not "frustrate" them.

Pages are static i.e. they do not jump about as images load.

This is really annoying. It happens on too many "big company" sites. I'm not sure if it is the technology, but all I do is ensure the table sizes are specified correctly and that the image height and width is given. The browser does the rest.

Pages are "search engine friendly".

I have done a lot of work to achieve this. The best advice at present is to avoid the "gimmicks" that are not "search engine friendly'.

The Search Engine Optimisation section provided a comprehensive introduction to this area.

Pages are easy to navigate so that you can find what you want.

Using frames complicated this for me, but the constant menu really simplifies navigation. On this site, there are many devices available - see Navigation - a guide to the navigation features of this site.

Content is useful and worthwhile.

This is the most important part. The site must contain worthwhile and useful information. This is the area I can now concentrate on.

Good content keeps visitors and encourages them to return.

Specific actions taken to achieve good web design and high useability


Web Design Principles - Meeting Webmaster Needs



From a webmaster viewpoint, good design covers: site stability, ease of maintenance, flexibility, separation of presentation elements from content, etc.

Once your website grows beyond 20 pages, a good, easy to maintain design is essential.

Your web site URI (eg. mybusiness.com.au) needs to be established, registered and protected. For example, should you also register mybusiness.com, mybusiness.co.uk, etc. as well?

Your host needs to be well established, providing you with the services, information and backup you require. See: Hosting, Provider Issues.

You need a good template that allows you to "include" standard, repetitive information which can be updated when necessary. Even simple things like "copyright" notices - it should take one minute to change every reference on every page from "1996-2002" to "1996-2003".

You should use as much of CSS as you can. The level of acceptance is rising all the time.

You should attempt to conform to the standards set by W3C.

Summary of good site features from a web master's viewpoint



What's next?



If you now wish to reconsider hosting issues, please select: Service Provider and Hosting Issues

If you now wish to review your HTML, etc., select: Learning HTML and Other Programming Languages

Alternatively, if you are now ready to proceed with your web development, see: Web Development Processes

To return to the index of this E-journey, see: Web Design and Construction - Road Map

To return to the Derek Stockley Home Page: Derek Stockley Home Page


Back to top
Derek Stockley - Home



 Chirnside Park,  Melbourne,  Victoria,  Australia

This page was last updated on 15 June 2004.