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

Submitter’s comments: I was struck dumb the first time I visited their website. My personal opinion is that it’s bloody awful as a site in general, but to have it as the site of the town’s only art center?

Vincent Flanders’ comments: As you can see, even on a wide-screen monitor the text gets cut off. Google’s PageSpeed Insights isn’t fond of how the home page is constructed. I’m not either. I looked at the source code and discovered the site was created using NetObjects Fusion – a web design tool I was really, really fond of back in 1996-97. Oh, well. Time moves on. This website hasn’t.

Riverside Art Center

Submitter’s comments: As someone who depends heavily on keyboard navigation, I was flummoxed by the 2014 redesign — Where are the item names? Where are the prices?

Vincent Flanders’ comments: The item names and prices are hidden under the Mystery Meat Navigation. I really don’t like that you can’t tell how large an item is until you click and go to the product’s page.

Their use of filters annoys me. One of the choices offered is “Show in Stock Only.” WTF?! Why are you showing me something I can’t buy? Why?

GamaGo

Submitter’s comments: Take a look.  I could not find anything here.

Vincent Flanders’ comments: It’s just another over-the-top website. Reading some of the material made my head hurt.

Preterist Archive

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