While users expect content to be unique and exciting, they also prefer clear, predictable patterns when it comes to navigation. After all, navigation is merely a means to an end: consuming content without hassle and not spending too much time looking for it. The foundation of a solid, frustration-free user experience thus lies in a well-structured, simple navigation system. But which design decisions have really proven to work well in practice?
With the help of this eBook, we want to encourage you to rethink how you design navigation. Our authors share smart techniques on how to effectively simplify the navigation experience and explore approaches to handle unique navigational challenges, such as in responsive websites and large-scale projects. Furthermore, you'll find out how small interaction details can contribute to further improve the user experience. The practical tips and real-life examples presented throughout this eBook will help you see your design decisions in a wider context. A handy companion — for any project.
TABLE OF CONTENTS
- The Line Of Least Resistance
by Sorin Pintilie
- Efficiently Simplifying Navigation, Part 1: Information Architecture
by Anastasios Karafillis
- Efficiently Simplifying Navigation, Part 2: Navigation Systems
by Anastasios Karafillis
- Navigation For Mega-Sites
by Paul Boag
- Responsive Navigation On Complex Websites
by Jon Rundle
- Off The Beaten Canvas: Exploring The Potential Of The Off-Canvas Pattern
by Kyle Peatt
- Smart Transitions In User Experience Design
by Adrian Zumbrunnen
- How Do You Design Interaction?
by Luca Leone
- Formats: PDF, EPUB, Kindle (DRM-free)
- Pages: 163
- Language: English
- Released: August 2014
- Publisher: Smashing Magazine GmbH
- ISBN (PDF): 978-3-94454092-4
- ISBN (EPUB): 978-3-94454090-0
- ISBN (KINDLE): 978-3-94454091-7
Excerpt From Chapter 5
Responsive Navigation On Complex Websites — by Jon Rundle
Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation systems. Maintaining simplicity on such large websites becomes increasingly difficult as content requirements grow and tiers of navigation are added, not to mention the extra complexity added by small screens.
To illustrate the techniques involved in implementing responsive navigation on a large website, I’ll refer to two actual clients of mine. I’ll start with the process and how to get through it with research and mockups, then later get into some of the actual code that was used.
Excerpt From Chapter 8
How Do You Design Interaction? — by Luca Leone
If you have to design an interface it’s almost obvious to think to begin the process by drawing. But is this the best way? I once casually started by writing an imagined human-computer conversation, and only afterwards I continued by drawing.
This changed my way of thinking and I never went back to drawing first. This chapter will explain the reasons behind my decision.