1. No page counters: Page counters do nothing except make you look like an amateur, mess with your design and tell people information about your site you probably don’t want them to know! If you want to know how many people are hitting your site, just ask your host for server stats. Any host worth it’s salt should be able to provide you with detailed stats that make page counters look stupid.
2. Forget blinking or flashing text: The only place you see blinking and or flashing text is on the neon signs of naked bars or circle 1995-96 web sites! People don’t like them and expect to see naked people inside sites or buildings that have them … enough said.
3.
Make your titles on your web page make sense: One of the core attributes of
a web page is its title. In between the <title> </title> tags you
can specify the page's title as it appears in the browsers top title bar and
in the search engine results.
People pay attention to page titles, so you should make sure that they are clear.
If you have a page on how to take care of dogs and you happen to have a dog
named ‘Jimmy’ don’t title your page: ‘How to look after
Jimmy and his furry friends.’ You should title you page something like:
‘How to take care of dogs.’
4. Don’t force people to download a new browser of special plug-in to see your site: Unless you have a site that people are dying to see, why limit your audience because you want to use some special features in a browser or a plug-in like Flash. Today, with proper use of CSS and HTML you can present fantastic looking pages without having to jump through the hoops old timers like me had to when garbage browsers like Netscape 4 were being used in great numbers.
5. Think twice before using framesets: In the olden days you could argue a use for framesets because of HTML’s lousy layout capabilities. Today with CSS positioning being well supported by all the major browsers there is no need to use framesets for just about 99.9% of websites. Why don’t you want to use framesets you ask? Well beginners tend to have trouble creating and using them properly. Framesets tend to make websites more complicated than they need to be and finally they can cause you all kinds of problems with the search engines.
6. Don’t try any stupid cheat tricks in an attempt to fool the search engines: In the past we webmasters developed various nefarious (disreputable) methods in an attempt to get higher rankings in the search engines. Tactics included putting hundreds of key words on the pages as invisible text etc … These tactics may have had some limited success in the past, but those days are long gone. Try to fool Google (the king of search engines) and you and your web site will die a horrible and painful death! I will not describe how to get high rankings now, but keep this is mind: good content honestly presented is the foundation of high rankings and high traffic for your site.
7. Chat rooms: Most people don’t give a crap about chat rooms. And worst than having a chat room is an empty chat room! Who wants to hang out at a club that has nobody inside? So unless you have a web site with tens of thousands of visitors a month and is of a subject that might necessitate a chat room, don't do it.
8. Flash intros: I am guilty of this as much as the next guy. A few years back Flash intros where all the rage, not sure if anyone knew why we ‘needed’ them, but as it turns out the ‘skip intro’ button is the 2nd most clicked on the web today. Don’t waste your time on Flash intros and in my opinion Flash should be only used in special situations.
9. Under construction pages: Just forget it, if the page is not ready, don’t put it up. If you have links that are pointing to the pages, disable them until your page is ready. If your page is truly ‘under construction’ and has content on it that is ready to be seen by your web surfers, just post a ‘last updated’ date and make sure you get the new content in place soon. What ever you do, don’t put one of those cheesy ‘under construction’ images on the page.
10 Don't use background music on your web pages!
Some web designers like the idea of a little background music to set the mood of the page. In special cases like say an MTV or Disney website, this can work. But for most websites this is just a bad idea for a few reasons:
Music
files are typically pretty ‘heavy', and take time to download. Most surfers
will not think that it's worth the wait. Besides, many computers simply don't
have sound capability, so it seems silly to force these people to download something
they can't use.
Unexpected music/sound spewing forth from ones PC can be very annoying and potentially
cause problems.
If you want to have music on your web site, make it an option that the user
can turn on and off. A good way to do this is with a Flash movie; most browsers
come equipped with the Flash plug-in and the Flash supports compact MP3 files.
Of course, if you just want to give users the option to hear some piece of music,
like your bands latest tune, or a sound clip from an interview, the easiest
solution is to create an MP3 of the audio, and then create a link to it.
11 Don't use Internet Explorer's scrolling ‘marquee' tag.
Internet
Explorer came out with the infamous ‘marquee' tag in version 3. This HTML
tag (that only works in IE), allows you to create a stock quote like horizontal
scrolling display of whatever text you put in-between the tags.
There are options in using the tag in terms of how the text is animated, but
in a nutshell, you get animated text scrolling across your page. Some web designers
like it, but most surfers don't. Scrolling marquees make your page look cheap
and take away from the rest of the page.
Tickers like that make sense when the information it displays is constantly changing. Stock quotes are a great example of when you might use a marquee display. But for static text, it is just a bad idea for the most part.
12 Do keep the structure of your web pages consistent throughout your website.
Some web designers get bored with what they're doing and decide to create a different structures to their web pages within same web site. A classic example is found in the way navigation works on different pages; one page may have the navigation menu across the top of the page then on the next page it will along the right side and so on.
People like things consistent, so your web pages should be too. That's why all windows programs have the same look and feel; the same goes for the Mac programs.
13 Don't create automatic pop-up windows!
JavaScript pop-up windows are probably one of the most annoying things you can do to someone visiting your website. If you want to annoy your visitors go right ahead.
Pop-ups are typically used to present ads and other ‘non-core' material to users. If you use pop-up windows, you have to learn how to integrate those elements into your main pages and forget about pop-up windows.
14 Do use standard design styles for your navigation.
Sometimes as web designers we may be tempted to use some funky navigational system. Things like navigational links arranged in a circle, or some sort of freaky 3d cube that you have to rotate to find the web page links; this serves only to confuse people.
Big companies like Apple and Microsoft have spent a tone of cash to figure out what types of navigation works, and what they found is that left side navigation and top navigation is what people are used to.
15 Don't automatically resize a visitor's browser window.
Some designers will come up with a style is that looks best with a particular screen size, so they will use JavaScript that will resize the users window to fit that size. This is another surefire way to tick people off; people will typically set their browsers to the window size they are comfortable with.
If your style requires such precise window sizing to work, you need to change your style! There are many factors that can affect the screen real estate that visitors may be viewing your web pages with (window size, screen resolution, browser text size), as such you should strive to create fluid and flexible page layouts because it is not possible to control all those factors.
16 Do make you web pages viewable at 800 x 600 resolution.
Many web designers have computers that can display higher resolutions like 1024x768 and 1280 x 1024. They design there pages to fit in that resolution, when someone hits those pages with a computer that can display only a maximum of 800 x 600, the visitor has to scroll to see the page properly.
Scrolling web pages vertically (top to bottom) is ok, as long as it's not more than two and half pages or so. But scrolling horizontally (side to side) is really bad and annoying to visitors.
In a nutshell, you want to design all your pages these days for 800 x 600; they make up about 40% of the web audience!
17 Don't automatically redirect visitors except in very special circumstances.
Sometimes
web designers will use JavaScript or other ways to automatically redirect visitors
from one page to another for various reasons. This can confuse people, and it
can cause problems with the search engines. If you want to send people to another
page, create link with a little explanation as to where they're going.
The general theme here is that you should not try to take control away from
the visitor except under special circumstances.
18 Do create a custom 404 ‘Page not found' page.
We've all seen them, 404 pages. On websites that are served by Windows servers it is a plain white page that has this text:
The page cannot be found
The
page you are looking for might have been
removed, had its name changed, or is temporarily
unavailable.
Please try the following:
If
you typed the page address in the Address bar, make sure that it is spelled
correctly.
Open the www.fakesite.com home page, and then look for links to the information
you want.
Click the Back button to try another link.
HTTP 404 - File not found Internet Information Services
Technical Information (for support personnel)
More information:
Microsoft
Support
Not very friendly and not useful to visitors, since the page itself doesn't
give you much information. The solution is that you can create your own 404
page and have that appear instead of the practically useless one that you see
above.
A 404 page is just an html page like any other, you just need to ask your host to set it up so you can use your own home made 404 page. A good 404 page will be clear to the visitor that they found the right website, but just not the right page. 404 pages should include a link back to your ‘home' page and maybe the site map page. If you have a search engine built into your site, then include the search too.
19 Do create a site map page.
A site map is a simple web page with text links to all the websites sub-pages organized in proper categories; a lot of people will use a site map if they can find one.
20 Do keep your web pages under 60k in size.
Web pages can be made up of text, images (GIF, JPEG and PNG) and multimedia content like Flash movies and QuickTime video etc. When you add up the size of all those elements in kilobytes, you get the total amount of kilobytes someone will have to download to see the entire page. This is typically referred to as simply the ‘page size'.
If someone has to wait over 10 seconds to see your page, you are probably losing most of your potential audience. High speed Internet is growing steadily, but the majority of surfers are still on old 56k dial-up modems. That means that you are begging for trouble if your pages are over 60k.
21 Don't center everything on your web pages.
Centered text on pages is just hard to read; just think about having to read a book where all the text was centered! Print rules have been refined for well over a hundred years now, and they work well. When in doubt about layout, think about how they do it in print.
With that in mind, for western cultures, left justified text (text that is lined up on the left side of the page) is the way to go. You can center major titles or something similar, but do it very sparingly.
22 Don't rely on JavaScript to work on your pages.
The last statistic I've seen, about 10% of people on the web can't run JavaScript or they have it turned off! That basically means that you can't use JavaScript for key features of your website; key features like JavaScript enabled drop-down menus for navigation.
That doesn't mean you shouldn't use JavaScript based menu system, but it does mean that if you do, you should provide an alternative like simple text links at the bottom of your pages, or a link to a site map so that people can still navigate your website.