Examples of consistent navigation based on principles in Steve Krug's book "Don't Make Me Think."

1. Usability and
Web Site Navigation
MMC 4341
Week 4

2. Home page

3. Home page: Site ID

4. Home page: Sections

5. Home page: “Utilities”

6. Home page: Tag line

7. Secondary navigation

8. Highlight: The page you’re on

9. Highlight: The page you’re on

10. The footer: Lots o’ links

11. Different page design

12. But primary nav is still clear
Site ID
Sections Utilities

13. Mismatch: Page headings

14. Krug’s “trunk test”
• What site is this? (Site ID)
• What page am I on? (Page name/heading)
• What are the major sections of this site?
(Sections)
• What are my options at this level? (Local or
secondary/tertiary navigation links)
– Or, where can I go from here?
• How can I search?
From Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd edition,
by Steve Krug. New Riders, 2006. This text is found on page 85.

15. Missing: The search box
On a commercial Web site,
we would expect to see the
search box around here.

16. Usability and
Web Site Navigation
Presentation by Mindy McAdams
University of Florida