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

Submitter’s comments: At the following site, I wasn’t sure if they wanted to take me boating or cut my hair. Can you tell? And the background tiling looks even worse than the tiles on my kitchen floor.

Vincent Flanders’ comments: To truly appreciate the awfulness of the tiling, you have to go to the site (recommended) or look at a full-page screen capture (silly and a waste of 1.7Mb worth of bandwidth). I should note this screen capture was taken on a monitor that’s 1200 pixels wide. If your window is less than ~1067px, the tiling isn’t noticeable. Still.

There doesn’t seem to be enough contrast between the menu text at the top and the background. There are several tools web designers can use to determine the proper contrast. The article Easy Color Contrast Testing lists several.

Headhunter Hair Styling

Submitter’s comments: I see MSY has been previously nominated for the Daily Sucker and even received an honorary award in 2009. MSY have updated their site from early-90s out-of-date in 2009 to late-90s out-of-date now in 2014. They’re catching up! At this rate they may hit contemporary within 15-20 years.

Vincent Flanders’ comments: Nicely phrased. MSY would have made the regular Worst of 2009 list except they changed it enough by the end of the year so I thought the new version didn’t qualify so I put it on the Honorary list.

This screenshot of the 2009 MSY website shows why it sucked back in the day. The “worst” design element is that the page won’t fit on a 1200px monitor so you have to horizontally scroll. The home page doesn’t do very well on Google’s PageSpeed Insights (you also get to see a screenshot of what the page looks like on an Android device).

MSY Technology

Submitter’s comments: Is this a bad website?

Vincent Flanders’ comments: Yes.

I’ve loved magic since I was a little boy. In fact, I love it so much I refused to watch the TV show "Secrets of Magic Revealed" (or whatever it was called) so it’s disappointing to see this website suck.

The 15Mb home page takes 26 seconds to load (per WebPageTest). The pictures at the top—where the navigation should be located—are not links, which you would expect them to be. The navigation starts at around 640px from the top of the page. Yeah, that’s where all the web design books tell you to place the navigation. Oh, and the page is ~31,674 pixels long (on a 1200px wide monitor) and even with the monitor being 1200px wide, I still have to scroll horizontally. Not good.

The rest of the page contains the usual suspects of bad web design.

The Magic of Baltimore

Submitter’s comments: Is it just me or can you find an obvious way to sign up? Tell me it isn’t just me! I was waving money in front of the monitor and everything!

Vincent Flanders’ comments: It’s not really you. I HATE websites that don’t want to take my money. I’ve had several instances where the order form blew up when I clicked the payment button. I had to scroll to the bottom of the page and there I found the magic word “Support.” Clicking that link led me to your usual knowledge base-type article where I had to scroll down and click “How much is a Premium subscription?”

They need to put a Signup/Login or Support button at the top of the page.

Webshots

Submitter’s comments: Their mystery navigation is that it has left people I know clicking what they thought was a menu to important links that took them nowhere. A friend of mine contacted me today to ask if I ever had problems pulling up certain pages on the Web site. Upon examination, there is a long menu list of pages you can go to that don’t even have hyperlinks.

Vincent Flanders’ comments: The menu links running across the top work, but the links on the right side don’t seem to work. Initially, I thought this was an old, dead website but there are event dates scheduled for 2014. Not sure I understand why they made this mistake, but not having links is one of the biggest mistakes you can make.

Christian County GOP