This document provides examples and best practices for search and filter interfaces. It discusses types of searches people conduct, key considerations for designing search interfaces, and examples of different interface elements and interactions. Sections cover search initiation and navigation, results presentation, relevancy, personalization, and taking action on results. The document aims to help people design more effective search experiences.
Search&Filter Interface Round Up by Amy Cueva, Mad Pow
1. Search & Filter Interface Round Up
EXAMPLES & BEST PRACTICES
Prepared by:
Amy Cueva – Founder, Chief Experience Officer
October 19, 2009
2. Mad Pow
Mad*Pow Fact Sheet
Experience Design Studio: Founded:
Product Design
g 2000 by Amy Cueva and Will Powley
y y y
Interaction Design
Contextual Inquiry
Headquarters:
Ethnographic Research
Historic Portsmouth, NH
Task Flow Analysis
y
Usability Testing
Information Architecture Staff:
Visual Design 28 Employees
Prototyping
yp g Officers
Interactive Media Directors
E-business Strategy Designers
Market Research Creative Technologists
Development
p Strategists
g
Salespeople
Administrators
2
5. Search & Filter: Topics
Types of Searches
Key Considerations
Search Initiation and Navigation
Results Presentation
Relevancy, P
R l Personalization and Taking Action
li i d T ki A i
Questions?
5
6. Types of Searches
How do people search? What are they looking for?
Search Engines A phone number
Embedded Site Search A sweater
E-Commerce Search A plane ticket
Intranet/Local Search A document
Online, mobile, desktop A song
applications, kiosk, phone
interfaces,
interfaces voice interfaces
interfaces, A person
p
asking a live person
Any piece of information
6
7. Types of Searches
I want to…
Find a specific piece of information: There is one answer.
A zip/postal code, the temperature in a location, a specific person
Find and compare pieces of information: There is more than one answer.
Movie times, a type of person, restaurants, books on a topic
Gain a level of understanding, do research and make a decision:
The answer depends on the person doing the search.
Where should I go on vacation? What do these symptoms mean?
What is the best…
7
8. When designing a search interface, consider:
interface
Who is visiting? What do they need?
What makes audience members different? Are there any important
?
characteristics about them to consider?
Have they been here before? What have they done? Do we know
y y
anything about them? Can that be used to make the results more
relevant?
How did they get here? What lead up to this interaction? What is driving
them?
What are they looking for? How will they expect to find it? (Search
Terms)? Where will they want to look?
What do they want to see? What content or functionality would be most
useful relevant to them? Will they need any related information?
8
9. When designing a search interface, consider:
interface
Who is visiting? What do they need?
How will they know when they’ve found what they are looking for?
H ill th k h th ’ f d h t th l ki f ?
How will they compare results? What are their decision making
attributes? What’s important/most relevant to them?
How will they want to interact? What would the ideal interaction be?
Will they sort, refine results, zoom in/out, navigate topically, compare,
“pogo-stick” (J Spool), save, favorite, rate, comment, share, email, print?
How will they use this information? What will they need to do with it?
What will they do after? How can that be supported?
Will they be back again? Will they need the information from this
search?
Would they want search results like this on a regular basis?
9
10. What can be done? What will YOU do?
What can be done to understand the visitor?
Search logs, site stats, analytics
Site survey/customer survey
User research: User interviews, contextual inquiry, observation
Usability testing: before, after, and during
How early can you do these things? How often? Can they be part of an
ongoing process?
10
11. What can be done? What will YOU do?
Making it happen…
What is it? What are the priorities? How do you determine priorities?
What should be done in the future?
What can be done right now?
What can be done with the technology? What can’t?
Who are you working with? How can you collaborate?
Is your search effective? How will y measure success?
y you
How will search relevancy be monitored and improved on a regular
basis?
11
12. Interface & Interaction Design Checklist:
Home (pre-search):
What will be shown?
Most recent searches?
Most recently clicked through on?
Most popular?
Recommended searches?
12
13. Interface & Interaction Checklist:
Search Box:
Placement, priority, design, labeling
Focus, return, tabbing
Pre-population,
P l i
Type ahead, spell check, interactivity, related searches
“Codified”
“C difi d” searches
h
Search Terms:
What terms should be anticipated?
Wh t t h ld b ti i t d?
Will there be a spell check/did you mean feature?
13
14. Interface & Interaction Checklist:
Display of Results:
What
Wh t content/media will be displayed?
t t/ di ill b di l d?
Will there be content available on hover?
Will the content be expandable/collapsible?
Will related content be shown?
Can a click through be avoided by showing the right information in
the results?
How will the results be organized?
How will the results be prioritized?
How will they be filtered and sorted?
Will topical navigation or faceted navigation be available?
p g g
14
15. Interface & Interaction Checklist:
Manipulation of Results/Interaction with Results:
Sort, filter, zoom in/out, navigate
Organize, Drag & drop,
Take action, save, share, email print
Rate, comment, contribute, suggest
Show similar/more like this, remove
Browse, hover, click through/view
g
How many results per page, pagination
How will the content load/flow in?
15