Designing the search experience small
121
Designing the Search Experience BY TYLER TATE
-
Upload
lucenerevolution -
Category
Education
-
view
920 -
download
1
description
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.
Transcript of Designing the search experience small
Designing theSearch ExperienceB Y T Y L E R TAT E
1. Key concepts
2. Design solutions
Key Concepts1
1. User expertise
2. Information needs
3. Stages of information seeking
4. Context
Domain expert
Domain novice
Technical novice Technical expert
Domain expertTechnical novice
Domain expertTechnical expert
Domain noviceTechnical novice
Domain noviceTechnical expert
Domain expertTechnical novice
Domain expertTechnical expert
Domain noviceTechnical novice
Domain noviceTechnical expert
http://boxesandarrows.com/novices-orienteer-experts-teleport/
❖ 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?
Casual Lookup Learn Investigate
Informational Geographic Personal Info Transactional
SearchMotive
Search Type
Casual Lookup Learn Investigate
Info
Geographic
PersonalInfo
TransactionPrice
ComparisonActing on
NotificationsOnline
ShoppingProduct
Monitoring
TriviaWindow
ShoppingInformationGathering
Research
DirectionsFriend
Check-insLocal Points of Interest
Travel Planning
CheckingCalendar
CheckingMessages
Situation Analysis
Lifestyle Planning
http://tinyurl.com/InfoNeedMatrix
❖ 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?
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 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?
Task
Physical
PersonalSocial
Environ
Design Solutions2
1. Entering the query
2. Displaying results
3. Faceted navigation
Entering the query
SortSearch...In the navigation bar
Sort
Search...
In a secondary toolbar
SortSearch...Via a pull-to-reveal gesture
Sort
Search...Via a pull-to-reveal gesture
Sort
Search...
Via a pull-to-reveal gesture
Sort
Search...
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
Augmented Reality
Segmented control in a toolbar
List MapMap Images
Search...
Segmented control centered in the navigation bar
List MapMap Images
Single button in the navigation bar
Search... 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 Date
Best Match Price Date
New Refurb. Used Broken
Refine
Sort by
Narrow by
Category Acoustic
Seller
Price
Buying Formats
Location
Dedicated refinement screen
Dedicated refinement screens
Best Match Price DateRefineGuitarButton in the navigation bar
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
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
DoneButton in the navigation bar
Button in the navigation bar
Gesture
Best Match Price DateRefine
Used Broken
Acoustic
Gesture
Best Match Price Date
New Refurb. Used Broken
Narrow by
Category Acoustic
Seller
Price
Buying Formats
RefineGesture
Button or gesture
Button and popover
Designing theSearch ExperienceB Y T Y L E R TAT E
