Navigating large sites on small screens

This presentation will explore the navigation challenge for large sites being used on small screens. It will go back to first principles and look at the purpose of various navigation types then explore ways of achieving the same goal via a small space.

Presented at Designing for Mobility 2013

Transcript

1. Navigation for large sites on small screens Donna Spencer - Maadmob (@maadonna)
2. About me Card%sor(ng How%to%write%great% copy%for%the%web A%prac(cal%guide%to% informa(on%architecture
5. Navigation from first principles
6. Global navigation
7. • Persistent • Visible • Shows what the site covers • Provides access to the main sections of the site Global navigation
8. Mega-menus
9. Mega-menus
10. • Show what’s available • Jump to a section without navigating everything in between Mega-menus
11. Local navigation
12. Local navigation
13. Related
14. • Show things they may be interested in that are in other sections Related
15. Content
16. Mobile navigation examples
17. Global navigation only
18. Starbucks
19. Smashing magazine
20. Smashing magazine
21. O’Neill clothing
22. O’Neill clothing
23. Sony
24. Sony
25. Local navigation examples
26. Canberra Times
27. Canberra Times
28. Boston Globe
29. ANU
30. Confab
31. Side nav
32. Related links
33. My solution
34. All of it!
35. Thanks • http://maadmob.com.au/ • +61 409-778-693 • donna@maadmob.net • Twitter etc: maadonna