Interface Design for Educators

 

Page Quick Jump

Basics

Trunk Test

Sample Test Report

Resources

Site Map

Updates

Instructional Systems Design Models to be added April 2006

As more working adults discover the educational opportunities available in an online learning environment, the demand for quality, innovative programs, and faculty will continue to rise.

~ Eileen Dittmar

Control "gee.wav" Jim Carey from Ace Ventura

Plug in help

Principles of Navigation

 

Navigation Basics

Navigation is an important element of site usability. Successful sites have navigational schemes that are easy to use and understand. Visual design cannot overcome poor navigation design.

Navigation refers to all of the ways that users can move around a site and understand where to go. Navigation design is revealed in the appearance and functionality of the menus, links, buttons, and toolbars on your pages.

Generally, it is difficult for site users to perceive the structure because only one page is seen at a time. That makes it difficult to place a single page in the context of the remaining site content. Hyperlinks make is likely for users to get lost unless obvious and understandable landmarks are provided. Two challenges in designing the navigation scheme for our website are to ensure that users:

  1. Understand the organization of the site
  2. Can move around easily.

Well-designed navigation provides quick and easy movement between the various components of a website. The navigational elements on every web page should answer these basic questions:

  1. Where am I now?
  2. Where did I come from?
  3. Where can I go from here?

Here are a few methods to help site users answer the three basic questions

  1. Provide a simple hierarchical tree structure.
  2. Allow easy movement to important site components.
  3. Provide a home base.
  4. Use recurring navigation tools on all pages.
  5. Provide page numbers for sequential pages.
  6. Provide and update feedback that shows where the user is in a site (e.g., a breadcrumb trail).
  7. Provide on-demand aids that illustrate the user's location within a site (e.g., site map, table of contents).

Back to Top

 

Krug's Trunk Test

Steven Krug (2000) provides an acid test for good Web navigation which is called the Truck Test. The following questions should be answered from every page. 

  1. What site is this? (Site ID)
  2. What page am I on? (Page name)
  3. What are the major sections of this site? (Sections)
  4. What are my options at this level? ( Local navigation)
  5. Where am I in the scheme of things? (“You are here” indicator)
  6. How can I search? (Site search and Internet search) 

Back to Top

 

Sample Trunk Test Report

Steven Krug's Truck Test principles were applied to Ford Motor Company, Drugstore.com, and PBS.org to create a Sample Trunk Test Report.

Navigation and Wayfinding Resources (Kays, 2005)

Applying the trunk test (Krug, 2000) only scratches the surface in analyzing navigation. When reading through class postings and Krug's chapter on "Street Signs and Breadcrumbs," I apply navigation to a design theory called "wayfinding." Wayfinding is a term applied in architecture, however, it can also been seen in computer science, information architecture, cognitive science, environmental psychology, and urban planning. In addition, navigation and wayfinding also relate to other theories such as Maslow's “hierarchy of human needs,” and Hall's and Sommer's “human factor and proxemics.”

Here are some fantastic links on the topic. Many of the links discuss the overlap of wayfinding and navigation.

Kelly Brandon Design Wayfinding Definition and History

Kelly Brandon's link is mentioned in Rediscovering Wayfinding, an architecture informational article

Lars Hogblom Wayfinding Definition and History

Kevin Lynch: City Elements Create Images in Our Mind, 1960 by Ethan Sundilson

A Neural Optimal Controller Architecture for Wayfinding Behavior by Drakos and Moore

Mapping Psychological and Virtual Spaces by Strohecker, Barros, and Slaughter

Wayfinding in a Virtual Environment by Booth, Fisher, Page, Ware, Widen

Structure and Memorablity of Websites by Modjeska and Marsh

Wayfinding in Large-Scale Virtual Worlds by Darken

Comparing the Complexity of Wayfinding Tasks in the Built Environment by Raubel and Egenhofer

Comparing the Complexity of Wayfinding Tasks in the Built Environment by Raubel and Egenhofer

Wayfinding by The Interface Interest and Research Group

Chapter 28. SPATIAL ORIENTATION, WAYFINDING, AND REPRESENTATION by Rudolph P. Darken and Barry Peterson Department of Computer Science

Worldlets: 3D Thumbnails for Wayfinding in Virtual Environments Elvins & Nadeau, San Diego Supercomputer Center and Kirsh, Dept. of Cognitive Science

Wayfinding: Human Perceptions & Orientation; in the Built Environment by Sharon MacMinner

Wayfinding Articles: Iowa State

Information Architecture by Maurer (a good PPT on navigation)

Back to Top

 

References

Kays, Elena (2005) Wayfinding Resources. Retrieved January 21, 2005, from http://www.capella.edu

Krug, S. (2000). Don't make me think: A Common Sense Approach to Web Usability. Indianapolis, IN: New Riders

 

About Us | Site Map | Privacy Policy | ©2005 Eileen M. Dittmar PH.D. Learner Capella University edittmar@charter.net