Save the bells and whistle for something else. Here's how to make Web navigation clear, functional, and useable.
Navigation allows reader to find the content they want by moving through a Web site using classification links. It should be designed in a simple, clear, consistent, and functional manner -- like a traffic light, not a neon light.
"Navigation" comes from two Latin words: navis (ship) and agere (to drive). According to the Merriam-Webster dictionary, the general meaning of "navigate" is "to steer a course through a medium... to get around, move... to make one's way over or through... to operate or control the course of."
It is a mistake to design Web navigation as if it were a neon light. The objective of navigation should never be flashy. The job of navigation is not to grab attention. Rather, navigation design is about creating clear and consistent signs. Readers turn to navigation when they want to get somewhere on the site. First and foremost, they want something that is functional and informative.
A traffic light system is clear and consistent. It uses three colors: red, amber, and green. And it uses them in a consistent order: red first, amber in the middle, green at the end. I have yet to hear anyone complain traffic lights are boring and should change their design.
Hypertext colors are a bit like traffic light colors. Hypertext changes color to support Web navigation. Blue represents links that have not been clicked. Purple represents links that have been clicked. Many designers take the liberty to change these colors. Why? For what purpose? Changing the color of hypertext is like changing the color of traffic lights. All it does is confuse.
Too often, Web designers view navigation as a neon light. They become more concerned with how it looks rather than how it works. The more arty the Web site, the more obscure the navigation becomes, as if navigation were some sort of creative statement. Making navigation obscure, making it look like New York's Times Square, is not artistic. It's bad Web design.
According to Jonathan and Lisa Price's recent book, "Hot Text," "If you want to help your visitors, you must think of each menu as a set of well-lit street signs. The challenge is to organize and write those signs so that visitors can find their way while moving at high speed."
When designing navigation for your Web site, keep the following in mind:
On the heels of a fantastic event in New York City, ClickZ Live is taking the fun and learning to Toronto, June 23-25. With over 15 years' experience delivering industry-leading events, ClickZ Live offers an action-packed, educationally-focused agenda covering all aspects of digital marketing. Register today!
Want to learn more? Join us at ClickZ Live San Francisco, Aug 10-12!
Educating marketers for over 15 years, ClickZ Live brings together industry thought leaders from the largest brands and agencies to deliver the most advanced, educational digital marketing agenda. Register today and save $500!
Gartner Magic Quadrant for Digital Commerce
This Magic Quadrant examines leading digital commerce platforms that enable organizations to build digital commerce sites. These commerce platforms facilitate purchasing transactions over the Web, and support the creation and continuing development of an online relationship with a consumer.
Paid Search in the Mobile Era
Google reports that paid search ads are currently driving 40+ million calls per month. Cost per click is increasing, paid search budgets are growing, and mobile continues to dominate. It's time to revamp old search strategies, reimagine stale best practices, and add new layers data to your analytics.
June 10, 2015
12:00pm ET/9:00am PT