Successfully reported this slideshow.

More Related Content

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Designing the search experience by tyler tate : twigkit

  1. 1. Designing the Search Experience BY TYLE R TATE
  2. 2. 1. Key concepts 2. Design solutions
  3. 3. Key Concepts1
  4. 4. 1. User expertise 2. Information needs 3. Stages of information seeking 4. Context
  5. 5. Domain expert Domain novice
  6. 6. Technical novice Technical expert
  7. 7. Domain expert Technical novice Domain expert Technical expert Domain novice Technical novice Domain novice Technical expert
  8. 8. Domain expert Technical novice Domain expert Technical expert Domain novice Technical novice Domain novice Technical expert http://boxesandarrows.com/novices-orienteer-experts-teleport/
  9. 9. ❖ How familiar are your users with your particular subject matter? ❖ Is there a big gap in subject-matter expertise among your users? ❖ How tech-savvy are your users? ❖ Is there a big gap in their technical expertise?
  10. 10. Casual Lookup Learn Investigate
  11. 11. Informational Geographic Personal Info Transactional
  12. 12. Search Motive Search Type
  13. 13. Casual Lookup Learn Investigate Info Geographic Personal Info Transaction Price Comparison Acting on Notifications Online Shopping Product Monitoring Trivia Window Shopping Information Gathering Research Directions Friend Check-ins Local Points of Interest Travel Planning Checking Calendar Checking Messages Situation Analysis Lifestyle Planning http://tinyurl.com/InfoNeedMatrix
  14. 14. ❖ What motivates people to use your search application? ❖ Do they want to quickly lookup a simple fact, or are they more interesting in digging deep? Or do they just want to kill time? ❖ What types of searches do your users want to perform? ❖ Does your current search application effectively facilitate the user’s search motive and type?
  15. 15. Initiation
  16. 16. Initiation Selection
  17. 17. Initiation Selection Exploration
  18. 18. Initiation Selection Exploration Formulation
  19. 19. Initiation Selection Exploration Formulation Collection
  20. 20. Initiation Selection Exploration Formulation Collection Action
  21. 21. Initiation Selection Exploration Formulation Collection Actionhttp://alistapart.com/article/the-ux-of-learning
  22. 22. ❖ At what phases of the information seeking process do users want you use your search application? ❖ What stages of the information seeking process does your search application currently facilitate? ❖ Is there more you could do to engage users earlier in the process?
  23. 23. Task Physical PersonalSocial Environ
  24. 24. Design Solutions2
  25. 25. 1. Entering the query 2. Displaying results 3. Faceted navigation
  26. 26. Entering the query
  27. 27. SortSearch...In the navigation bar
  28. 28. Sort Search... In a secondary toolbar
  29. 29. SortSearch...Via a pull-to- reveal gesture
  30. 30. Sort Search... Via a pull-to- reveal gesture
  31. 31. Sort Search... Via a pull-to- reveal gesture
  32. 32. Sort Search... Via a pull-to- reveal gesture
  33. 33. Location
  34. 34. Audio
  35. 35. Visual
  36. 36. Drawing
  37. 37. Autocomplete
  38. 38. Autocomplete
  39. 39. Autosuggest
  40. 40. Autosuggest
  41. 41. Instant results
  42. 42. Instant results
  43. 43. Autocomplete, autosuggest, and instant results
  44. 44. Displaying results
  45. 45. List
  46. 46. Grid
  47. 47. Map
  48. 48. Augmented Reality
  49. 49. Segmented control in a toolbar List MapMap Images Search...
  50. 50. Segmented control centered in the navigation bar List MapMap Images
  51. 51. Single button in the navigation bar Search... Map
  52. 52. Faceted navigation
  53. 53. Vertical
  54. 54. Horizontal
  55. 55. Hybrid
  56. 56. Closed by default
  57. 57. Open by default
  58. 58. Hybrid
  59. 59. Standard links
  60. 60. Checkboxes
  61. 61. Custom controls (sliders)
  62. 62. Custom controls (color picker)
  63. 63. Standard links
  64. 64. Instant update
  65. 65. Instant update
  66. 66. Two-stage multi-facet selection
  67. 67. Two-stage single-facet selection
  68. 68. Inline breadcrumbs
  69. 69. Vertical breadbox
  70. 70. Horizontal breadcrumbs
  71. 71. Inline controls
  72. 72. Inline controls
  73. 73. Best Match Price Date Best Match Price Date New Refurb. Used Broken Refine Sort by Narrow by Category Acoustic Seller Price Buying Formats Location Dedicated refinement screen
  74. 74. Dedicated refinement screens
  75. 75. Best Match Price DateRefineGuitarButton in the navigation bar
  76. 76. Best Match Price DateRefineGuitarBest Match Price Date Best Match Price Date Best Match Price Date New Refurb. Used Broken Refine Sort by Narrow by Price RefineSearch...Button in the navigation bar
  77. 77. Best Match Price DateRefineSearch...Best Match Price Date Best Match Price Date New Refurb. Used Broken Refine Sort by Narrow by Category Acoustic Seller Price Buying Formats Location Done Button in the navigation bar
  78. 78. Button in the navigation bar
  79. 79. Gesture
  80. 80. Best Match Price DateRefine Used Broken Acoustic Gesture
  81. 81. Best Match Price Date New Refurb. Used Broken Narrow by Category Acoustic Seller Price Buying Formats RefineGesture
  82. 82. Button or gesture
  83. 83. Button and popover
  84. 84. Designing the Search Experience BY TYLE R TATE

×