Search & Filter Interface Round Up - Usability Marathon - Cueva
Download as PPT, PDF0 likes946 views
This document discusses best practices for designing search and filter interfaces. It covers types of searches, considerations when designing search interfaces, examples of interface elements like faceted navigation and visualization of results, and ways to improve relevancy and support user actions like sorting, sharing and saving results. The document is intended as a guide for understanding user needs and improving search experiences.
Search & Filter Interface Round Up - Usability Marathon - Cueva
- 1. Prepared by: Amy Cueva – Founder, Chief Experience Officer October 19, 2009 Search & Filter Interface Round Up EXAMPLES & BEST PRACTICES
- 2. Mad*Pow Fact Sheet Experience Design Studio: Product Design Interaction Design Contextual Inquiry Ethnographic Research Task Flow Analysis Usability Testing Information Architecture Visual Design Prototyping Interactive Media E-business Strategy Market Research Development Founded: 2000 by Amy Cueva and Will Powley Headquarters: Historic Portsmouth, NH Staff: 28 Employees Officers Directors Designers Creative Technologists Strategists Salespeople Administrators
- 5. Search & Filter: Topics Types of Searches Key Considerations Search Initiation and Navigation Results Presentation Relevancy, Personalization and Taking Action Questions?
- 6. Types of Searches 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
- 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…
- 8. When designing a search interface, consider: 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?
- 9. When designing a search interface, consider: 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?
- 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?
- 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 you measure success? How will search relevancy be monitored and improved on a regular basis?
- 12. Interface & Interaction Design Checklist: Home (pre-search): What will be shown? Most recent searches? Most recently clicked through on? Most popular? Recommended searches?
- 13. Interface & Interaction Checklist: 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?
- 14. Interface & Interaction Checklist: 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?
- 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 How many results per page, pagination How will the content load/flow in?
- 19. Newer Search Interfaces: Aggregators/Federated Search
- 23. Advanced Search
- 24. Faceted Navigation & Filters
- 25. Faceted Navigation & Filters
- 26. Faceted Navigation & Filters
- 27. Faceted Navigation & Filters
- 28. Pagination
- 29. “ Zoom In” and “Zoom Out”
- 36. Results > Detail Browse
- 37. Results > Detail Browse
- 38. Results > Detail Browse
- 39. Results > Detail Browse
- 40. Results > Detail Browse
- 41. Results Presentation: Granularity Levels
- 42. Results Presentation: Federated Search Results
- 43. Results Presentation: Federated Search Results
- 44. Results Presentation: Federated Search Results
- 45. Results Presentation: Federated Search Results
- 46. Results Presentation: Rich Results Presentation
- 47. Results Presentation: Rich Results Presentation
- 48. Results Presentation: Presentation Options
- 49. Relevancy and Taking Action: Relationships & Nearness
- 50. Relevancy and Taking Action: Relationships & Nearness
- 51. Relevancy and Taking Action: Community Tagging, Rating, and Ranking
- 52. Relevancy and Taking Action: Implicit vs. Explicit Personalization
- 53. Relevancy and Taking Action: Implicit vs. Explicit Personalization
- 54. Relevancy and Taking Action: Individual Manipulation of Results
- 55. Relevancy and Taking Action: Individual Manipulation of Results
- 56. Relevancy and Taking Action: Individual Manipulation of Results
- 57. Relevancy and Taking Action: Saving and Sharing Results
- 58. Relevancy and Taking Action: Generating Results Feeds
- 59. Questions?
Editor's Notes
- #23: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #25: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #26: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #27: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #28: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #29: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #30: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #31: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #32: Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
- #33: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #34: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #35: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #36: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #42: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #43: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #44: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #45: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #46: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #47: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #48: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #49: Results presentation: Federated search results presentation Presentation of different asset types Information visualization Result level: Titles, overviews, groups and line items. Rich/innovative results presentation
- #50: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #51: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #52: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #53: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #54: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #55: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #56: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #57: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #58: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds
- #59: Relevancy, personalization and taking action: Information relationships and nearness Community tagging, rating, and ranking Implicit personalization via behavior tracking and pattern analysis Explicit personalization via profile building and “persistent filters” Recommended searches Individual manipulation of results Saving and sharing results Generating results feeds