|
The Smaller, the Better: Avoiding Graphical Overload
When you're designing your website, it's easy to start loading
it up with graphics, creating images that you think look good
and piecing them together to make a design. While it's a
tempting way to do things, you have to try to avoid it as much
as possible - otherwise, you'll end up with graphical overload.
Why is that a bad thing? Here's why.
It Takes Too Long to Download
The first reason to cut down on graphics is that the more there
are, and the larger they are, the longer it will take each of
your pages to download. Now that many people have broadband
connections, they're much more impatient than they used to be
when it comes to waiting for pages to download: in most cases,
you have around five seconds before your visitors start hitting
the Back button.
What can you do about this, apart from using fewer pictures?
Well, you can also make sure that you resize your images in a
graphics editor so that their file sizes get smaller. If you
just resize images by specifying a width and height in HTML or
CSS, then they still take just as long to download as they would
have, without the extra time serving any useful purpose.
Also, you might want to consider turning on compression in your
image editor: JPEG files especially can often be compressed by
20-30% before there's any noticeable difference to the human
eye. Try out different formats and compression levels to see
what works.
It Gets Too Busy
If you've ever tried to use a site that has more than three or
four different images on the page at once, you'll know what I
mean by that. Your eye is forced to dart all over the page, not
sure where to focus: the page simply has too much going on at
once. Instead of making your site busy by loading it up with
graphics, you should try your best to keep it as simple as you
can.
One thing I would suggest is that you take a look at the front
pages of a few newspapers, and notice how they only ever lead on
one picture. Putting two pictures on a front page is considered
to be very bad: the reader doesn't know where to look. That goes
double for websites, where the viewable area is much smaller
than a newspaper page. Even if you have more than one thing to
say, it's better to 'go large' with one picture and then explain
the other things in text, next to it or below it.
It Distracts from the Content
Don't forget that most of the people on your site are there to
get information, not to look at your graphics. Too many graphics
will distract visitors from your content, or, worse, even hide
it from them, forcing them to look around before they find it.
Any time your graphics get in the way of people using your site,
you're suffering from graphical overload.
What's the solution to this one? You simply need to think about
whether all those graphics are really needed - the chances are,
they're not. Don't just add graphics because you think they look
nice. Every graphic on your site should have a purpose.
An Exception: Photo Galleries
If photography is the purpose of your site, then you obviously
shouldn't be afraid to put a lot of graphics on one page.
However, you really shouldn't just post large photographs one
after the other. Instead, you need to provide thumbnails:
smaller versions of each image, with the visitor being able to
click on one to make it larger.
This lets you fit more pictures on each page, and avoids
visitors having to spend their time and your bandwidth
downloading files that they don't want to see. You can even add
'back' and 'next' navigation to each photo page, so the visitor
doesn't have to go back to the thumbnails to see your next
photo, if they want to see them all.
About the author:
Information supplied and written by Lee Asher of Eclipse Domain
Services
Domain Names, Hosting, Traffic and Email Solutions.
Lee Asher
More Articles
Mistakes when using Macromedia Flash - PrimeVector
My own mistakes when using Macromedia Flash
I have used Macromedia Flash for all the wrong reasons in the
past and i would like to take some time to warn you, so you
don't have to make the same mistakes i have. Quite some time ago
now i...
Building Printer Friendly Pages - Lauri Harpf
Your site looks like it's working perfectly. You've tested it with several different browsers under various resolutions. The HTML complies with the standards and your CSS is impeccable. Even if all of the above statements are accurate, everything...
What you need to know about CSS! - Rashmi Longia
What you need to know about CSS!
Style sheet is a progressive breakthrough for the advancement of web. Today, more and more browsers are implementing style sheets, opening authors' eyes to unique features that allow influence over...
A Guide To Writing Successful Website Copy - Steve Hattrick
We all know that the lion’s share of web traffic comes through the search engines. We also know that keywords and links to your site are the two things that affect your ranking in the search engines. Your keywords tell the search engines what you...
Does your Website Sell or Smell? - Mark Bellinger
Your website does not stand much chance of selling anything if it pays scant regard to the user.
In other words your Site Visitor's experience, in terms of the following, is what will make your site sell or smell!
The following 7 guidelines are...
Some Places to Go For More Information - Lee Asher
If you feel like you know quite a bit about web design now, but
you'd really like to explore the details a bit more, then this
is the article for you. As web designers are, by their nature,
very likely to be web users and website owners, there's...
How to customize web templates on your own to create unique websites - Mark P
How to customize web templates on your own to create unique websites Web templates are raw materials that need to be refurnished/edited to be published online. Editing web-templates could include content insertion, graphic insertion/modification,...
The Best and Easiest Google-Friendly Change to Your Web Site - Robert Plank
No matter who you are or how much you pay for web site advertising, free search engine traffic is probably responsible for a big part of your business. So why make your web site so hard for search engines to figure out? Luckily, it seems like in...
Score BIG With The Search Engines - Maximising Your Site's Potential - Steve Ashton
I often get asked, "How do I improve my site's performance in the search engine's." or "I have a small budget, how can I compete with the larger sites." It can seem daunting when you type in your key search term and you see Google returning...
Web Accessibility: The Basics - Trenton Moss
What is web accessibility & why is it important? Web accessibility is about making your website accessible to all Internet users (both disabled and non-disabled), regardless of what browsing technology they're using. In addition to complying with...
10 Tips To Creating Fast Loading Websites - Hilum Mburu
Seems to me like most web users (me included) are always in a hurry when browsing. Statistics show that, without a compelling reason, the average user will not wait for much more than 10 seconds for a page to load. So does that...
8 Steps to Design a Surfer Friendly Website That Search Engines Love! - Venkata Ramana
1) Crystal Clear Source Code (HTML/CSS)
Many web-designers give far too much importance to the look and the graphics of the website while ignoring the clarity of the source code. Clean and well-written source code is the first step to website...
|
