In Focus

Easy website navigation: A marketer's map

Common mistakes

No matter the organization or navigation, good website design enables users to effortlessly find information. Like turning on a light switch, elegant web navigation shouldn't be a conscious action. As when you flick a light switch and expect the lights to come on, users expect to see certain information when they click the "About" tab. Navigating websites is a learned behavior, and after countless trials, users have compiled first-hand navigation experience that helps them find content. This reinforced learned behavior helps them successfully navigate through new sites.

Intuitive navigation examples:

  • All pages contain basic site navigation.
  • Navigation states (on/off) and page titles are consistent and indicate the current page.
  • Hypertext link naming is consistent and exclusive to associated pages.
  • All navigation goes somewhere specific and is obvious to the user.
  • Category naming is directly related to content type.
  • Global site categories or main sections are mutually exclusive and grouped intuitively.
  • Similar types of navigation elements are grouped together and treated consistently from a visual perspective, indicating link priority and grouping methodology.
  • An HTML site map is included for navigation and SEO purposes.

Common navigation mistakes:

  • Confusing navigation naming and grouping with inconsistent visual treatments
  • Global navigation that contains too many or too few categories
  • Poor page indication and confusing or nonexistent bread-crumbing
  • Inconsistent visual treatment of similar navigation devices like inconsistent colors for hypertext links
  • Navigation items that disappear or move around, and dead-end pages that force users to use the back button
  • Pages without a clear call-to-action
  • Active links to the current page
  • Not linking directly to the item named
  • Priority content that is buried or hard to find
  • Navigation that gives users an inconsistent or poor user experience
 

Comments

alex avery
alex avery November 14, 2009 at 9:37 AM

Hey Dan,

Great article. Very thorough. However, you neglected to mention key elements of SEO that play hand in hand with usability. Javascript - especially menus - should be used with caution as they can impact how a spider crawls the site.

Further - and along the same lines - is ensuring keywords used in menus are also scripted or tagged within the code of the site. Having lots of keyword rich navigation info locked in graphics and/or flash is no good - whether or not the user experience is affected.

I'm sure you know this, but your readers might not.

Keep up the good work.

peace. alex

Roberto Sotto
Roberto Sotto November 12, 2009 at 4:03 PM

Being in the sales aspect of the web development business, your explanations have cleared hurdles to simplify guiding the clients.
Much appreciated,
Roberto

Maggie Heatherman
Maggie Heatherman November 11, 2009 at 4:27 PM

Great article! Site navigation is crucial to search engine optimization as well as browser engagement. The two are inextricably linked to a website's success and I think you did a great job demonstrating how to satisfy both audiences

Vickie Smith-Siculiano, PMP
Vickie Smith-Siculiano, PMP November 11, 2009 at 9:47 AM

Definitely agree - usability analysis is key - it doesn't matter just that you have great content, but how easy is your site to use - to the same idea, what about social media? Would you choose to connect in a community that didn't have a friendly interface, or easy navigation? I wouldn't - thanks for your post - www.VickieSmith.com

Guillermo Corea
Guillermo Corea November 11, 2009 at 9:25 AM

Great article. A very thorough description of what the process is like. I liked your comment about enabling users to effortlessly find information on a site. It's unbelievable how many sites are out there that do not follow this simple principle. I feel that users should get to a detailed information page or all in the information they need in as little as two clicks.