Welcome To My Website!

Welcome to the World's Worst Website!

This web was designed to graphically demonstrate the most common mistakes made by new Web Page designers.

Where am I and where are the links to other pages?

An easy to use navigation structure is essential to any well designed website! Important information should never be more than 2 clicks away. 

This text is hard to readAs you can see, this text is difficult to read. There needs to more contrast between the background color and the text color. Here's another example of a poor choice of a background/ text color and size.

Keep your backgrounds simple. White or light colors usually work best. Your background should not compete with the content of the page for the users attention. If you would like to use a background picture, select a picture that uses muted colors or format your picture as a watermark. Select text colors which will contrast well with the background picture. 
These animations are distractingAnother distracting animationConstantly running animations can be distracting when used excessively. There should be no more than one animated object in your view at any time. Also in this category are excessive, large, flashing & obnoxious advertisements. 
Excessive advertisements: Aggressive pop ups, banners, flash ads and other intrusive ads annoy your visitors, make your site difficult to use and bury your message in a sea of clutter.

Enjoying the music?  Your website visitors probably won't enjoy it either. Usually, it is best to skip the tunes, but if you must add music, be sure you provide a way for them to turn it off!  Place the following HTML5 tag where you want the music player to display:

<audio controls="" autoplay="" loop=""> <source src="soundfile path" type="audio/"type"> Your browser does not support the audio element. </source>

Replace "soundfile path" with the path to your audio file. 'Type' specifies the MIME-type.

Enter the number of times it should run in the "loop" tag. If you leave it empty, it will run until the visitor turns it off.  More on HTML5 Audio here.

Your page should load quicklyUnnecessary use of technology: Splash pages which require you sit through a long download and don't offer a 'skip intro' option. Especially torturous on a dial-up connection.

Fake error messages:
One of my 'pet peeves' are the fake error messages that trick new computer users into clicking on an ad.*A real error message will not scroll up and down with the page. Your pointer will become a hyperlink 'hand' over fake error messages.

Don't click me!

Misspelled werds and impropr punktuation, make yur web look amaturish, and unfinishd.  Awlays run a spel chek befor yu uplode!!!!!!  : )  Enclosing blocks of text within borders breaks up  the flow of the page and causes unnecessary distractions

Pictures which don't load properly could be due to mislabled files, improper or unusual file exensions or errors in the path to the image file.

Alien Spacecraft photo*Breaking News!*

NASA releases first images of alien spacecraft!   
Here's the picture: 

Help users find your websiteSearch Engine Optimization (SEO) is the art of increasing your website's ranking in major search engines. Remember 'Content is King' so include plenty of original, interesting content. Weave important keywords into your text and be sure to use descriptive image tags.

Orphan pages  provide no way back to the originating page. These can cause users to get 'stuck.' 

Hyperlinks that don't work is another problem with poorly designed websites. Click through all your links often and update them regularly.

Hyperlinks of unusual colors can cause confusion for new users.

Hyperlinks which are overly long and don't tell the user where it goes or what it's about
http://calendar.netscape.com/cobrand/netscape/serviceIndex.html?GXHC_GX_cst=fc7eb075024d6164

Hyperlinks that lead to the wrong place:
Click here for local weather information!

Other Browsers & Screen Resolutions: Internet Explorer may be the most widely used browser, but it is not the only one. Others include Chrome, Firefox, Safari and Opera to name a few. Different browsers may display your page very differently. Check your website in as many different browsers as possible. Check it in various screen resolutions. Using tables may help control the layout. Avoid components which only render properly in specific browsers.

Outdated information: If your website contains timely information, you need to keep it updated regularly, or remove the old  stuff like the article below.

old gloryCoast to coast fun as Y2K hits U.S.A.  (CNN: 14-Mar-00)
From the crowd jammed streets of Times Square to the beaches of Hawaii with fireworks, concerts and parties aplenty in between the United States celebrated the arrival of a new year, a new century and new millennium.

DOWNLOAD TIME is one of the most important factors in your web design. Most web surfers will not wait for more than 10-15 seconds for your page to load before they move on. Use pictures that load quickly and thumbnails to link to large images. Avoid excessive scripts and widgets which increase your load time and offer little value to users.

Q: What do they call a geek after graduation? A: 'Boss'<span>You can check out the code or Page Source
<a href="view-source:http://www.angelfire.com/super/badwebs/main.htm"</a><br>
for any website you visit.
<br>
Hypertext Markup Language
(HTML)<br>

is the programming language which tells your browser how and where<br>
to display the page elements. You should learn some basic HTML<br>
so you can find and fix problems with your website.<br>
Here's some HTML tags for layout and design.</span>
email: webmaster@goldnuggetwebs.comThere should be a link somewhere on your page for users to contact you.
Provide an email link at the bottom of the page.

             Here's some links
Look here!for more bad examples and other useful website building tips and tools.

*************************************

This page in Russian This page in Russian
Thanks, Fox89
This page in Spanish

This page in Spanish
Thanks, ArkBlitz

This page in Dutch

This page in Dutch
Thanks, Niek

This page in Italian

This page in Italian
Thanks, Nicoḷ

This page in French This page in French
Thanks, proust96


Share this page:
Share on FacebookTweet!Share on Stumbled Upon!Share on Google+


Website Statistics:

eXTReMe Tracker


 

More Stuff from GNW:

GIMP 2.8 Filters and Effects
A simple and visual guide


Got Linux?
PortalView Live Desktop Wallpaper
Watch the World on Your Linux Desktop!

Check Out My Blog:
Bits & Bytes: Technology Made Simple