search & filter interface round up - usability marathon - cueva
TRANSCRIPT
![Page 1: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/1.jpg)
Prepared by:
Amy Cueva – Founder, Chief Experience Officer
October 19, 2009
Search & Filter Interface Round UpEXAMPLES & BEST PRACTICES
![Page 2: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/2.jpg)
Mad*Pow Fact Sheet
2
Experience Design Studio:Product DesignInteraction Design Contextual InquiryEthnographic ResearchTask Flow AnalysisUsability Testing Information ArchitectureVisual DesignPrototypingInteractive Media E-business StrategyMarket Research Development
Founded:2000 by Amy Cueva and Will Powley
Headquarters:Historic Portsmouth, NH
Staff:28 EmployeesOfficersDirectors DesignersCreative TechnologistsStrategistsSalespeopleAdministrators
![Page 3: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/3.jpg)
Mad*Pow Clients
3
![Page 4: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/4.jpg)
4
![Page 5: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/5.jpg)
Search & Filter: Topics
5
Types of Searches
Key Considerations
Search Initiation and Navigation
Results Presentation
Relevancy, Personalization and Taking Action
Questions?
![Page 6: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/6.jpg)
Types of Searches
6
How do people search?
Search Engines
Embedded Site Search
E-Commerce Search
Intranet/Local Search
Online, mobile, desktop applications, kiosk, phone interfaces, voice interfaces, asking a live person
What are they looking for?
A phone number
A sweater
A plane ticket
A document
A song
A person
Any piece of information
![Page 7: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/7.jpg)
Types of Searches
7
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…
![Page 8: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/8.jpg)
When designing a search interface, consider:
8
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 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?
![Page 9: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/9.jpg)
When designing a search interface, consider:
9
Who is visiting? What do they need?
How will they know when they’ve found what they are looking for? 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?
![Page 10: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/10.jpg)
What can be done? What will YOU do?
10
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?
![Page 11: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/11.jpg)
What can be done? What will YOU do?
11
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 you measure success?
How will search relevancy be monitored and improved on a regular basis?
![Page 12: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/12.jpg)
Interface & Interaction Design Checklist:
12
Home (pre-search):
What will be shown?
Most recent searches?
Most recently clicked through on?
Most popular?
Recommended searches?
![Page 13: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/13.jpg)
Interface & Interaction Checklist:
13
Search Box:
Placement, priority, design, labeling
Focus, return, tabbing
Pre-population,
Type ahead, spell check, interactivity, related searches
“Codified” searches
Search Terms:
What terms should be anticipated?
Will there be a spell check/did you mean feature?
![Page 14: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/14.jpg)
Interface & Interaction Checklist:
14
Display of Results:
What content/media will be displayed?
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?
![Page 15: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/15.jpg)
Interface & Interaction Checklist:
15
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
How many results per page, pagination
How will the content load/flow in?
![Page 16: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/16.jpg)
Familiar Search Interfaces
16
![Page 17: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/17.jpg)
Newer Search Interfaces
17
![Page 18: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/18.jpg)
Newer Search Interfaces
18
![Page 19: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/19.jpg)
Newer Search Interfaces: Aggregators/Federated Search
19
![Page 20: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/20.jpg)
Aggregators/Federated Search
20
![Page 21: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/21.jpg)
Peek-a-boo Search
21
![Page 22: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/22.jpg)
Type Ahead Search
22
![Page 23: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/23.jpg)
Advanced Search
23
![Page 24: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/24.jpg)
Faceted Navigation & Filters
24
![Page 25: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/25.jpg)
Faceted Navigation & Filters
25
![Page 26: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/26.jpg)
Faceted Navigation & Filters
26
![Page 27: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/27.jpg)
Faceted Navigation & Filters
27
![Page 28: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/28.jpg)
Pagination
28
![Page 29: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/29.jpg)
“Zoom In” and “Zoom Out”
29
![Page 30: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/30.jpg)
Information Visualization
30
![Page 31: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/31.jpg)
Information Visualization
31
![Page 32: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/32.jpg)
Information Visualization
32
![Page 33: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/33.jpg)
Information Visualization
33
![Page 34: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/34.jpg)
Information Visualization
34
![Page 35: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/35.jpg)
Information Visualization
35
![Page 36: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/36.jpg)
Results > Detail Browse
36
![Page 37: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/37.jpg)
Results > Detail Browse
37
![Page 38: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/38.jpg)
Results > Detail Browse
38
![Page 39: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/39.jpg)
Results > Detail Browse
39
![Page 40: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/40.jpg)
Results > Detail Browse
40
![Page 41: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/41.jpg)
Results Presentation: Granularity Levels
41
![Page 42: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/42.jpg)
Results Presentation: Federated Search Results
42
![Page 43: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/43.jpg)
Results Presentation: Federated Search Results
43
![Page 44: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/44.jpg)
Results Presentation: Federated Search Results
44
![Page 45: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/45.jpg)
Results Presentation: Federated Search Results
45
![Page 46: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/46.jpg)
Results Presentation: Rich Results Presentation
46
![Page 47: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/47.jpg)
Results Presentation: Rich Results Presentation
47
![Page 48: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/48.jpg)
Results Presentation: Presentation Options
48
![Page 49: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/49.jpg)
Relevancy and Taking Action: Relationships & Nearness
49
![Page 50: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/50.jpg)
Relevancy and Taking Action: Relationships & Nearness
50
![Page 51: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/51.jpg)
Relevancy and Taking Action: Community Tagging, Rating, and Ranking
51
![Page 52: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/52.jpg)
Relevancy and Taking Action: Implicit vs. Explicit Personalization
52
![Page 53: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/53.jpg)
Relevancy and Taking Action: Implicit vs. Explicit Personalization
53
![Page 54: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/54.jpg)
Relevancy and Taking Action: Individual Manipulation of Results
54
![Page 55: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/55.jpg)
Relevancy and Taking Action: Individual Manipulation of Results
55
![Page 56: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/56.jpg)
Relevancy and Taking Action: Individual Manipulation of Results
56
![Page 57: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/57.jpg)
Relevancy and Taking Action: Saving and Sharing Results
57
![Page 58: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/58.jpg)
Relevancy and Taking Action: Generating Results Feeds
58
![Page 59: Search & Filter Interface Round Up - Usability Marathon - Cueva](https://reader035.vdocuments.us/reader035/viewer/2022081602/554bdd88b4c905706a8b567d/html5/thumbnails/59.jpg)
Questions?
59