KDE User Interface Guidelines
KDE Logo (2k)
Web Page Design

Acknowledgements

Parts of this article were taken from Jakob Neilsen's website.

Web Page Tips

Language; writing for the web

People rarely read web pages (and possibly other electronic documents) word by word; instead they scan the page.

  • Summary first (at the top of the page).
  • One idea per paragraph, summarised in the first few words or sentence.
  • Half the word count of conventional writing.
  • Highlighted keywords. Highlighting can be achieved by hypertext links, and changes in typeface or colour.
  • Meaningful sub-headings, not clever ones (the heading conveys useful information).
  • Bulleted lists
  • Objective, neutral language. Users detest marketing or promotional language, and it has been shown to slow them down.

Browser-safe colours

To ensure that they look the same on most browsers, web pages should use the 216 browser-safe colours. Each operating system reserves some colours for itself, and the colours are different depending on the OS. What we are left with should work on most displays.

These colours can be generated by combining all possible combinations of the following values for red, green, and blue:

hex: 00  33  66  99  CC  FF
dec:  0  51 102 153 204 255

For example, 3366CC would be one of these colours, while 4466CC would not.

Note that the Gimp can convert an image to a web-optimised palette. Use the Indexed option under the Image menu; it will produce a dialogue that gives you a choice of palettes. If the Indexed option is dimmed it means that you are already using an indexed image (such as PNG or GIF), so convert to RGB and then back to Indexed.

Contents
Prev Next

Meta:
   Introduction
   Summary
   Resources
   Changelog

Layout and
Graphic Design:
   Fitts' Law
   Colour and Animation
   Layout and Presentation
   2D is better than 3D
   Web Page Design
   Program Classification

Task Design and
Human Performance:
   Simplify User Tasks
   Reduce Latency
   Habituation
   Noun-verb Ordering
   Interaction History
   Metaphors

Misc:
   The Anti-Mac Interface
   Writing Manuals
   Validation and Errors
   Tog's Principles
   Neilsen's Principles

KDE Analysis:
   KMail
   KFM/Konqueror

Contact Alistair: abayley@bigfoot.com
Last updated: 17-March-2000 09:50