Search & Filter Interface Round Up - Usability Marathon - Cueva

1,312 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,312
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • Type ahead search Faceted navigation and filters Pagination options Results “Zoom in” and “zoom out” Options for browsing from results to details and back
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Search & Filter Interface Round Up - Usability Marathon - Cueva

    1. 1. Prepared by: Amy Cueva – Founder, Chief Experience Officer October 19, 2009 Search & Filter Interface Round Up EXAMPLES & BEST PRACTICES
    2. 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
    3. 3. Mad*Pow Clients
    4. 4.
    5. 5. Search & Filter: Topics Types of Searches Key Considerations Search Initiation and Navigation Results Presentation Relevancy, Personalization and Taking Action Questions?
    6. 6. Types of Searches <ul><li>How do people search? </li></ul><ul><li>Search Engines </li></ul><ul><li>Embedded Site Search </li></ul><ul><li>E-Commerce Search </li></ul><ul><li>Intranet/Local Search </li></ul><ul><li>Online, mobile, desktop applications, kiosk, phone interfaces, voice interfaces, asking a live person </li></ul><ul><li>What are they looking for? </li></ul><ul><li>A phone number </li></ul><ul><li>A sweater </li></ul><ul><li>A plane ticket </li></ul><ul><li>A document </li></ul><ul><li>A song </li></ul><ul><li>A person </li></ul><ul><li>Any piece of information </li></ul>
    7. 7. Types of Searches <ul><li>I want to… </li></ul><ul><li>Find a specific piece of information : There is one answer. </li></ul><ul><li>A zip/postal code, the temperature in a location, a specific person </li></ul><ul><li>Find and compare pieces of information : There is more than one answer. </li></ul><ul><li>Movie times, a type of person, restaurants, books on a topic </li></ul><ul><li>Gain a level of understanding, do research and make a decision: The answer depends on the person doing the search. </li></ul><ul><li>Where should I go on vacation? What do these symptoms mean? What is the best… </li></ul>
    8. 8. When designing a search interface, consider: <ul><li>Who is visiting? What do they need? </li></ul><ul><li>What makes audience members different? Are there any important characteristics about them to consider? </li></ul><ul><li>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? </li></ul><ul><li>How did they get here? What lead up to this interaction? What is driving them? </li></ul><ul><li>What are they looking for? How will they expect to find it? (Search Terms)? Where will they want to look? </li></ul><ul><li>What do they want to see? What content or functionality would be most useful relevant to them? Will they need any related information? </li></ul>
    9. 9. When designing a search interface, consider: <ul><li>Who is visiting? What do they need? </li></ul><ul><li>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? </li></ul><ul><li>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? </li></ul><ul><li>How will they use this information? What will they need to do with it? </li></ul><ul><li>What will they do after? How can that be supported? </li></ul><ul><li>Will they be back again? Will they need the information from this search? </li></ul><ul><li>Would they want search results like this on a regular basis? </li></ul>
    10. 10. What can be done? What will YOU do? <ul><li>What can be done to understand the visitor? </li></ul><ul><li>Search logs, site stats, analytics </li></ul><ul><li>Site survey/customer survey </li></ul><ul><li>User research: User interviews, contextual inquiry, observation </li></ul><ul><li>Usability testing: before, after, and during </li></ul><ul><li>How early can you do these things? How often? Can they be part of an ongoing process? </li></ul>
    11. 11. What can be done? What will YOU do? <ul><li>Making it happen… </li></ul><ul><li>What is it? What are the priorities? How do you determine priorities? </li></ul><ul><li>What should be done in the future? </li></ul><ul><li>What can be done right now? </li></ul><ul><li>What can be done with the technology? What can’t? </li></ul><ul><li>Who are you working with? How can you collaborate? </li></ul><ul><li>Is your search effective? How will you measure success? </li></ul><ul><li>How will search relevancy be monitored and improved on a regular basis? </li></ul>
    12. 12. Interface & Interaction Design Checklist: <ul><li>Home (pre-search): </li></ul><ul><ul><li>What will be shown? </li></ul></ul><ul><ul><li>Most recent searches? </li></ul></ul><ul><ul><li>Most recently clicked through on? </li></ul></ul><ul><ul><li>Most popular? </li></ul></ul><ul><ul><li>Recommended searches? </li></ul></ul>
    13. 13. Interface & Interaction Checklist: <ul><li>Search Box: </li></ul><ul><ul><li>Placement, priority, design, labeling </li></ul></ul><ul><ul><li>Focus, return, tabbing </li></ul></ul><ul><ul><li>Pre-population, </li></ul></ul><ul><ul><li>Type ahead, spell check, interactivity, related searches </li></ul></ul><ul><ul><li>“ Codified” searches </li></ul></ul><ul><li>Search Terms: </li></ul><ul><ul><li>What terms should be anticipated? </li></ul></ul><ul><ul><li>Will there be a spell check/did you mean feature? </li></ul></ul>
    14. 14. Interface & Interaction Checklist: <ul><li>Display of Results: </li></ul><ul><ul><li>What content/media will be displayed? </li></ul></ul><ul><ul><li>Will there be content available on hover? </li></ul></ul><ul><ul><li>Will the content be expandable/collapsible? </li></ul></ul><ul><ul><li>Will related content be shown? </li></ul></ul><ul><ul><li>Can a click through be avoided by showing the right information in the results? </li></ul></ul><ul><ul><li>How will the results be organized? </li></ul></ul><ul><ul><li>How will the results be prioritized? </li></ul></ul><ul><ul><li>How will they be filtered and sorted? </li></ul></ul><ul><ul><li>Will topical navigation or faceted navigation be available? </li></ul></ul>
    15. 15. Interface & Interaction Checklist: <ul><li>Manipulation of Results/Interaction with Results: </li></ul><ul><ul><li>Sort, filter, zoom in/out, navigate </li></ul></ul><ul><ul><li>Organize, Drag & drop, </li></ul></ul><ul><ul><li>Take action, save, share, email print </li></ul></ul><ul><ul><li>Rate, comment, contribute, suggest </li></ul></ul><ul><ul><li>Show similar/more like this, remove </li></ul></ul><ul><ul><li>Browse, hover, click through/view </li></ul></ul><ul><ul><li>How many results per page, pagination </li></ul></ul><ul><ul><li>How will the content load/flow in? </li></ul></ul>
    16. 16. Familiar Search Interfaces
    17. 17. Newer Search Interfaces
    18. 18. Newer Search Interfaces
    19. 19. Newer Search Interfaces: Aggregators/Federated Search
    20. 20. Aggregators/Federated Search
    21. 21. Peek-a-boo Search
    22. 22. Type Ahead Search
    23. 23. Advanced Search
    24. 24. Faceted Navigation & Filters
    25. 25. Faceted Navigation & Filters
    26. 26. Faceted Navigation & Filters
    27. 27. Faceted Navigation & Filters
    28. 28. Pagination
    29. 29. “ Zoom In” and “Zoom Out”
    30. 30. Information Visualization
    31. 31. Information Visualization
    32. 32. Information Visualization
    33. 33. Information Visualization
    34. 34. Information Visualization
    35. 35. Information Visualization
    36. 36. Results > Detail Browse
    37. 37. Results > Detail Browse
    38. 38. Results > Detail Browse
    39. 39. Results > Detail Browse
    40. 40. Results > Detail Browse
    41. 41. Results Presentation: Granularity Levels
    42. 42. Results Presentation: Federated Search Results
    43. 43. Results Presentation: Federated Search Results
    44. 44. Results Presentation: Federated Search Results
    45. 45. Results Presentation: Federated Search Results
    46. 46. Results Presentation: Rich Results Presentation
    47. 47. Results Presentation: Rich Results Presentation
    48. 48. Results Presentation: Presentation Options
    49. 49. Relevancy and Taking Action: Relationships & Nearness
    50. 50. Relevancy and Taking Action: Relationships & Nearness
    51. 51. Relevancy and Taking Action: Community Tagging, Rating, and Ranking
    52. 52. Relevancy and Taking Action: Implicit vs. Explicit Personalization
    53. 53. Relevancy and Taking Action: Implicit vs. Explicit Personalization
    54. 54. Relevancy and Taking Action: Individual Manipulation of Results
    55. 55. Relevancy and Taking Action: Individual Manipulation of Results
    56. 56. Relevancy and Taking Action: Individual Manipulation of Results
    57. 57. Relevancy and Taking Action: Saving and Sharing Results
    58. 58. Relevancy and Taking Action: Generating Results Feeds
    59. 59. Questions?

    ×