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


opens in new window
My Google + Page

subscribe to my rss feed
Subscribe to RSS feed

Follow me on Twitter
Follow me on Twitter


Everything Else

The Daily Sucker - Current examples of bad web design

The Daily Sucker

Sites featured in articles like Worst Websites of 2010 often are redesigned, which explains why some sites mentioned in my articles don't match their current look. The Daily Sucker features current examples of bad web design which haven't been fixed (yet).

If you see a site that you think sucks, email the URL to me. No personal pages (personal pages are supposed to reflect the individual's personality and artistic freedom) or web site designers (it would look like a conflict of interest), or others of their ilk.

If I think there's some merit to your selection, I may post it along with some commentary. If you know of a site that qualifies, let me know.

Draw The Line – An Example of Bad Web Design for October 24, 2012

October 24th, 2012 5:05 am by Vincent Flanders

A bad website

Submitter’s comments: This website is for what is a good cause (in my belief system). Still, whether or not a person supports the cause of women’s reproductive rights, I’m sure everyone but the designer (or the person directing the designer, or both) can agree that this site is a stinker.

At first glance, it looks fine. It looks nice and powerful, but bold. It tells you to scroll down. This is where it falls apart, or at least on my outdated Internet Explorer. Yes, I know, but it’s a work computer, and I’m stuck with whatever I get here. Now, maybe it looks much better on newer, faster software? I think a site asking for public support cannot afford to block out the people who are not making enough money to have all the new-fangled technology. Have a look at it on your least-up-to-date browser and see how it goes.

I’ve just tried it on Firefox and it works a whole lot better, but seriously, it is still so bitty and full of unnecessary features and effects, even though it is glossy and they have some big names connected to it (well, big celebrities, anyway), I just want it over with. The option for just skipping the “advanced HTML5 experience” appears on the Firefox page, the one where the effect actually works, but not on the Internet Explorer page where one is already struggling with getting through it.

Even without the fancy-schmancy effects, you still have to scroll, and scroll, and scroll, until you eventually get to the bit where you sign the petition, the text of which is hard enough to read on Firefox, but terrible on Internet Explorer.

Is this the suckiest page on the web? Perhaps not, but though I support the cause, I’m certainly not recommending it and subjecting my friends to such frustration. So, though they’re not absolutely horrific, blinding, and mind-bendingly awful, are they at least a contender for honorable mention?

Vincent Flanders’ comments: I’m going to probably give it more than an honorable mention. It might make Numero Uno on my list of bad websites for the year. “Vincent. You mean it’s going to beat out Constellation 7?” Yeah. Read on for an explanation.

I hold “cause” websites to a higher standard than commercial websites. When a commercial website sucks, it just hurts employees and stockholders. When a “cause” website sucks, it generally hurts the people it serves–people who are often the most vulnerable. That’s why Draw The Line pisses me off so much (it could be a pro-life site because they’re both causes).

There’s no need to use HTML5 effects on this website because get in the way of the user. It’s a classic example of Mistake #1 from The Biggest Mistakes in Web Design 1995-2015Believing people care about you and your website

Read my lips: Nobody cares about you or your website.

As the home page demonstrates (on my portrait monitor), the page uses HTML5 shenanigans to get you to scroll down so you can see what will happen if you don’t support their cause. Some people with modern browsers will miss the message. Those who see the message and scroll WILL BE WASTING THEIR TIME. The messages can be more effectively presented with good, old HTML. The submitter is absolutely correct–many people who need to see the message will have old, sucky IE6 which, our submitter claims, messes up. Fortunately, I don’t have it. I have IE7 and the page seems to work. But so what?

If the HTML5 effects are so wonderful, why doesn’t the mobile version of the site use them and make you scroll. Here’s a screenshot of the first screen and here’s a shot where I’ve scrolled to the end. The mobile site is fine. Heck, it’s very good. It’s a shame the designers didn’t go “mobile first.”

It seems to me the real purpose of the site is to show off the designers’ HTML5 chops to jack up their personal/professional/company portfolio.

For the above reasons, Draw The Line will probably be the best-looking Worst Website of 2012.

Draw The Line

Posted in Daily Sucker, Usability, Web Design, Worst Web Sites |