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

Submitter’s comments: The homepage is probably the worst, but there’s much more sucky stuff inside.

Vincent Flanders’ comments: Normally, I don’t look at source code because it’s often a very scary place to visit. However, the source code for this home page looks fine and the CSS file has lots of comments and there doesn’t seem to be anything unusual.

What we have here is mixed text colors and sizes and an image that goes over the borders of the page (DARE—Dictionary of Regional English). You can see what I’m talking about by viewing a screen capture (1Mb).

One outstanding feature on the home page is they let you know you’re going to download a Word Document or a PDF. That’s rare.

Consistency is key here. The key is broken.

National Museum of Language

Submitter’s comments: Same old, same old. Mystery Meat Navigation (MMN) just never dies, does it? My wife was looking for a phone number to call. She never did find it. I found it after about 5 minutes (which IMHO is about 4:59 too long.) Another case of “Just because you can doesn’t mean you should.”

Vincent Flanders’ comments: Flash is “deader” than Steve Jobs (who put a few bullet holes in Flash to help kill it), but architects still seem to love it. We have the usual small text that’s hard to read and symbols at the top right that are difficult to read and even more difficult to decipher their meaning (except for “contact us” and “home”).

It looks like there’s MMN on the home page, but the navigation matches up with the pictures. Unfortunately, the MMN shows up when you click one of the pictures. Try clicking “Process” and you’ll see what I mean.

FGM Architects

Submitter’s comments: I found this true gem, which works fine when Flash is blocked -looks like the no-flash section is not as bad, but unfortunately you do not get to choose: If flash is working, you get the flash version. there is not even a link to the non-flash site, although it would not have been a big deal.

The website otherwise not only seems to be completely Flash-based, but also features a huge intro video (without any content), Mystery Meat Navigation (animated with flying items, no less) and, according to my tests, it does not work in Firefox, does not work in Opera and does not work in Safari. In these browsers you only get an image preloader, an then a not-changing more or less empty Flash site.

The only browser to show the whole animation site on my computer without errors was Google Chrome, but I suppose IE should do the trick.

Vincent Flanders’ comments: You’re right. It’s a gem of an example of bad web design because there is very little right with it. We have Flash Used Badly. Very. Badly. We also have Mystery Meat Navigation (MMN) in it’s worst form (OK, this page has the worst MMN).

Yes, there’s a link to a sitemap at the bottom of the home page. Guess what? It’s hard to read because there’s not enough contrast—the text color is #A7A9AC.

I’m guessing the submitter is using a Mac because the site is viewable—which doesn’t mean usable—on my Windows machine using Chrome, Firefox, Safari, Opera, IE7 and IE10. The folks administering the site apparently don’t have a clue about DNS or redirection. If you leave off the “www” and just type enritec.com, you can’t get to the site—which may not be a bad thing.

Enritec

Submitter’s comments: I found this website from an ad in a website that is about genuine food. I trusted the ad, thinking the website must be good if it’s on this type of website.

However, upon seeing the site I see only: “click to read.” Then I see lots of buttons, making me feel that using the website is complicated.

Then I actually read the content. The content does not suck.

Apparently, the website is done is a format which is used in newspapers that you can read on the Internet and catalogs for websites that sell stuff.

The website is unusual in that it has no content except for the “click to read” part. Usually, you can read the content immediately.

Did I mention the website’s content uses words that I don’t know what they mean—even if Swedish is one of my two native languages?

The website uses a mechanism where the website can be scrolled up and down and to the sides, which I don’t know if that exists on other websites.

Vincent Flanders’ comments: What’s wrong with this site can be summed up in three words: “Flash. Flash. Flash.” Geez.

Chef in a box

Submitter’s comments: Focus, people, focus. Organize a bit – try a real menu. If you have your first page filled with almost-every-conspiracy-out-there, most visitors just might think you are more than eccentric. The site does give some warning:

To best understand this site, we highly recommend the classic movies “They Live” think of it as a partial documentary. Also see “The Matrix” and think of it as an analogy of life on earth. (Ignore the two sequels).

As a two-for-one, visit the sister site for knowledge of health and conspiracies not influenced by those nasty extra-terrestrials using us as batteries.

Vincent Flanders’ comments: Another great example that fits in with my article: Over-the-top Websites. There is a wonderful warning on the home page that would fit right here on WPTS:

WARNING!

If you get upset, stressed or angry after reading anything on this site, do this simple kinesiology technique called EMOTIONAL STRESS RELIEF

Great idea!

Meta-Tech