Designing the search experience small
Upcoming SlideShare
Loading in...5
×
 

Designing the search experience small

on

  • 862 views

Presented by Tyler Tate, Cofounder, TwigKit ...

Presented by Tyler Tate, Cofounder, TwigKit

Search is not just a box and ten blue links. Search is a journey: an exploration where what we encounter along the way changes what we seek. But in order to guide people along this journey, we must understand both the art and science of search.In this talk Tyler Tate, cofounder of TwigKit and coauthor of the new book Designing the Search Experience, weaves together the theories of information seeking with the practice of user interface design, providing a comprehensive guide to designing search.Pulling from a wealth of research conducted over the last 30 years, Tyler begins by establishing a framework of search and discovery. He outlines cognitive attributes of users—including their level of expertise, cognitive style, and learning style; describes models of information seeking and how they've been shaped by theories such as information foraging and sensemaking; and reviews the role that task, physical, social, and environmental context plays in the search process.

Tyler then moves from theory to practice, drawing on his experience of designing 50+ search user interfaces to provide practical guidance for common search requirements. He describes best practices and demonstrates reams of examples for everything from entering the query (including the search box, as-you-type suggestions, advanced search, and non-textual input), to the layout of search results (such as lists, grids, maps, augmented reality, and voice), to result manipulation (e.g. pagination and sorting) and, last but not least, the ins-and-outs of faceted navigation. Through it all, Tyler also addresses mobile interface design and how responsive design techniques can be used to achieve cross-platform search.This intensive talk will enable you to create better search experiences by equipping you with a well-rounded understanding of the theories of information seeking, and providing you with a sweeping survey of search user interface best practices.

Statistics

Views

Total Views
862
Views on SlideShare
585
Embed Views
277

Actions

Likes
1
Downloads
31
Comments
0

2 Embeds 277

http://www.lucenerevolution.org 231
http://lucenerevolution.org 46

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Designing the search experience small Designing the search experience small Presentation Transcript

  • Designing theSearch ExperienceBY TYL ER TATE
  • 1. Key concepts2. Design solutions
  • Key Concepts1
  • 1. User expertise2. Information needs3. Stages of information seeking4. Context
  • Domain expertDomain novice
  • Technical novice Technical expert
  • Domain expertTechnical noviceDomain expertTechnical expertDomain noviceTechnical noviceDomain noviceTechnical expert
  • Domain expertTechnical noviceDomain expertTechnical expertDomain noviceTechnical noviceDomain noviceTechnical experthttp://boxesandarrows.com/novices-orienteer-experts-teleport/
  • ❖ 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?
  • Casual Lookup Learn Investigate
  • Informational Geographic Personal Info Transactional
  • SearchMotiveSearch Type
  • Casual Lookup Learn InvestigateInfoGeographicPersonalInfoTransactionPriceComparisonActing onNotificationsOnlineShoppingProductMonitoringTriviaWindowShoppingInformationGatheringResearchDirectionsFriendCheck-insLocal Pointsof InterestTravelPlanningCheckingCalendarCheckingMessagesSituationAnalysisLifestylePlanninghttp://tinyurl.com/InfoNeedMatrix
  • ❖ 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?
  • Initiation
  • Initiation Selection
  • Initiation Selection Exploration
  • Initiation Selection Exploration Formulation
  • Initiation Selection Exploration Formulation Collection
  • Initiation Selection Exploration Formulation Collection Action
  • Initiation Selection Exploration Formulation Collection Actionhttp://alistapart.com/article/the-ux-of-learning
  • ❖ 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?
  • TaskPhysicalPersonalSocialEnviron
  • Design Solutions2
  • 1. Entering the query2. Displaying results3. Faceted navigation
  • Entering the query
  • SortSearch...In the navigationbar
  • SortSearch...In a secondarytoolbar
  • SortSearch...Via a pull-to-reveal gesture
  • SortSearch...Via a pull-to-reveal gesture
  • SortSearch...Via a pull-to-reveal gesture
  • SortSearch...Via a pull-to-reveal gesture
  • Location
  • Audio
  • Visual
  • Drawing
  • Autocomplete
  • Autocomplete
  • Autosuggest
  • Autosuggest
  • Instant results
  • Instant results
  • Autocomplete, autosuggest, and instant results
  • Displaying results
  • List
  • Grid
  • Map
  • AugmentedReality
  • Segmentedcontrol in atoolbarList MapMap ImagesSearch...
  • Segmentedcontrolcentered in thenavigation barList MapMap Images
  • Single button inthe navigationbarSearch... Map
  • Faceted navigation
  • Vertical
  • Horizontal
  • Hybrid
  • Closed by default
  • Open by default
  • Hybrid
  • Standard links
  • Checkboxes
  • Custom controls (sliders)
  • Custom controls (color picker)
  • Standard links
  • Instant update
  • Instant update
  • Two-stage multi-facet selection
  • Two-stage single-facet selection
  • Inline breadcrumbs
  • Vertical breadbox
  • Horizontal breadcrumbs
  • Inline controls
  • Inline controls
  • Best Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byCategory AcousticSellerPriceBuying FormatsLocationDedicatedrefinementscreen
  • Dedicated refinement screens
  • Best Match Price DateRefineGuitarButton in thenavigation bar
  • Best Match Price DateRefineGuitarBest Match Price DateBest Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byPriceRefineSearch...Button in thenavigation bar
  • Best Match Price DateRefineSearch...Best Match Price DateBest Match Price DateNew Refurb. Used BrokenRefineSort byNarrow byCategory AcousticSellerPriceBuying FormatsLocationDoneButton in thenavigation bar
  • Button in the navigation bar
  • Gesture
  • Best Match Price DateRefineUsed BrokenAcousticGesture
  • Best Match Price DateNew Refurb. Used BrokenNarrow byCategory AcousticSellerPriceBuying FormatsRefineGesture
  • Button or gesture
  • Button and popover
  • Designing theSearch ExperienceBY TYL ER TATE