Example #1: The “Manual 301” Click
The other day I was looking at graduate school options offered by the University of Washington (the alma mater of me and at least 1/4 of my coworkers). I’ve previously blogged about my consideration of going back to school to obtain an MBA, and every so often I still consider doing it. Our COO and lawyer, Sarah, has often said that she thinks I’d make a good lawyer (maybe it’s because I argue with Rand a lot? ;P), and she recently told me about the UW’s concurrent degree program whereby one could get a law degree and an MBA at the same time. I decided to check it out out of curiosity’s sake. Here’s the UW’s Graduate School’s program offerings page:
I clicked on the “School of Law” link and was taken to this page:
Example #2: The “Joke’s On You–That’s Not Clickable!” Click
The next couple examples are courtesy of our own site, lovely little SEOmoz.org. Our recent site redesign resulted in a new side-navigation box that runs along the blog. Several times I have fallen victim to clicking on the little plus sign bullet point icon that sits to the left of my user name and the main navigational categories because I think they’ll collapse the category content. (They don’t. Much like nipples on men, they’re just there for looks.)
Example #3: The “Are These Many Clicks Really Necessary?” Clicks
Another SEOmoz example, comin’ your way! Say I want to edit my profile avatar. I go into my profile and account settings and scroll down to where my photo is. Next to my grinning mug is a checkbox that says “Delete Photo.” I click on that, then hit “Save Changes.”
Once my changes have been saved, I’m taken back to the My Account page, where I have to go back into “Edit Profile & Settings.” I scroll back down to where my photo would be and browse for a new one.
Example #4: The “I Can’t Believe You’ve Taken My Eyes Hostage” Click
You’ve all experienced this: You’re clicking through a site’s article that has been broken into multiple pages, or you’re looking at a slideshow of images. Then, without warning, instead of page 4 of the article or the 7th image in the series, you’re looking at a page-filled ad for Axe Body Spray with a teeny, tiny “skip this ad” link jammed into the furthest corner of the screen. This happened to me when I went to The Onion’s homepage:
Example #5: The “No I don’t Want to Sign In” or the “Why the Hell Didn’t You Keep Me Signed In?” Clicks
There are instances where you want to be signed in and there are instances where you don’t. Let’s start with the Don’t. Lots of retail sites require you to be signed in or have an account before you buy something. Take Amazon as an example. Once you try to add something to your shopping cart, you’re taken to this page:
A nice alternative for retail sites would be a setup like this, which delias.com (a female clothing site) employs:
As for the “Why the Hell Didn’t You Keep Me Signed In?” click, it seems like Digg and reddit are pretty chronic offenders. There’s nothing more annoying than logging in, checking the “Keep me logged in” box, working for a bit, returning to the site later, finding a story you like, clicking to upvote it, and pulling up a “Please sign in” prompt. A few clicks later, you still haven’t voted up that story. Argh.
The above examples are a small sampling of how superfluous clicks can aggravate your user. They can be small-scale and cause nothing more than brief gripes, or they can be a large nuisance and adversely affect your conversion process. Regardless of the result, when designing your website keep a few things in mind:
- Try to accomplish your goal in as few steps as possible while still remaining logical. Can you shorten a 7 click path down to 3 clicks? Start thinking of ways to cut corners without compromising the user experience.
- Don’t force your users to do the work for you. If you’ve moved a page, use a redirect. Your users and your links will thank you! (Well, they probably won’t even notice the redirect, but hey, ignorance is bliss.)
- Don’t create “false clicks.” Don’t make non-linked text look like a clickable link, don’t use icons or buttons that look clickable but aren’t, and don’t feed your mogwai after midnight. (Wait, I think the last tip pertains to something else…)
- Don’t promise your user one thing and deliver something else. If you ask your user if he wants to stay logged in, keep him logged in. If your user wants to buy an item and clicks on the little shopping cart to begin the checkout process, don’t force him to create an account or try out some “free trial” magazine subscriptions. Don’t show a big freakin’ ad when your user is expecting to see a picture or an article.
Of course, these tips have exceptions. If your goal is to generate a ton of signups, maybe you want to force your user to create an account. Or if your site is ad-driven, maybe you want to sneak in the occasional flashing advertisement. Maybe your conversion process does require 12 steps. But as a general best practice, consider the clicks you’re forcing your users to make and determine whether all of them are absolutely crucial. If so, fantastic, keep up the good work. If not…well, then it looks like you’ve got some optimizing to do. 🙂
