- Overview
- Web Design Glossary
- Web Design Information
- Fixed Width Web Designs vs Fluid Web Designs
- JPEG vs GIF
- Building websites people can navigate
- The Fundamentals of Web Design
- Logo Design Dublin
- The Perfect Logo
- Flash Microsites
- Choosing a Web Designer the Easy Way
- Flash Website Development and Design
- web design – strategically using animation – part 1
- web design – strategically using animation – part 2
- web design – 10 simple rules to follow – part 1
- web design – ten simple rules to follow – part 2
- web design – ten simple rules to follow – part 3
- the basic principles of great logo design
- Improving your ecommerce strategy
- e-commerce website & myob-commerce website
- design for delivery
- myob ecommerce website integration
- Finding the Right Website Designer
- web designs - keep it simple!
- website designs tips to ensure an optimal website design
- Logo Design
- what is flash?
- html 5 – what to expect
- choosing the right domain for your online business
- website security: protect your web application with a web vulnerability scanner
- choosing a cms
- typography for web design
- overcome creative block - tips for copywriting and web design professionals
- the 404 era in web design
- choosing a qualified web designer
- creative web design
- 4 good logo design tests
- Web Design Dublin
- choosing the right web designers can make all the difference
- Web Design Ireland
- Web Design Jobs Available
- Choosing the Right Company
- Web Design Services
- Web Design Elements
- Web Design By Industry
- Ecommerce Web Design
- SEO - Search Engine Optimisation
- Online Marketing
- 3d Architectural Renders
- Mobile Web Design
web design – strategically using animation – part 2
Animation also leads to longer download times. Animated GIFs,
Flash, Dynamic HTML, Video, etc all have large file sizes that
will take time to download. A common mistake for web
designers is to load up their home page with as much animation as
possible, in the hopes of making a statement as soon as the web user
arrives. If the home page takes too long to load, it’s highly possible
the web user will either leave the site immediately, never to return, or the web
user will venture deeper into the website and bookmark another page, so that
they never have to return to the home page again.
There are many
animation-related pitfalls that budding website designers come
across. Many will design their web pages using
large animations with monstrous file sizes, only to reduce the height and width
when it comes time to code the page. This may visually reduce the size of the
image that is presented to the web user, but it does nothing to reduce the
actual file size and in some cases it distorts the animation. Distorted
animations that take a long time to load will most certainly act as a deterrent
to any web user. Proper software like Macromedia Fireworks should be used to
reduce both the size and quality accordingly.
If you have created
large animations with massive file sizes that cannot be reduced in any way and
you really want the web user to see them, then it’s a good idea to link the web
user to the animation and provide them with a warning that the page may take a
long time to load. If the web user is properly educated before making such a
decision and they still proceed, the web user will patiently wait for the page
to load and consume the animation completely.
Finally, a lot of
web designers use animation simply because they can. Web
designers often see animation on other sites and either copy the code or try to
replicate it, in some instances they might even try to go one step further by
adding even more animation. Animation should not be used for the sake of it, but
rather because it serves some direct purpose. Every single piece of animation
used in web design should be based on the overall
website strategy. Avoid irrelevant animations like scrolling
text, clocks and anything that seems ‘cool’ at the time.


