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

 

Worst Websites of the Year

Worst Websites of the Year: 2011-2005

bad websites are like explosionsWorst Websites
of 2011: 63+ Contenders

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

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.

spd-engenhahn – Example of Bad Web Design for November 3, 2011

November 2nd, 2011 8:08 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: This one really sucks…It’s from a small town’s (Engenhahn) local committee of one of Germany’s major parties (Social Democrats, SPD). Doesn’t even feature the party’s logo or colors, though, but that might actually be a rather good idea…

Vincent Flanders’ comments: In this day and age, you often don’t want people to know your party affiliation. The only people who can look at the thumbnail and say, “Verdammt, das ist glatt (Damn, this is smooth)” are the people who authorized the site. Everyone else sees it for the sucker it is. Speaking of “Verdammt, das ist glatt,” I came up with this phrase using Google Translate. Google also came up with “Marius White – a member of parliament to touch.” Somehow, I don’t think this is the correct translation.

I love the repeating background, the home page TITLE tag of “home” and the multi-colored text.

spd-engenhahn

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


TechCrunch Disrupt – Example #2 of Bad Web Design for November 2, 2011

November 2nd, 2011 5:05 am by Vincent Flanders

this site is badly designed

Submitter’s comments: Uh…what gives with the light text?

Vincent Flanders’ comments: If #666 is Satan’s CSS and violates the W3C’s guidelines on contrast, then TechChrunch Disrupt’s destroys it with text that is #888–33% more Satanic. The regular TechCrunch site uses #000, your standard black text. I read TechCrunch at least 3 times a day. I won’t be reading future Disrupts’

TechCrunch Disrupt

Posted in Daily Sucker, Usability, Web Design |


FedEx – Example #1 of Bad Web Design for November 2, 2011

November 2nd, 2011 5:05 am by Vincent Flanders

this site is badly designed

Submitter’s comments: I can’t read it very well.

Vincent Flanders’ comments: For those of you who don’t understand the concept of contrast, my Daily Sucker from 9-9-9 explains it quite well.

Even though the line height on FedEx’s home page keeps the text separated, it requires effort to read the page. Visitors shouldn’t have to strain to read your text. FedEx uses #666– Satan’s CSS — throughout their site. I’ve met a few of their web employees and they’re too smart for this.

EedEx

Posted in Daily Sucker, Usability, Web Design |


Don Norman is right. Of course he is.

October 31st, 2011 6:06 am by Vincent Flanders

http://design.ucdavis.edu/ – Sucks. Sucks. Sucks. Then to suck it up further, it’s Flash.

Original article. Oh. This reading list sucks in Chrome. You want to talk about tiny, tiny type…

Catch UC Davis’ flying birds. Yes, they may be the best flying birds on the web, but it’s still the best of a bad technique you should never, ever use on your site.

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


Reticencias – An Example of Bad Web Design for October 31, 2011

October 30th, 2011 8:08 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: Well it seems that some art critics do not apply their talent and knowledge to their own websites. This one is a classic Mystery Meat Navigation case associated with multiple scrollbars and stuff. Oh my!

Vincent Flanders’ comments: I agree. Why not just set it up with four columns? The other thing that’s amusing is that when I told Google to translate the page, it said it did. No, it didn’t. There’s a function on the options drop-down where you can tell Google there’s a problem. That brings up a new problem. You can only tell Google they have the wrong language. You can’t tell them they didn’t translate the page.

Reticencias

Posted in Daily Sucker, Usability, Web Design |


Miami Xtreme Youth Football – Bad Web Design Example for October 27, 2011

October 26th, 2011 11:11 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: Ouch. This site breaks all the rules. I don’t even know where to begin.

Vincent Flanders’ comments: Wow! The animated GIF for Breast Cancer Awareness is so horrible it almost makes me want to root for the #2 cancer killer of women. (Lighten up. It’s a joke. On the other hand, it could also be viewed as my commentary on priorities.) I don’t even want to know what extreme football means. These are kids, for heaven’s sake.

The site, while colorful, sucks. Speaking of things that suck, those two malcontents who brought the word “suck” into the mainstream—Beavis and Butthead—are coming back to TV tonight after a 14-year absence. (This is so totally NSFW that it gives me a brain freeze.) Without the Three B’s—Beavis, Butt-Head and Bill Clinton—the word “suck” would still be edgy and I’d still be getting email about how horrible I am for choosing this domain name.

Speaking of horrible, let’s hear it for Xtreme Youth Football Cheerleading.

Miami Xtreme Youth Football

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


Airportfleet.co.uk – Bad Web Design Example for October 25, 2011

October 24th, 2011 11:11 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: Have a look at this site. What do you think of it? It’s great.

Vincent Flanders’ comments: I think the site has some problems. First, there are error messages that quickly flash on the screen and disappear. The messages are:

Warning: ini_set() has been disabled for security reasons in /home/airportf/public_html/libraries/joomla/session/session.php on line 102

Warning: ini_set() has been disabled for security reasons in /home/airportf/public_html/libraries/joomla/session/session.php on line 105

Warning: ini_set() has been disabled for security reasons in /home/airportf/public_html/libraries/joomla/session/session.php on line 682

Warning: session_start() [function.session-start]: Cannot send session cookie – headers already sent by (output started at /home/airportf/public_html/libraries/joomla/session/session.php:102) in /home/airportf/public_html/libraries/joomla/session/session.php on line 423

Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /home/airportf/public_html/libraries/joomla/session/session.php:102) in /home/airportf/public_html/libraries/joomla/session/session.php on line 423

Warning: Cannot modify header information – headers already sent by (output started at /home/airportf/public_html/libraries/joomla/session/session.php:102) in /home/airportf/public_html/libraries/joomla/session/session.php on line 426

Next we have raw Google Analytics code showing through the page just below the site title. You can see it in the screen capture above.

Someone was performing Quantity Assurance instead of Quality Assurance.

Airportfleet.co.uk

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


HempWorld – Bad Web Design Example for October 24, 2011

October 23rd, 2011 9:09 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: It’s like a time machine.

Vincent Flanders’ comments: Just what the world needs. A time machine that takes us back to a time when suckier web pages ruled the Internet.

You start off at the root site and if you don’t click the globe (another freakin’ globe), you’re taken to The Hempstore and if you dawdle too long, you’re taken to a page about cannabis candy. They say it’s legal, but I don’t think I’m going to try my luck—I don’t have any.

At the Hempstore there are three choices, the HempHotel, the HempFarm, and the HempStore. At least the pages look pretty much the same.

It’s another Over-the-top Website and that’s all you really need to know. One more thing. The copyright dates are 1993-2005. Interesting because the web didn’t really take off until the end of 1994.

(Aren’t you proud of me? I went until the end without one drug reference.)

HempFarm

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


Daily Sucker #3 for Oct 23, 2011 – A school for the blind

October 23rd, 2011 8:08 pm by Vincent Flanders

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


Daily Sucker #2 for Oct 23, 2011 – Another architectural firm sucks

October 23rd, 2011 3:03 pm by Vincent Flanders

Posted in Daily Sucker, Usability, Web Design |


Daily Sucker #1 for Oct 23, 2011 – The Worst Website of 2010

October 23rd, 2011 3:03 pm by Vincent Flanders

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


Chiptune – Bad Web Design Examples for October 21, 2011

October 20th, 2011 9:09 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: Here’s a music repository with a monumentally counter intuitive UI. Watch and be amazed. At least it doesn’t use Flash

Vincent Flanders’ comments: Another WTF website. Just because you’re a site about retro game music or something, doesn’t mean you have to keep the motif in your design. Sites with the word “global” in them don’t (usually) use a globe on their site.

Chiptunes

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


Sony – Bad Web Design Examples for October 20, 2011

October 19th, 2011 10:10 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: I would love to see Sony castigated on your site. If you look at the EX Series Earbuds page, you’ll see they’re using gray on white text.

Vincent Flanders’ comments: I don’t think I’ll castigate them, I’ll just severely criticize them or inflict severe punishment on them <grin>.

WTF is going on? It’s bad enough sites are using #666 (Satan’s CSS) for their text, but Sony is using #999 — which is 50% more of Satan’s CSS. If they don’t want us to read something, don’t use words. In Sony’s case, they’re hiding marketing BS, which is redundant.

They use #666 in their description of the product — ” Destined to become your favorite accessory…” Let me tell you something from many years of experience. If a pair of earphones is your favorite accessory, you lead a very, very sad life.

Heck, by comparison, their footer is easy to read. Normally, that’s where you can legitimately use #666 or 999.

Sony

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


Are They Responsible for Architects’ Bad Design? Bad Web Design Example #3 for October 19, 2011

October 18th, 2011 8:08 pm by Vincent Flanders

I’ve been trying to figure out who is influencing architects to make their sites unreadable. I think I might have the answer. Architect Magazine and World Architecture News both use light gray text. Then again, it’s a chicken/egg situation. Which came first? The architects’ design or the magazines’? See my posts on architectural firms Kieran-Timberlake and Perkins-Will.

Posted in Daily Sucker, Usability, Web Design |


Kieran-Timberlake – Bad Web Design Example #2 for October 19, 2011

October 18th, 2011 8:08 pm by Vincent Flanders

This website sucks

Vincent Flanders’ comments: This is an architect quoted in the article about Steve Jobs that I mentioned in the previous Daily Sucker. The site uses Mystery Meat Navigation that fades in and out. Think about it. How stupid is this? Do you want your road signs to fade in and out? If you don’t want to waste your time visiting the site, here’s a screenshot.

Kieran-Timberlake

Posted in Daily Sucker, Usability, Web Design |


Perkins-Will – Bad Web Design Example #1 for October 19, 2011

October 18th, 2011 8:08 pm by Vincent Flanders

this site is badly designed

Vincent Flanders’ comments: I was reading an article about the Apple Store’s design and ran across links to…guess what?…architects. Since architects produce wild websites or beautiful websites that suck, I had to go and visit some of their sites.

What’s the biggest mistake these high-end architects make? Well, they seem to love Satan’s CSS, which is the use of the color “gray” or #666 for text (666 is allegedly the sign of the beast). Why is this wrong? Because it’s difficult to freaking read. The W3C says it’s difficult to read and if architects don’t follow standards, their buildings fall down. Now, their websites fall down. I realize that pictures are what it’s all about for architects, but if you don’t want me to read the text, don’t write any text.

If you’re interested in having a solid foundation, AccessColor describes the intricacies of contrast really well, as does Wikipedia. A new website has taken up my cause about contrast and it’s called, logically enough, Contrast Rebellion. Since artists and architects think graphically, maybe if they look at Contrast Rebellion they’ll understand the importance of contrast and change their ways.

Perkins-Will

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


The 20 Worst Websites of 2011: Second Quarter Contenders and How These Sites Relate to Your Website

October 12th, 2011 12:12 am by Vincent Flanders

Bad web design smells up your website

It wouldn’t take me very long to go through three-months’ worth of Daily Suckers, pick out the 10-3o worst, write a short paragraph and put a link to each site. In fact, that’s what some KidsToday want. They write and tell me, “You have too many words. Nobody reads.” Translation: “I don’t read.”

Because people don’t read they don’t understand why their site is listed on WPTS. You don’t believe me? The owner of a site that’s on one of the 2011 lists emailed me saying he worked on his site and wanted to know if it still sucked When I went back to look, the only thing that looked different to me was that the background music was removed. He didn’t read what I said and didn’t read the comments.

I’m hoping that what he wants—what everyone wants—is detailed lists of exactly what’s wrong. That’s why I’ve added a section called, “Does your website make any of the mistakes made by XYZ?” When you click, I’ve used my Web Design Checklist 1: 165 Mortal Sins and Web Design Checklist 2: 83 Potential Mortal Sins to try and identify exactly which mistakes they’ve made.

The 20 Worst Websites of 2011: Second Quarter Contenders and How These Sites Relate to Your Website

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


The Worst Websites of 2011: Third Quarter Contenders (First Run-Through) and How These Sites Relate to Your Website

October 12th, 2011 12:12 am by Vincent Flanders

I'm planning this article

I spent a lot of time working on the Second Quarter Contenders so it would be in its final format. I’m three months behind on the Third Quarter and I have 33 contenders for worst site instead of “only” 20 in Q2. So instead of waiting to produce perfection, I’m breaking the process down into five steps—I call them “Run-Throughs”—and giving material to you as I create it.

What I’m releasing today is Run-Through #1. When I complete a section, I’ll check it off and you’ll know there’s something new to read. Here are the five:

  1. Examine Daily Suckers and pick out the worst of the worst.
  2. Edit and simplify the text, add screenshots and add commentary from my brilliant readers.
  3. Put sites in order of suckiness. Eliminate the “not-so-sucky.”
  4. Add “How These Sites Relate to Your Website” commentary, if necessary.
  5. Final format.

It’s ugly, but there’s still value in the material.

The Worst Websites of 2011: Third Quarter Contenders (First Run-Through) and How These Sites Relate to Your Website

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


Dell and TechRepublic – Bad Web Design Examples for October 4, 2011

October 4th, 2011 1:01 am by Vincent Flanders

this site is badly designed

Submitter’s comments: Probably a ghastly waste of bandwidth; certainly a Whiskey Tango Foxtrot. I found this site by accident when I clicked in some blank space at the left of a TechRepublic article to put focus on that window again. TechRepublic’s “hidden” ad link probably qualifies as its own hurl inducing experience.

Vincent Flanders’ comments: What you don’t see on the above screenshot is the dizzying TV footage that is, at the very least, distracting. I’m not sure who is the target audience. The ad appears on a well-respected tech site (I certainly respect it). Perhaps the ad appears on an education website and a health care website, etc.

If you click one of the categories and go to one of the boxes, you’ll see that Dell uses light blue for their links. Dell also uses the same color on text in the box. Not a good idea.

As the submitter stated, he clicked the blue area to the left of the article to get focus on the window. Surprise! He didn’t know—and why would he—that this area is a link. I’m not fond of this technique. I can’t imagine many potential customers are snared this way. Maybe this is an old technique, but I’ve never seen it before. I hope I don’t see it again.

You need to see the ad in action so I made a video. I apologize for the audio. I think I set the quality too high.

Dell
Video of the sneaky ad technique

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


Cemetery Software – Bad Web Design Example for October 3, 2011

October 2nd, 2011 10:10 pm by Vincent Flanders

this site is badly designed

Submitter’s comments: Go back to the mid-1990s! My eyes kept focusing on the click here, but I really couldn’t tell why I should click there. Lots of color to distract you. Would I even consider buying their software? No way!

Vincent Flanders’ comments: Some visitors don’t believe that this type of website still exists—I’m afraid they do. Others believe that the owners know their sites are bad—No they don’t. I featured one website for “obvious reasons.” A while later, the owner wrote back and said he had revised the site and asked if it still sucked. I went to the site expecting something new and wonderful and I couldn’t see anything different except he removed a sound file that automatically played when the page loaded.

I suspect the owner of this site doesn’t know it sucks. It does. Go through Web Design Checklist 1—156 Mortal Sins That Will Send Your Site to Web Design Hell and Web Design Checklist 2 – 83 Potential Mortal Sins and see how many mistakes are made.

As an addendum. This (WPTS) site sucks. I’ve never been pleased with it, but that’s OK because this is WebPagesThatSUCK. Even though it sucks, it’s infinitely better than today’s sucker—or almost any sucker on here (except for some sites with just contrast issues). If his site sucked as much as mine, this would be a much, much nicer looking web.

Cemetery Software

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


Atomic Data – Bad Web Design Example for September 29, 2011

September 28th, 2011 9:09 pm by Vincent Flanders

atomic data sucks

Submitter’s comments: I’m not sure what to make of this beast. It’s so ugly I sort of want to
keep looking at it because sooner or later, maybe I’ll “get it.” At the
present moment, I don’t.

Vincent Flanders’ comments: I don’t know if it’s ugly. It seems misguided. My problems start at the very beginning—the company name and tagline. Atomic Data: Simple, Safe, Smart. When I read those words I think, “Nuclear, Complex, Explosive, Dangerous, Japan, Boom.” Nobody outside the nuclear industry thinks “Simple, Safe, Smart” when they think “at0mic.”

Instead of getting the feeling I’m looking at a data center and a cloud, I feel I’m looking at a nuclear reactor. That’s not a good impression. The yellow motif consciously makes me think “emergency.” Yellow is the wrong color for this site. Blue would work much better. Almost any color except yellow and red.

The home page Lightshow conveyor belt is very annoying. I should know. I’ve used them here and annoyed lots of people. Almost as many as my slow-sliding elevator menus <grin>. When I go to the TV page, I don’t see anything relating to video. The conveyor belt goes too fast and it’s too hard to stop where you want to stop.

On the other hand, I like the fact the PDFs are identified.

Atomic Data

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


Tamborra Design Group – Bad Web Design Example for September 27, 2011

September 26th, 2011 8:08 pm by Vincent Flanders

another daily sucker

Submitter’s comments: Here’s my ALL-TIME favorite, awesome, architect website.

Vincent Flanders’ comments: I seem to have a fetish for architects’ websites. My initial fascination was over how outlandish and mysterious they were because they seemed to adore Mystery Meat Navigation. I even have a page devoted to architects that I’m revising because so many of the sites I featured have changed. I hope I provided some inspiration and impetus to get them to change.

Today, we have an architectural website anomaly. Instead of an architect’s website that’s “out there” like the old Zaha-Hadid site, we have an architect who is inspired by 1997 website design.

Yes, it’s using some sort of Microsoft-generated theme but it’s doing something I’ve never seen done on a website. I’ve seen websites that tell you that your monitor needs to have a specific resolution, but I’ve never seen one that tells you your monitor’s resolution and then tell you to change it. Cleverly arrogant.

Thank God I can’t tell you the last time I saw a Java-animated logo that ripples when you move your mouse over it. Other elements that are wrong include the marquee, animated GIFs, cheesy navigation buttons and—oh, my God!—I haven’t seen the following two mistakes from Web Design Checklist 1: 156 Mortal Sins That Will Send Your Site to Web Design Hell for a long, long time

Don't tell people what browser to download Our site has “Download latest browser” text or buttons.
OMG FrontPageOur site prominently displays what hardware and software was used to create the site.

Tamborra Design Group

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


Sixties Press – Bad Web Design Example for September 22, 2011

September 22nd, 2011 5:05 am by Vincent Flanders

Submitter’s comments: I would like to submit the following website for consideration: Sixties Press. When I went to their website I gave an involuntary shudder. The header is barely readable: it looks like something created in Microsoft Paint with every imaginable effect added on. The picture of the editor has this weird effect where it looks like ripples in a pond. There has to be at least 20 different colors on the page with no rhyme or reason. I hope you will agree, this web page really sucks.

Vincent Flanders’ comments: I suspect that everyone except the site owner agrees with you. I suggest the owner read (and as a publisher he has no excuse not to read) about Mistake #6 from Biggest Mistakes in Web Design 1995-2015Have you ever seen another web site? Really? Doesn’t look like it. Actually, he should read the whole article along with my series of checklists on bad web design:

Checklist 1 – Fatal Mistakes
Checklist 2 – Big Mistakes
My Site Sucks. What Do I Do Now?

Actually, the home page reminds me of some things I saw back in my college dorm in the 1960′s. Fortunately, the color combinations were much better.

Sixties Press

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


Leslie Joseph – Bad Web Design Example for September 21, 2011

September 20th, 2011 8:08 pm by Vincent Flanders

Submitter’s comments: I came across this, the website of famous British actress Lesley Joseph, and I have to say I think it’s the worst, most pointless website I’ve ever seen.

Vincent Flanders’ comments: It’s really pretty amazing. A small text logo—on the right side, but directly across from a graphic that you think would contain a real logo. I assume the large empty space at the top is for a banner ad, but right now it’s large and empty. It’s also difficult to read her last name because it conflicts with the background.

My favorite part is her comments on the mid-right side:

Do not be fooled, this is the real Lesley Joseph official website. I am an English actress and am starring in The Vagina Monologues!

I wonder if the fake Lesley Joseph has a better-looking unofficial website.

Leslie Joseph

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


Mike Rowe Works – Bad Web Design Example for September 19, 2011

September 18th, 2011 10:10 pm by Vincent Flanders

Submitter’s comments: This site is based on the work and experience of Mike Rowe and his Dirty Jobs program. Great idea to help America work for America, but the designers of the site are clearly stuck in 1995 and are fans of MS Bob.

This site’s “navigation” is so counter-intuitive that I couldn’t spend more than 10 seconds mousing over crap objects to figure out what did what.

Vincent Flanders’ comments: Time Magazine called Microsoft Bob one of the 50 Worst Inventions of All Time. Well, at least one person found success with Microsoft Bob.

Yeah, what’s with this layout? I’m thinking it’s more 1997 than 1995. I’ve featured a few of these Bobs in the past: Billy Connolly, Brill Publications and the old BVS Performance Center for Banks come to mind—probably because they burned a hole in my brain. No, wait. That was the subdural hematoma. If my memory serves me well—and it doesn’t always—this type of format seems to be popular with TV, movies and other artistic endeavors. It needs to stop being popular.

Mike Rowe Works

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


« Previous Entries Next Entries »