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.

4 navigation and search

304 views

Published on

4 of 10 lectures on mobile design co

Published in: Mobile
  • Be the first to comment

4 navigation and search

  1. 1. 4 navigation finding your way
  2. 2. navigation how do you find/know what is available
  3. 3. what can I do? what should I do? how do I do more? how do I undo?
  4. 4. airport get off plane survey surroundings follow where others are going look for signs like ‘baggage’ once relaxed, look at shops restaurants
  5. 5. tradeoffs
  6. 6. hierarchical
  7. 7. hierarchical
  8. 8. hierarchical - nested doll
  9. 9. flat
  10. 10. flat - hub and spoke
  11. 11. flat - hub and spoke
  12. 12. flat - hub and spoke
  13. 13. narrative
  14. 14. navigation types springboard list Menu tab menu gallery dashboard metaphor carousel hamburger menu
  15. 15. lists
  16. 16. <ul> <li>Introduction</li> <li>Preface</li> <li>Rules for Work</li> <li>Communication</li> <li>Structures & teams</li> <li>What we value</li> <li>Our work space</li> </ul> lists
  17. 17. navigation types springboard list Menu tab menu gallery dashboard metaphor carousel hamburger menu
  18. 18. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  19. 19. navigation types springboard list Menu tab menu gallery dashboard metaphor carousel hamburger menu
  20. 20. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  21. 21. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  22. 22. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  23. 23. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  24. 24. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  25. 25. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  26. 26. navigation types springboard list menu tab menu gallery dashboard metaphor carousel hamburger menu
  27. 27. activity what navigation style(s) will fit your user journey the best and why?
  28. 28. 4.5 search, sort filter needles in haystacks
  29. 29. beware
  30. 30. context
  31. 31. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  32. 32. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  33. 33. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  34. 34. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  35. 35. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  36. 36. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  37. 37. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  38. 38. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  39. 39. search techniques explicit auto-complete dynamic scoped saved and recent search form search results
  40. 40. location aware search
  41. 41. activity does search play a role in your app? what techniques will you need to use?

×