What is Navigation?
Navigation should (minimum) answer these
- Where am I?
- Where can I go?
- Where have I been?
What is Navigation (formal)
- The theory and practice of how people move
from page to page.
- The process of goal-directed seeking and locating
hyperlinked information; browsing.
- All of the links, labels, and other elements that provide
access to pages and help people orient themselves while
interacting with a given interface (Kalbach).
- Web navigation refers to the process of navigating a
network of web resources, and the user interface that is
used to do so. A central theme in web design is the
development of a web navigation interface that maximizes
Why care about Navigation?
- Reflects Brand
- Affects Credibility
- Opportunity to Engage Visitors (Positively!)
- Impact Sales (or other metrics)
- Current business
- Potential customers
- Potential partnerships/opportunities
- Can increase opportunities to cross-sell
- Entice users to click: associative learning
- A list of commands or options from which you
- Designers attempt to concretely explain which
options are available and what the visitor
should expect from site sections once clicking
on corresponding links.
- Responsive menus: navigation menus whose
presentation or behavior is altered on different
devices and screen widths.
Types of Embedded Navigation
Global | Local | Contextual
Global and Local act as a container
for the content of the site
Types of Embedded Navigation (cont.)
- Most consistent navigational element
- Has a high impact on usability and should be
scrutinized and tested the most
- Area specific navigation, or subsites
- Embedded within text
- Facilitates associative learning by exploring
- Great for cross-selling, up-selling, & customer value
Types of Supplemental Navigation
- Similar to book indexes (generally alphabetical)
- Insight into site hierarchy (generally a top down
- Tours and tutorials
- Parent > Child relationships
Dunn, Zach. Principles of Effective Web Navigation. Retrieved from: http:
on: Febuary 13, 2013.
Kalbach, James (2007). Designing Web Navigation. Retrieved from UT online
Moreville, Peter & Rosenfeld, Louis. Information Architecture for the World
Wide Web. Cambridge, MA: 2007.
Unknown. Web Navigation. Retrieved from: http://en.wikipedia.org/wiki/
Web_navigation. Retrieved on: Febuary 12, 2013.
Images thanks to: REI, Netflix, Fast Company, US Food and Drug Admin, ebay
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.