Your SlideShare is downloading. ×
0
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designing the search experience by tyler tate : twigkit

1,455

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,455
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
37
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Designing theSearch ExperienceBY TYLE R TATE
  • 2. 1. Key concepts2. Design solutions
  • 3. Key Concepts1
  • 4. 1. User expertise2. Information needs3. Stages of information seeking4. Context
  • 5. Domain expertDomain novice
  • 6. Technical novice Technical expert
  • 7. Domain expertTechnical noviceDomain expertTechnical expertDomain noviceTechnical noviceDomain noviceTechnical expert
  • 8. Domain expertTechnical noviceDomain expertTechnical expertDomain noviceTechnical noviceDomain noviceTechnical experthttp://boxesandarrows.com/novices-orienteer-experts-teleport/
  • 9. ❖ How familiar are your users with your particular subjectmatter?❖ Is there a big gap in subject-matter expertise amongyour users?❖ How tech-savvy are your users?❖ Is there a big gap in their technical expertise?
  • 10. Casual Lookup Learn Investigate
  • 11. Informational Geographic Personal Info Transactional
  • 12. SearchMotiveSearch Type
  • 13. Casual Lookup Learn InvestigateInfoGeographicPersonalInfoTransactionPriceComparisonActing onNotificationsOnlineShoppingProductMonitoringTriviaWindowShoppingInformationGatheringResearchDirectionsFriendCheck-insLocal Pointsof InterestTravelPlanningCheckingCalendarCheckingMessagesSituationAnalysisLifestylePlanninghttp://tinyurl.com/InfoNeedMatrix
  • 14. ❖ What motivates people to use your searchapplication?❖ Do they want to quickly lookup a simple fact, or arethey more interesting in digging deep? Or do theyjust want to kill time?❖ What types of searches do your users want toperform?❖ Does your current search application effectivelyfacilitate the user’s search motive and type?
  • 15. Initiation
  • 16. Initiation Selection
  • 17. Initiation Selection Exploration
  • 18. Initiation Selection Exploration Formulation
  • 19. Initiation Selection Exploration Formulation Collection
  • 20. Initiation Selection Exploration Formulation Collection Action
  • 21. Initiation Selection Exploration Formulation Collection Actionhttp://alistapart.com/article/the-ux-of-learning
  • 22. ❖ At what phases of the information seeking processdo users want you use your search application?❖ What stages of the information seeking process doesyour search application currently facilitate?❖ Is there more you could do to engage users earlier inthe process?
  • 23. TaskPhysicalPersonalSocialEnviron
  • 24. Design Solutions2
  • 25. 1. Entering the query2. Displaying results3. Faceted navigation
  • 26. Entering the query
  • 27. SortSearch...In the navigationbar
  • 28. SortSearch...In a secondarytoolbar
  • 29. SortSearch...Via a pull-to-reveal gesture
  • 30. SortSearch...Via a pull-to-reveal gesture
  • 31. SortSearch...Via a pull-to-reveal gesture
  • 32. SortSearch...Via a pull-to-reveal gesture
  • 33. Location
  • 34. Audio
  • 35. Visual
  • 36. Drawing
  • 37. Autocomplete
  • 38. Autocomplete
  • 39. Autosuggest
  • 40. Autosuggest
  • 41. Instant results
  • 42. Instant results
  • 43. Autocomplete, autosuggest, and instant results
  • 44. Displaying results
  • 45. List
  • 46. Grid
  • 47. Map
  • 48. AugmentedReality
  • 49. Segmentedcontrol in atoolbarList MapMap ImagesSearch...
  • 50. Segmentedcontrolcentered in thenavigation barList MapMap Images
  • 51. Single button inthe navigationbarSearch... Map
  • 52. Faceted navigation
  • 53. Vertical
  • 54. Horizontal
  • 55. Hybrid
  • 56. Closed by default
  • 57. Open by default
  • 58. Hybrid
  • 59. Standard links
  • 60. Checkboxes
  • 61. Custom controls (sliders)
  • 62. Custom controls (color picker)
  • 63. Standard links
  • 64. Instant update
  • 65. Instant update
  • 66. Two-stage multi-facet selection
  • 67. Two-stage single-facet selection
  • 68. Inline breadcrumbs
  • 69. Vertical breadbox
  • 70. Horizontal breadcrumbs
  • 71. Inline controls
  • 72. Inline controls
  • 73. Best Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byCategory AcousticSellerPriceBuying FormatsLocationDedicatedrefinementscreen
  • 74. Dedicated refinement screens
  • 75. Best Match Price DateRefineGuitarButton in thenavigation bar
  • 76. Best Match Price DateRefineGuitarBest Match Price DateBest Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byPriceRefineSearch...Button in thenavigation bar
  • 77. Best Match Price DateRefineSearch...Best Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byCategory AcousticSellerPriceBuying FormatsLocationDoneButton in thenavigation bar
  • 78. Button in the navigation bar
  • 79. Gesture
  • 80. Best Match Price DateRefineUsed BrokenAcousticGesture
  • 81. Best Match Price DateNew Refurb. Used BrokenNarrow byCategory AcousticSellerPriceBuying FormatsRefineGesture
  • 82. Button or gesture
  • 83. Button and popover
  • 84. Designing theSearch ExperienceBY TYLE R TATE

×