Priority provides clarity
Written by Verne on February 16th, 2009
Websites have grown increasingly complex and robust over the last decade. We don’t really think about how much today’s web applications have blurred the lines between the desktop and the web but the transition is surprisingly smooth and seamless. Also interesting to note is the idea that the web isn’t just filled with tech-savvy net junkies anymore – Auntie Connie and Grandma are also daily web dwellers complete with Facebook profiles and personal email accounts.
So, websites are more complex and serving a broader audience than ever. What this results in is a need to be more usable than ever. Part of this is making sure that the things that need to be done on your site (i.e. the actions a user needs to take) are as clear as possible. So how are sites doing this today?
I came across this realization not too long ago while updating my LinkedIn profile. LinkedIn itself doesn’t really stand out as being anything exceptional when it comes to providing a usable interface, but the Edit Profile section did offer one little nugget of insight. Like most forms, there’s usually a Save and a Cancel button at the bottom. What made LinkedIn standout was the fact that it emphasized the Save action (by making it a button) and de-emphasized the Cancel action (by making it a simple text link). It’s a small detail, but an important one to me.
With all the options and clickable areas sites like LinkedIn offer, it’s important to provide clarity to the user by telling them exactly what they need to do. If you make them guess a split second longer than they need to, you’ve lost them. The emphasized Save action is not a make or break feature by any means, but it demonstrates thinking in the right direction. Giving one action priority over another tells the user what’s important, what they’re probably looking for, and what they should probably click.
The same idea applies for other visual cues. Headlines and welcome messages are made larger than body text. Why? To show visual priority and hierarchy in a single glance. Within a few seconds, you know what to read first. In fact, even without thinking about it, you will pay attention to things given greater priority.
So the next time you’re laying out a page full of content and designing a lineup of buttons, consider priority. A bit of extra thinking on your part goes a long way to reducing the amount of thinking your users have to do.
If you enjoyed this post, subscribe to the free feed by RSS or Email.
This entry was posted on Monday, February 16th, 2009 at 2:36 am and is filed under creative briefings. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Emphasize important actions | ux digest
February 16th, 2009 at 3:34 am[...] Source: Priority provides clarity (Creative Briefing) [...]
February UX Roundup | UX Booth
March 3rd, 2009 at 11:05 am[...] Priority provides clarity [...]
Razvan Pavel
March 3rd, 2009 at 3:24 pmBasecamp has the same thing when it comes to saving or canceling stuff you edit
John Pash
April 19th, 2009 at 1:18 pmI think they did that out of laziness. It’s much easier to provide a simple link to a page rather than code the extra logic into the script that processes the form. That’s why I’ve always done it that way. But nobody seems to be writing articles about me and my genius :(
Applications of usability principles on a social network « Internet Turnkey Websites
May 7th, 2009 at 9:07 pm[...] wrote about this not too long ago, so I’ll save you the full explanation and significance of emphasizing important actions. With so many different actions to perform around the site, we wanted to make things super clear. [...]
In Payment » Blog Archive » Applications of usability principles on a social network
May 9th, 2009 at 6:59 pm[...] wrote about this not too long ago, so I’ll save you the full explanation and significance of emphasizing important actions. With so many different actions to perform around the site, we wanted to make things super clear. [...]
MikeCapson.com ||| Part Owner of Informative Computer Solutions , Saint John Web Designers » Post Topic » Applications of usability principles on a social network
February 25th, 2010 at 10:39 pm[...] wrote about this not too long ago, so I’ll save you the full explanation and significance of emphasizing important actions. With so many different actions to perform around the site, we wanted to make things super clear. [...]