how to be a good guide: crafting navigation experiences (push conference 2016)

58
How To Be A Good Guide Crafting Navigation Experiences

Upload: nick-babich

Post on 07-Jan-2017

683 views

Category:

Technology


1 download

TRANSCRIPT

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

How To Be A Good GuideCrafting Navigation

Experiences

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

What You’ll Learn Today• Why does navigation matter• How do we design for different environments• What lies ahead? (the future of navigation)

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

What is a Navigation Experience?

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

The Principles of Good Navigation

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

Clear Visible Consistent

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

Hamburger

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

Source: demacmedia

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

Source: Anas KA

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

Source: codyhouse

Page 13: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 14: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 15: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 16: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 17: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

● Hidden options● Failing to indicate

current location● Clash with

platform specifics (iOS and Android)

● Save screen estate

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

Gestures

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

Source: Aaron Wade

Page 21: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 22: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 23: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 24: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 25: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

Apple Mail

Gmail

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

● De-clutter UI● Delightful details

● Hidden options● Need to be

learned● Aren’t consistent

across apps yet

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

Tabs

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

Source: Ramotion

Page 29: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 30: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 31: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

Source: Steven Hoober / Scott Hurff / Dmitry Kovalenko

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

Source: Optimalworkshop

Page 33: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 34: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 35: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 36: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 37: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

● 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

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

Source: howdesign

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

Source: designmodo

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

Source: designmodo

Page 44: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 45: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 46: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 47: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

Source: Mike Alger

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

Source: Jonathan Ravasz

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

Source: Jonathan Ravasz

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

Source: Jonathan Ravasz

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

Source: Zach Kinstner

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

The Future of Navigation in User

Interfaces

Page 54: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 55: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 56: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 57: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Page 58: How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)

[email protected] 101babich|Nick Babich

Thank You!