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

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-2015 — “Believing 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