Web Pages That Suck - learn good web design by looking at bad web design

 

Worst Websites of the Year

Worst Websites of the Year: 2012-2005

bad websites are like sinking shipsWorst Websites
of 2012

Worst Websites of 2011

Worst Websites of 2010

Worst Websites of 2009

Worst Websites of 2008

Worst Websites of 2007

Worst Websites of 2006

Worst Websites of 2005


Daily Dose of Bad Design (Daily Sucker)

Current Examples of Bad Web Design Presented Daily (direct link)

Bad Web Design

Overview (direct link)


Good Web Design


Web Design Checklists


Subscriptions

opens in new window
My Google + Page

subscribe to my rss feed
Subscribe to RSS feed

Follow me on Twitter
Follow me on Twitter

Articles


Everything Else

Stupid Versions of the WPTS Home Page

It always amazes me that people come to WPTS expecting to see me use "good" design on this site. It is, after all, called "Web Pages That SUCK." The mistakes I make aren't as bad as most of the sites I feature, but you should also learn from my mistakes.

I've created a number of sucky versions of the home page. Some are so sucky that you would think anyone would get the joke. Not so. Here are some examples:

1. The Page Peel

Another bad web design technique

The "Peel" is a lot like the "Drop" — where an advertisement drops and pushes the whole page down.

There are other problems with my implementation of the Peel. If you resize the window, the top navigation gets pushed past its borders. Here's a screen shot showing the problem.

Yes, the picture is a picture of me — but heavily edited. I've never been able to grow a goatee, still have hair and I don't have any tattoos.

Page Peel version

2. The Drop-Down Ad Version

This is really a bad design.

A lot of web sites now have drop-down ads (World Series of Poker). It's not cool so, of course, I implemented a version for my site. (new window)

3. Random Mystery Meat Navigation Version

random web navigation is not good web navigation

We should all know by now that Mystery Meat Navigation is not for use on "real" sites. I wondered how I could make MMN even worse. Well, how about making the links random? Random Mystery Meat Navigation. (new window)

4. Making it Bad on Purpose Version

People thought this web design was seriouis

When I used this one, people thought I was being serious. No. I was making it seriously bad (new window)

5. Silly Flash Version

A silly Flash version of the home page

Flash is a tool and like any tool can be used for good or evil or stupid. This is stupid. Silly Flash (new window).

6. Even Sillier Flash Version

An even sillier Flash version

I created this in January 2003 to show that the combination of Flash and DuhHTML can be deadly. The regular page sucks massively, but no one got the humor. Even Sillier Flash (new window).

7. Silly Art Fart Version

The artsy version of the home page

You should be able to look at any home page and know what the site is about within 10 seconds. Without the explanatory text, you wouldn't have a clue. Silly Art Fart (new window)

8. Sliding Door Version

Sliding door navigation is not cool

This is similar to the "Making It Bad" entry below except I used DuhHTML to add a sliding door effect. Really stupid. Sliding Door version (new window).

9. It's Valid HTML 4.01, but it Sucks Version

Valid HTML isn't everything it's cracked up to be

Lots of designers are making a big deal out of web sites adhering to "Web Standards." Part of this adherence is using code that "validates." Well, here is one of my home pages that sucks (moderately) that is completely valid. Oops. Validation does not equal anything other than "valid use of code." Take a look for yourself. (new window)

10. The Javascript Menu Version

Javascript menus can be problematic

People complained the menu was too long, so I shortened it using a template I purchased. It doesn't work very well here. The Javascript menu version (new window)

Other examples to come when I create stupid home pages.