Usability graphics_and_animation Free Web Design Tutorials
Home   HTML CSS JavaScript PHP MySQL Usability Glossary
UsabilityBasicsLayout and NavigationPage Content StyleWeb Page CopyUsability Graphics and AnimationGraphics and AnimationHTML FormsAccessibilityLegal Requirements
Home > Usability > Graphics and Animationprinter version

Usability - Graphics and Animation

Good graphic design can make or break a website. However, often graphic design is considered before the architecture of a website - with usability suffering as a consequence.

It's vital that graphic design should be addressed only after usability has been satisfied. This places constraints on graphic design but this should be thought of as an opportunity to innovate within the limits imposed.

Web pages impart information primarily with text so text shouldn't be overshadowed by images. Except in the case of images that illustrate, most images are there to enhance the user's experience by making text content less bland and this should be remembered.

Animation

Animated web graphics are normally either GIF or Shockwave (Flash).

GIF Animation

GIF animations are constructed using separate graphic frames that are displayed at intervals on top of each other. One drawback is that the resulting file size may be very large and this slows download.

Shockwave Animation (Flash)

Shockwave animation is far more sophisticated than GIF and also requires much smaller file sizes.

When considering animation ...


Animated GIF
A GIF animation

A Shockwave animation


Previous - Usability - Web Page Copy Previous - Web Page Copy     Next - HTML Forms Usability - HTML Forms


Privacy | Terms | Contact | Links | Sitemap | RSS Feeds RSS and JavaScript Feeds
©2009 www.webdesignworkmate.co.uk all rights reserved 
Design and Production by smallbizonline website design © 2000-2009
Valid HTML 4.01! Level Double-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0Valid CSS!
Recommended Reading
Don\'t Make Me Think - A common sense approach to web usability

prioritizing web usability

deliver first class web sites