Responsive Design has become the state-of-the-art of web design in recent years, but there is still no best practice for navigating large amounts of complex content. Users in general struggle with the abstraction of navigation labels, and on smartphones in particular, they have a hard time forming a mental model of the content and its information architecture. The solutions developed for desktop screens that combine navigation and content cannot be applied to the small screens of many mobile devices. So today, when users find a page via Google on a smartphone, they hardly have a notion about related content and the way it is organized. How do we as information architects react to this challenge of adapting navigation in the face of the increasing atomization of content? Should we hide it, drop it, redesign it? We think it necessary to ask some fundamental questions about the functions and functioning of navigation. If we don’t want to give up on fostering context, we are in need of alternatives forms of arrangement and display. In this talk, we will discuss many current examples and what they do or do not accomplish and present some ideas on how we should let our users navigate complex content in the near future. Presentation bei Andrea Rosenbusch, Zeix AG Zürich, at Euro IA 2015 in Madrid

1. © by Zeix 2015© by Zeix 2015 1
Rethinking Navigation
Euro IA Madrid, 26 September 2016
Andrea Rosenbusch
Map from map.geo.admin.ch (Siegfried 1870)

2. © by Zeix 2015

3. © by Zeix 2015

4. © by Zeix 2015

5. © by Zeix 2015

6. © by Zeix 2015

7. © by Zeix 2015
https://twitter.com/lukew/status/591296890030915585?lang=de

8. © by Zeix 2015 8
Disadvantages of the Side Menu

9. © by Zeix 2015 9
1. Discoverability

10. © by Zeix 2015 10
1. Discoverability

11. © by Zeix 2015 11
2. Decision between
List & Content

12. © by Zeix 2015 12
2. Decision between
List & Content

13. © by Zeix 2015 13
2. Decision between
List & Content

14. © by Zeix 2015 14
3. Flat Lists of Terms
Flood protection for
the Lake of Zurich
and the rivers Sihl
and Limmat

15. © by Zeix 2015 15
,

16. © by Zeix 2015 16
4. Everything Looks
the Same

17. © by Zeix 2015 17

18. © by Zeix 2015 18

19. © by Zeix 2015 19

20. © by Zeix 2015 20

21. © by Zeix 2015 21
> Orientation
I am here.
> Wayfinding
I want to get there.
Navigation

22. © by Zeix 2015
https://picasaweb.google.com/tutzon/WOC2010SprintKvalFinale#5503121101518920306

23. © by Zeix 2015 23
> Rough orientation
> Landmark
> Fine orientation

24. © by Zeix 2015

25. © by Zeix 2015 25
> Rough orientation
> Landmark
> Fine orientation

26. © by Zeix 2015

27. © by Zeix 2015

28. © by Zeix 2015

29. © by Zeix 2015

30. © by Zeix 2015 30

31. © by Zeix 2015

32. © by Zeix 2015

33. © by Zeix 2015

34. © by Zeix 2015

35. © by Zeix 2015 35
1. Discoverability
2. List vs. content
3. Flat lists
4. Uniformity (everything looks the same)
5. Responsiveness
Recap

36. © by Zeix 2015 36
Andrea Rosenbusch
andrea.rosenbusch@zeix.com
@arosenbusch
Thank you.
… and hope to see you at