Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
How To Be A
Good Guide
Crafting Navigation
Experiences
What You’ll Learn Today
• Why does navigation matter
• How do we design for different environments
• What lies ahead? (the...
What is a Navigation
Experience?
The Principles of Good
Navigation
Clear Visible Consistent
Hamburger
Source: demacmedia
Source: Anas KA
Source: codyhouse
● Hidden options
● Failing to indicate
current location
● Clash with platform
specifics (iOS and
Android)
● Save screen es...
Gestures
Source: Aaron Wade
Apple Mail
Gmail
● De-clutter UI
● Delightful details
● Hidden options
● Need to be learned
● Aren’t consistent
across apps yet
Tabs
Source: Ramotion
Source: Steven Hoober / Scott Hurff / Dmitry Kovalenko
Source: Optimalworkshop
● Visible
● Easily provides
user’s location
● Predictable for user
● Designed for
Thumbs
● Limited number of
options
● Dif...
Source: howdesign
Source: designmodo
Source: designmodo
Source: Mike Alger
Source: Jonathan Ravasz
Source: Jonathan Ravasz
Source: Jonathan Ravasz
Source: Zach Kinstner
The Future of
Navigation in User
Interfaces
nick@babich.biz 101babich|
Nick Babich
Thank You!
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Upcoming SlideShare
Loading in …5
×

How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

1,130 views

Published on

This presentation covers following topics:
- The principles of good navigation
- Dangerous navigation patterns
- Favorite classics and innovative patterns for web, mobile and wearables platforms
- Navigation for augmented and virtual reality
- How to be ready for future platforms yet to come

Published in: Technology
  • Be the first to comment

How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

  1. 1. How To Be A Good Guide Crafting Navigation Experiences
  2. 2. What You’ll Learn Today • Why does navigation matter • How do we design for different environments • What lies ahead? (the future of navigation)
  3. 3. What is a Navigation Experience?
  4. 4. The Principles of Good Navigation
  5. 5. Clear Visible Consistent
  6. 6. Hamburger
  7. 7. Source: demacmedia
  8. 8. Source: Anas KA
  9. 9. Source: codyhouse
  10. 10. ● Hidden options ● Failing to indicate current location ● Clash with platform specifics (iOS and Android) ● Save screen estate
  11. 11. Gestures
  12. 12. Source: Aaron Wade
  13. 13. Apple Mail Gmail
  14. 14. ● De-clutter UI ● Delightful details ● Hidden options ● Need to be learned ● Aren’t consistent across apps yet
  15. 15. Tabs
  16. 16. Source: Ramotion
  17. 17. Source: Steven Hoober / Scott Hurff / Dmitry Kovalenko
  18. 18. Source: Optimalworkshop
  19. 19. ● Visible ● Easily provides user’s location ● Predictable for user ● Designed for Thumbs ● Limited number of options ● Different requirements for bar location for iOS and Android
  20. 20. Source: howdesign
  21. 21. Source: designmodo
  22. 22. Source: designmodo
  23. 23. Source: Mike Alger
  24. 24. Source: Jonathan Ravasz
  25. 25. Source: Jonathan Ravasz
  26. 26. Source: Jonathan Ravasz
  27. 27. Source: Zach Kinstner
  28. 28. The Future of Navigation in User Interfaces
  29. 29. nick@babich.biz 101babich| Nick Babich Thank You!

×