A MAKE IT or BREAK IT
Navigation
Aaron Quinn
Founder / Creative Director at eHouse Studio
@aaronquinn
Let me get to know you.
I AM OBSESSED WITH
Surfing
https://flic.kr/p/eJrmLv
IF YOU DON’T BARF YOUR NOT WORKING
Hard Enough
https://flic.kr/p/eUFAAM
https://flic.kr/p/75KtS9
GUIDE THEM ALONG
Their Way
01
https://www.youtube.com/watch?v=yBxobHGniB4
– Converting Search into Navigation: http://www.nngroup.com/articles/search-navigation/
“probability of success drops
from...
https://flic.kr/p/aKM3k2https://flic.kr/p/btDtvW
ROADSIGNS vs. BILLBOARDS
FLAT
DEEP
vs
http://bit.ly/1hI5OdPhttps://flic.kr/p/av4iPT
AGAIN WITH the ROADSIGNS
GIFT FINDERS ARE BASED on MENTAL MODELS
IMAGES CAN HELP IDENTIFY LABELS and CATEGORIES
LABELS & GROUPINGS
Good
02
LESS COMMON SENSE and MORE
Consensus
http://bit.ly/1qp3ivr
SYSTEM 1
Cognitive ease
SYSTEM 2
Cognitive strain
Thinking, Fast and Slow, Nobel Prize–winning economist Daniel Kahneman -...
USER CLASSIFICATION SCHEMES by CARD SORTING
https://flic.kr/p/66skhi
IT WEIRDS PEOPLE OUT and CAUSES
Confusion
Ritz Camera
Ritz Camera
TASK 1
Find Men’s Board Shorts
!
1. Home
2. Clothing
3. Men Clothing
4. Swimwear
5. Swimsuit Bottoms
6. Filter: Styles: Bo...
NAVIGATION INFLUENCED by SEARCH &
Search as Navigation
03
1. Make unambiguous paths
2. Use user classification schemes
3. Let navigation be influenced by search & use
search as navig...
If we can marry a user's thought
process to a navigation, they can focus
more on the content presented and
less on how to ...
@aaronquinn
Thank You
Illustrations by Rhiannon Bode
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
A Make it or Break it Navigation
Upcoming SlideShare
Loading in …5
×

A Make it or Break it Navigation

6,032 views

Published on

When people can't find what they need on your site, they gather the town's people with pitchforks and torches. As designers and information architects we are faced with the challenge that designing a good navigation system can often times be difficult. We have to factor the usability, business strategies, category revenue, ROI, SEO, etc. At times we are working with less than perfect information and short timelines, yet most people see a good navigation as a minimum requirement to having a good experience on your site.

During this talk, we will cover setting goals for your website's navigation and share practices, strategies and experiences you can use. This talk is for students, new designers or practicing designers and information architects working on or interested in working on large content and e-commerce sites.

  • Be the first to comment

A Make it or Break it Navigation

  1. 1. A MAKE IT or BREAK IT Navigation Aaron Quinn Founder / Creative Director at eHouse Studio @aaronquinn
  2. 2. Let me get to know you.
  3. 3. I AM OBSESSED WITH Surfing https://flic.kr/p/eJrmLv
  4. 4. IF YOU DON’T BARF YOUR NOT WORKING Hard Enough https://flic.kr/p/eUFAAM
  5. 5. https://flic.kr/p/75KtS9
  6. 6. GUIDE THEM ALONG Their Way 01
  7. 7. https://www.youtube.com/watch?v=yBxobHGniB4
  8. 8. – Converting Search into Navigation: http://www.nngroup.com/articles/search-navigation/ “probability of success drops from 64% to 28% when we go from an easy to a difficult search problem”
  9. 9. https://flic.kr/p/aKM3k2https://flic.kr/p/btDtvW ROADSIGNS vs. BILLBOARDS
  10. 10. FLAT DEEP vs
  11. 11. http://bit.ly/1hI5OdPhttps://flic.kr/p/av4iPT AGAIN WITH the ROADSIGNS
  12. 12. GIFT FINDERS ARE BASED on MENTAL MODELS
  13. 13. IMAGES CAN HELP IDENTIFY LABELS and CATEGORIES
  14. 14. LABELS & GROUPINGS Good 02
  15. 15. LESS COMMON SENSE and MORE Consensus http://bit.ly/1qp3ivr
  16. 16. SYSTEM 1 Cognitive ease SYSTEM 2 Cognitive strain Thinking, Fast and Slow, Nobel Prize–winning economist Daniel Kahneman - http://amzn.to/1uAEtdC
  17. 17. USER CLASSIFICATION SCHEMES by CARD SORTING https://flic.kr/p/66skhi
  18. 18. IT WEIRDS PEOPLE OUT and CAUSES Confusion
  19. 19. Ritz Camera
  20. 20. Ritz Camera
  21. 21. TASK 1 Find Men’s Board Shorts ! 1. Home 2. Clothing 3. Men Clothing 4. Swimwear 5. Swimsuit Bottoms 6. Filter: Styles: Board Shorts TASK 2 Find Men’s Rain Coat ! 1. Home 2. Clothing 3. Men Clothing 4. Coats & Outerwear 5. Filter: Type: Rain Coats TASK 3 Find Men’s Vans Shoes ! 1. Home 2. Shoes 3. Men’s 4. Sneaker & Athletic Shoes 5. Filter: Brand: Vans
  22. 22. NAVIGATION INFLUENCED by SEARCH & Search as Navigation 03
  23. 23. 1. Make unambiguous paths 2. Use user classification schemes 3. Let navigation be influenced by search & use search as navigation
  24. 24. If we can marry a user's thought process to a navigation, they can focus more on the content presented and less on how to find things.
  25. 25. @aaronquinn Thank You Illustrations by Rhiannon Bode

×