VKI Studios is now Cardinal Path! www.CardinalPath.com
Learn more about Cardinal Path

Web Usability Bloopers: Let's Hear Your Favorites!


Brain Katz approaches my desk – smiling lightly, shaking his head in disbelief. I know what this means: He's come across a woefully unusable website and is dying to share it with me...

"Go ahead. Make my day."

He does. This time, it's www.oakley.com. The sunglasses people. Here is Oakley's home page:




Pretty, to be sure. And if you like black, wow have you found your website. But if you actually want to read text, be prepared to strain:




I also loved this message. Just pretend it's all one sentence, and it's bang-on:




I guess we should cut Oakley some slack. Their products are the epitome of trendy. So on their website, image and branding should trump usability. In fact, for Oakley, an Amazon-like experience would be wrong.

Still, even on a fashion-oriented website like Oakley, shouldn't there be some concession to usability?

This is the first time I've ever seen a black-on-black search box. It's a good thing it's properly located (at top right) or nobody would stand a chance of finding it.




Even if you do find it, it's ridiculously hard to use. As you type, text is barely legible. How do you spot errors?




To Oakley's credit, once you enter their Store, usability improves. But their Home page — and the other branding pages — are classic examples of image trumping usability.

What are your favorite examples? If you stumble across a funny case of "user be damned", please post a comment below. We can learn a lot about good usability by examining bad usability.



Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
The one I've had the most trouble with recently is Vancouver is Awesome. http://www.vancouverisawesome.com (make sure to disable your adblockers for maximum awesomeness)

Look at that page. What are you looking at? You don't know. You're attention can't be fixated on any one thing. Every single image on the page is highly saturated. Every piece of text is bold, some of it (like "what we do") is bold AND RED. Everything pops.

It's the ultimate ADD website.
# Posted By KentC | 1/6/11 11:50 AM
Kent,

Wow. That truly is... umm... awesome?? (My head hurts.)
# Posted By Michael Straker | 1/6/11 1:27 PM
even more awesomeness (guaranteed)
Now they are in Sales (a "Profit €1.314 billion in 2009" company)
1. go to http://www.zara.com/webapp/wcs/stores/servlet/home...
2. click on "Man"
3. click on "Collection"
# Posted By Ani Lopez | 1/7/11 2:42 PM
That's a great one, Ani.

Here's another I came across: http://min.us/mbam4Q9ZfmicVC
Every month I have to re-top up. And every time I have to repeat several steps twice, because they can't figure out how to write cookies that save what action you're taking before you log in.
# Posted By KentC | 1/11/11 3:06 PM
Ani, I love it that when you get to that page there's a big image for 'SALE' and you click on it and VOILA, you're now in women's coats!

What the....???? Wasn't I just in the mens collection?
# Posted By Dave Eckman | 1/17/11 4:52 PM
Hey that's great..i liked this.
# Posted By Devluka | 7/5/11 5:09 AM
.