Posted Thursday, March 6, 2003
If your site has been around for a while, you'd probably have been visited by the "Web Design Police" (people who have a lot of time on their hands). In fact, depending on your site, you might have been visited by different branches of these people, both advocating opposite policies. We received an email from one of our visitors who had apparently been "helped" by some of these people, and thought that an article on two of the myths of web design is appropriate.
1. The Myth of "Content is King, No Animation/Sound/Java/etc."
The adage that "Content is King" applies to all Web sites, and we are not disputing that. It is also true that when you add sound, animation, Java applets and lots of graphics, your web page takes a long time to load, and some of your visitors may not bother to wait for it to load; they'll just go away.
However, putting those two together does not actually mean that all pages with animation, sound and applets are necessarily bad. The trick is to know when they're appropriate and to make the download speed as fast as it is reasonably possible under the circumstances. We will mention a few ways of reducing your graphics and animation file sizes later in this article.
When is it appropriate? Sometimes applets are needed for some sort of processing - for example, the Sesame Street Web site has a Java applet that shows Elmo (a Sesame Street character) dancing, and the child using it can use the mouse pointer to "tickle" Elmo and he'll respond according to where he is tickled. The applet takes forever to load on a 56K modem, but you cannot say that it is out of place: the site caters to young children who are there to play. In this case, the applet is an appropriate solution. Likewise, animation and sound might be appropriate for sites that feature online comics, online gaming, etc.
In fact, if yours is a Web site that sells Web site design services, that is, you want people to pay you to design their Web site, it is in your interest not to make your site too plain. Many potential customers see your site as an example of what their site can become. There's no point claiming "Content is King" at this time - they won't be around long enough to hear your claim. Such sites need a certain amount of color, graphics, etc., although of course making it take too long to load would also be a deterrent to your potential clients.
Like all things, how you design your site depends on your topic and your target audience. Keep that cardinal rule in mind and you'll be fine.
2. The Myth of "Good Web Design is in the Graphics"
On the other end of the scale are the people who believe a good Web site must have much color, graphics, animation and sound. You might meet them, for example, in the form of newcomers or pundits who either do not have much real world web experience or who only surf on T1 connections.
We encountered a personal website that had large animated graphic that was a few hundred kilobytes in size. That graphic had little function on that page - it did not provide any informative value: it was neither a logo, nor was it a photo of himself, or an image map, or anything at all. It was purely decorative. At that time (many years ago), we were using a 14.4K modem and that page took ages to load.
Now don't get us wrong. Decorative graphics on a page are fine. They make a page more pleasant to look at, and hence more likely to be read. But you should at least make them as small as possible. While we're hesitant to give a hard and fast rule about how big such graphics should be, a decorative graphic that is a few hundred kilobytes in size is definitely too big to be tolerated.
3. Some Page Design Tips
If your concern is that your page should look good without being too slow to load, here are a few commonly used tricks that you may want to consider:
Do not put too much text in one big block. Separate them out into paragraph and put white space between paragraphs. This makes your text look more readable.
Like colored pages? That's okay, but in general, if the readability of your text is important to you, a white background with black text works best.
If you must have a colored background, make sure you try out your page by viewing it in resolutions like 256 colors to see whether the page looks all right. A colored page that looks fine on your 32 bit color resolution system may have dithering that makes your text difficult to read on lesser settings.
If you check the Web sites of big companies (Microsoft, Yahoo, etc.), you will find that they still prefer a white background with black text for their main text. These companies probably have more resources for testing the usability of their Web site than you have, so it may not be wise to scoff at their design too quickly.
Reduce the size of the individual graphics files on your pages by using the following methods:
-reduce the number of colors in the graphic
-reduce the size of the image, if possible
-in animations, reduce the number of frames
in animations, don't duplicate the background in every frame; make the first frame a background without any objects that will move, and put all your moving objects in separate frames with transparent backgrounds.