Usable Web Designs
   
Perfecting the art of web design
 

Image Reuse
Variable Text Size
Variable Page Width
Cascading Style Sheets
Download Times
Flash
Colour Blindness

Image Reuse


We try to reuse images to reduce the time the visitor spends waiting for images to download. This is done by using the same page header across every page, and by repeating small images to create larger images.

Here are some examples from our own site.

  • The same image is used at the top of every page as a page header. The image is downloaded to the visitor's computer once, when they first enter our site, and is then accessed from their hard drive as they visit other pages of the site. This image reuse not only speeds up page display, but also provides a consistent, professional look from page to page.
  • The image located behind the top level menu is created out of a small image which is repeated from left to right to make a horizontal bar as wide as necessary.
  • On the home page, the collage of images is repeated from left to right if the visitor expands their browser window to be wider than the collage.