You are here

Navigation stress test

Error message

  • Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in drupal_get_feeds() (line 394 of /home1/hubtoled/public_html/instone-org/includes/common.inc).
  • Deprecated function: The each() function is deprecated. This message will be suppressed on further calls in menu_set_active_trail() (line 2404 of /home1/hubtoled/public_html/instone-org/includes/menu.inc).

The idea behind my navigation stress test is to ask some really hard questions about your web site navigation to see if it can "pass". It is called a "stress test" because most pages will not pass. The failures may be serious, or they may not matter at all, but at least by performing the test you will have discussed the navigation issues and made conscious design decisions.

The questions are detailed ways to ask about 3 basic concerns users often have upon arriving at a page:

  • Where am I?
  • What's here?
  • Where can I go?

Process

  • "Randomly" pick a low-level page, not a home page, from your site
  • Print the page out in black and white, without the URL listed in the header/footer
  • Pretend that you are entering this site for the first time at this page and try to answer to questions below
  • Mark-up the piece of paper with what you think the answers are

Have other members of your team, and people who know nothing about your site, do the stress test too. Then compare notes. Where did you agree? Where did no one agree?

For the "problem" areas, you have several choices for action to take. You may want to re-design some elements of your navigation based on what you discover with the stress test. Or, you may use it to help focus a round of usability testing (to see if it actually matters for your users). Or, you may very well know what you are doing and say "interesting to see the results of this test, but they do not apply in our situation".

Stress Test Questions

Navigation Question

Mark Up on the Paper

What is this page about?

Draw a rectangle around the title of the page or write it on the paper yourself

What site is this?

Circle the site name, or write it on the paper yourself

What are the major sections of this site?

Label with X

What major section is this page in?

Draw a triangle around the X

What is "up" 1 level from here?

Label with U

How do I get to the home page of this site?

Label with H

How do I get to the top of this section of the site?

Label with T

What does each group of links represent?

Circle the major groups of links and label.

  • D: More details, sub-pages of this one
  • N: Nearby pages, within same section as this page
  • S: Pages on same site, but not as near
  • O: Off-site pages

How might you get to this page from the site home page?

Write the set of selections as: Choice 1 > Choice 2 > .... Connect the visual elements on the page that tell you this.

Example

I have used The Hockey Example (see the attachments below) to introduce the Navigation Stress Test for the past few years because the design makes it hard to answer many of the questions.

Common discussion questions for this example:

  • Is this the BGSU, BGSU Athletics or BGSU hockey site? One way to get at this is to ask what people expect to get if they click on the "Tickets" button on the left. If you think this is the BGSU hockey site, then you would expect BGSU hockey tickets, right?
  • How is this site organized - what are the major sections? (In this case, the main organization scheme is by sport - so you are in the hockey section.)
  • What is the difference between the "Schedules" link at the top (if you can spot it) and the "Schedules" button on the left? (The one at the top is "hockey schedules" while the one on the left is "BGSU Athletics schedules".)
  • Should the large Falcon head in the upper left be clickable? If so, where should it lead to? (Most people say "Yes, site home page" - making it important to know what site this is.)

More about the navigation stress test...

AttachmentSize
Image icon example1-plain.gif69.37 KB
Image icon example1-markup.gif93.35 KB
Office presentation icon example1.ppt117.5 KB