In Focus

Easy website navigation: A marketer's map

Organizing your content

Great website navigation starts with organizing content correctly. Content should be categorized into mutually exclusive sections and labeled accurately. There are reasons for standard section naming like "Products," "Community," and "About Us." Users know what to expect in these areas. The general rule of thumb when naming sections and pages is to be familiar and specific. Research other sites in your industry and follow proven architecture organization and classification. If you want to be different, have a testing mechanism in place to see if your users are embracing your genius or getting frustrated by your curveball.

Too deep versus too shallow
When organizing your architecture, strive for a site that doesn't have too many top-level sections, but also doesn't have content that is too many clicks away. Limit main section navigation links to seven or eight, and keep your most detailed content within four clicks.

Be exclusive
One way to keep your navigation from being too shallow or too deep is to borrow a concept from newspapers. If your homepage is a front page, grouped sections are the equivalent to the main sections of your site. Newspapers keep the politics articles in the world section and the football stories in the sports section. However, sometimes content wants to live in more than one section. In these instances, root the content in the most obvious section and reference it from the other. Make sure users know they are moving laterally across sections rather than down deeper within a section.

Business perspective vs. user perspective
Sometimes where you want users to go isn't where users want to end up. Good information architecture, prioritized page layout, strong calls-to-actions, and consistent treatment of navigation will help funnel users to the information you want them to see. Make sure content goes somewhere, and avoid dead ends. 

Successful business-centric sites focus on business goals. Sites that accomplish both business and user goals are often the most successful. Find that balance by encouraging user interactions. Lead users looking for articles to sign up for newsletters or users looking for locations to provide their ZIP code. Ask visitors to share with friends, follow you on Twitter, or add that second pair of socks to their shopping cart.

Site mapping vs. flowcharting
Site maps show the structure of the site and indicate where content lives. When mapping a new site, we find a large wall and arrange page names with sticky notes. When finished, we group content into main sections and re-organize the sticky notes until mutual exclusivity and optimal content "depth" has been achieved.

Once the structure is complete, we start to look at how we expect traffic to flow through the site. Flowcharting moves users across sections and funnels them to pages we want them to visit. We leverage content, calls-to-action, and "marketing" columns to suggest the next action users should take. Obvious trigger elements like submit buttons, add-to-cart links, and send-to-friend tabs fulfill on our preset metrics and ultimately prove the site's success. Finally, make sure you have a web analytics package in place to measure your decisions. Test and revise regularly to optimize your organization, naming and flow success.

 

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.