Dr. Dobb's is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.


Channels ▼
RSS

The Navigation and Usability Guide


WebReview.com: The Navigation and Usability Guide

Rank: 2

We like to think we at Web Review know the ins and outs of making Web pages work. However, since you can never be too careful, we decided to consult the experts. We read Information Architecture for the World Wide Web, Louis Rosenfeld and Peter Morville's excellent book about designing large sites. Then we took an advance peek at Jennifer Fleming's upcoming book, Web Navigation: Designing the User Experience. Finally, we hit the Web itself and checked out Jakob Nielsen's collected usability wisdom from the Alertbox column.

When we were all done reading, we figured out a set of navigation and usability rules. These rules aren't written in stone, and it's hard to follow all 12 of them at once. However, it helps to be aware of them so you can make the best design decisions for your own site.


Use Multimedia To Save Screen Space
Use pop-up menus and animation to preserve that valuable screen real estate.

Web Accessibility
Providing alternatives to your multimedia isn't just polite -- it's crucial

The Importance of Hierarchy
Build your site on a solid foundation: a well-designed hierarchy.

Help People Find Themselves
Make sure your users don't get lost in your site.

Global Navigation Systems
Global navigation is important, and it's as simple as adding a nav bar to every page.

Weigh Your Multimedia
Don't be a bandwidth hog: A multimedia optimization crash course.

Do You Need Frames? Does Anyone?
Why does everyone hate frames? Let me count the ways.

Make Nav Bars that Work
Making a good nav bar isn't as easy as you might think.

Navigation Labels
Are your icons and text as clear as they could be?

Supplemental Navigation Systems
Does your site need a table of contents? An index? A site map?

Sub-Sites
Why sub-sites are significant, and why they need their own navigation systems.

Use Embedded Links with Caution
When you bury a link in the middle of a sentence, make sure it has some context.


Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.