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

Submitter’s comments: Total waste of time. Never mind the click-bait aspect. The site owners are obviously only into the ad-grab not information as the name implies. So much is trying to load it regularly crashes. This is after waiting through ads that regularly lock up the screen. The result is you wait again. Read through half the page….crash. Wait, reload, crash. Lol!

This site says it is one of the top business-related websites as measured by traffic.

Vincent Flanders’ comments: I belong to the camp that really likes Business Insider. Heck, I even share some of their stories on my Facebook page. In the past, there have been problems with their mobile app. They’ve fixed the biggest problem: tapping the back button caused the home page to reload instead of going back to where your story was located. There are a lot of articles whose connection to business is tenuous, at best, but I visit the site 2-3 times per day.

I don’t doubt the crashing and locking up problems still occur on some devices. Not sure which. Why I made it a sucker is the repeating stories. This happens when you’re finished reading an article and hit Back. It’s sporadic so it’s not completely reproducible when you want to show it. This screenshot (1.36Mb) shows three stories that were repeated on the home page.

Business Insider (on the iPad)

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