UI logo
Agile Interaction Architecture
uidesign.net
 
     

David Anderson Headshot
Agile Management Cover Graphic
 
 

 
 
FeaturedBlogEntry
Wednesday, May 05, 2004
 

Link Color Deja Vu

 

It seems that Jakob Nielsen is back grinding on one of his old organs with the current AlertBox and the tune is "standard link colors improve usability". No one can blame Jakob for recycling old material. My goodness, he has been publishing a weekly column for almost 10 years, things are bound to come around again and again. This link color thingie has come up again and again for me too. The first time was while I worked at IBM on a project called PartnerInfo which later morphed into the engine which powers the ibm.com e-commerce web site. "We can't have red links", came the cry from marketing. "Red is the Digital (Equipment Corporation) colors! We're blue! They're red!" Do I hear anyone say, "fighting the last war"? The second time was when I was at Sprint and it was deja vu all over again. "We can't have blue links!", came the cry from Marketing Communications. "We're red, silver and black. We're Sprint!" This old saw ground back and forth between the usability engineers in the user experience team and the mar comm people for months. "Blue is ATT" they would say. Wait a minute, don't you mean Cingular? But they're orange, right? No, Orange is a UK carrier, owned by France Telecom. No, they call it Orange France now! No, France isn't orange, that's Holland. France is red, white and blue - touché, the correct colors to use on a web site. Ah the French were correct all this time.

So, let's take a look at the link colors on this new look uidesign.net site. Hmmm. Standard links in the main body of the text are blue-ish, and they have a lit, fly-over in a stylish pale orange to match the site design. When you traverse the link and return to the page, you get a red-ish pink link to show that you have traveled that way before. Seems pretty usable to me and still fits with the site design. However, there are exceptions. The headlines of each article are hot and a fly-over lights them with a brighter, paler orange. However, if you follow the link and return, they hold the standard orange headline color. Why is this OK-ish? Well the headlines are redundant links for convenience - they are also larger targets than the primary link which is the "read more..." at the end of the article teaser.

There are two other exceptions: the primary banner navigation simply uses a fly-over pale orange, and so does the secondary sidebar navigation. I have deferred somewhat to standards. The links are darker in color and when lit for navigation they are lighter in color. This follows the basic - blue is darker than red - principle. If you were watching in monochrome, you could still understand the navigation. The main and secondary navigations, don't change color after you return. I have two different reasons for justifying this. On the banner navigation, the links take you to major parts of the site with additional navigation lists of articles, interviews, book reviews and so forth. They banner links aren't destination links, they are merely signs on the road. Knowing whether you have visited the list of book reviews is not particularly useful. With the side bar navigation, the links are mostly offsite links. The teleport you to another web site from which you may not return. There is limited utility in having these links change color. If they did change color to red-ish pink when traversed, this would truly only be useful within a single session, i.e. if I were using the Favorite Links lists to go surf a blog roll using the back button from each one to return to the list. However, across sessions, say from one day to the next, I really want those "already navigated" red-ish pink links to reset back to dark green. As my web site has no way of knowing about user sessions, I defaulted to not displaying a previously navigated state.

Did this break the rules? Yes. Are the rules correct yet? Probably not! Do we know all we need to know about this space? Again, probably not. Did it all get too boring before we got the real science done to provide truly useful design guidelines. Yes, it probably did. Do old saws like "untraveled links are blue, and traveled links are red" really help us in the modern web design world? Comments, please...

     
 
           
hosted by likk.net
Weblog Commenting by HaloScan.com