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

Submitter’s comments: Bruce Elkin has a pretty good website, but when I clicked a link entitled “blog” in the upper-right corner, it sent me to his blog which has an awesomely sucky design. In fact, it’s the ultimate in animated mystery meat that hides and obscures any good content Bruce might have posted!

And it gets worse! Click one of the graphic boxes on the page and, instead of taking you to a content page, it animates the content into a white page floating on top of the page of graphics. Sure, it’s readable and looks great, once it finally loads, but it’s slow, buggy, and annoying.

Bloggers and web designers have invested untold millions of hours in figuring out how to present blog content so people can tell what a blog is about the moment they land on the home page, figure out if they like it, and search and navigate even vast amounts of content.

This design throws all that out the window so it can look cool. Bruce, I am on your site to read your posts. Not to wrestle with some web designer’s graphic nightmares.

At least on the home page the black pop-up thingy is where it belongs, on the page instead of obscuring the scroll bar or trying to take over the universe.

Vincent Flanders’ comments: Back on March 11, I discussed a page on the British Film Industry’s website. My comments, only slightly modified, apply to today’s site:

Pinterest + Mystery Meat Navigation = Supremely Bad Web Design. The Pinterest website made #6 on my Worst Websites of 2012: They Should Know Better list. I know Pinterest is popular, but popularity doesn’t excuse bad web design. The article Why Pinterest-style infinite-scroll layouts are worthless for everyone except Pinterest explains the problems quite well. The bottom line? “The layout works for Pinterest purely because no one goes there looking for something particular, and because it’s not crucial to Pinterest’s success that the user see any one photo. ”

Unfortunately, visitors Create What Matters Most are looking for information. They need a semblance of navigation to aim them in the right direction. There’s no logic to the order and no way to know where they’ll end up unless they mouse over a picture.

Stop using jQuery and Masonry to create this crap.

Create What Matters Most