The document discusses key principles of effective interface and navigation design including wayfinding techniques, use of maps, paths, regions, nodes and landmarks. It provides tips for clear navigation, avoiding dead ends, having a simple yet unique design, using visible graphic identity and ensuring proper composition. Web design conventions discussed include using informative titles, author/institution information, copyright statements, and headings to break content into sections.

1. INTERFACE
DESIGN
Navigation and page design

2. “WAYFINDING”
1. Orientation
2. Route decisions
3. Mental mapping
4. Closure

3. Maps & navis
1. Paths
2. Regions
3. Nodes
4. Landmarks

4. paths
• Consistent and predictable links
• Internal (habitual to the user)
• External (breadcrumb trails)

5. regions
• Identifiable regions and spaces
• Consistent yet flexible/customizable
• Page grid, terminology, links

7. Nodes
• Too much choices can be overwhelming
• Balance between user freedom and
guidance

9. LANDMARKS
• Orientation cues (“You are here”)
• Use of graphics and titles

11. Search tools
• Users see less of the homepage
• They have expectations of where search
bars are located

14. Design tips: Clear navigation

15. Design tips: No dead ends

16. Design tips: Simple yet unique

17. Design tips: Visible graphic identity

18. Design tips: Composition

19. Trends in
web
composition

20. Web Design conventions

21. Web Design conventions

22. More conventions
• Informative title
• Author or institution
• Date created and revised/edited
• Copyright/ownership statements
• Link to home/main page
• Alt text for images
• Headings for sections