SlideShare a Scribd company logo
From Search to Discovery Tony Russell-Rose, PhD UX Manager (EMEA) 08-Feb-2011
Understanding Search & Discovery Behaviour Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. James Joyce’s Ulysses? Irish writer? PR6019.O9 U418 G42
Search tasks Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Fact finding Discovery Irish writer? James Joyce’s  Ulysses ?
Is this the right problem to solve? Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Possibilities  of the search box Search often works when you know precisely what you want, and  how to ask for it Limitations  of the search box Search fails when you don’t know which choices you have, because  you don’t know what you don’t know
A Relevance Primer We seek good  recall All relevant results are returned We also seek good  precision Results that are returned are relevant Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.   the whole truth,     The truth, & nothing but the truth relevant retrieved
Human-computer information retrieval (HCIR) Don’t just guess the user’s intent Increase user responsibility and control Require and reward human intellectual effort Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. But there is a difficult trade-off Which should we favour? recall precision
Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
But what about the three click rule? Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Testing the Three-Click Rule , Joshua Porter / UIE, Apr 16, 2003
Models of the Information Seeking Process Standard Model Broder 2002, Sutcliffe & Ennis 1998 Cognitive Model Norman 1988, Marchioni 1989 Dynamic Model Bates 1989, O‘ Day and Jeffries 1993 Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Information Seeking in Stages Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Predict Adapt Iterate Revise Evaluate The five core activities of human information-seeking behavior Am I asking my question the right way? Was my prediction accurate? How should I adjust my tactics? Am I progressing toward my goal?  Did I learn something that alters my goal?
Design for Discovery Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Varied Solutions for Varied User Contexts Varied Solutions for Varied User Contexts
Varied Contexts required Varied Solutions Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Where should we put the  Faceted Navigation  and how should it be laid out to be as effective as possible?
Varied Contexts required Varied Solutions Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. We have diverse types of content - how should we present  mixed results sets  to help our users successfully discover the most relevant and useful items?
The Dimensions of Search User Experience Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Objective User Type “ Find part #35456…” “ Discover compatible parts …” “ Understand part obsolescence …” etc. Electronics Engineer Purchasing Agent Novice Shopper Technical Enthusiast Etc.  Mode of Interaction Analyzing Comparing Evaluating Exploring Locating Etc. Assets Products Rich Media Textual Info Relationships Community Etc.
Dimension 1: User Type Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. KNOWLEDGE Novice Uncertain Expert Confident Users vary in terms of their level of knowledge, confidence & attitude Purchasing Agent Electronics Engineer Maintenance Technician
Dimension 2: Objective Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. I need to find part number 2335456 BREADTH COMPLEXITY Focused Simple Broad Complex I need to discover compatible parts that work for my assembly I need to understand part obsolescence & manage our risks Electronics Engineer
Dimension 3: Mode of Interaction Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Synthesizing To generate or communicate insight by integrating diverse inputs to create a novel artefact or composite view I need to prepare a weekly report for my boss of how things are going I need to understand the cost drivers for this commodity so I can negotiate better terms with my suppliers Exploring To investigate or serendipitously examine an information space for the purpose of learning or knowledge discovery I need to know the cost drivers for a part such as materials that impact cost Analyzing To critically examine the detail of an item or data set to identify patterns & relationships I need to compare our module set teardowns with competitors to see if we’re competitive Comparing To examine two or more items to identify similarities & differences I need to find a new part with specific attributes then source it from the most qualified supplier Locating To find a specific (possibly known) item I need to determine my current state so I can evaluate if I have price variation Evaluating To use judgement to determine the significance or value of an item or data set with respect to a specific benchmark or model Monitoring To maintain awareness of the status of an item or data set for purposes of management or control I need to monitor at risk dealers so I can prompt my Account Reps to fix the problems Validating To confirm or substantiate that an item or set of items meets some specific criterion How can I determine if I am looking at the latest information for a part or supplier?
Modes vs. Search Activities Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Marchionini, 2006 Spencer, 2006 Known-item Exploratory Don’t know what you need to know Re-finding Morville, 2010 Quit Narrow Expand Pearl-growing Pogo-sticking Thrashing
Dimension 4: Assets Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. COMPLEXITY Simple Homogeneous Highly Faceted Diverse
Endeca UI Design Pattern Library Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Endeca UI Patterns: Overview of current patterns Currently 19 design patterns (more coming) Scope includes: UI elements breadcrumbs, search boxes UI “assemblies” guided navigation, search results, comparisons UI frameworks launch/landing pages Search, discovery, analytics Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Endeca UI Patterns: Key Components Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Key Components Problem Summary Usages and Constraints Solution elements  Related Patterns Additional Examples Anti-patterns
Sample Patterns: Vertical Stack Guided Navigation Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Faceted Navigation: Vertical Stack Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Dimensions are “vertically stacked” – in priority order – adjacent to search results Visibility is managed via a number of techniques (e.g. collapsible and expandable dimensions, etc.) Meaningful natural language labels for the GN menu and Dimensions provide context and a call to action (e.g. “Refine Results by:”) Visual cues (e.g. proximity, spacing, justification, color, font) are used to express hierarchy and containment (e.g. values within dimensions) Solution Overview Sony Style
Faceted Navigation: Vertical Stack Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Sony Style Co-existence of non-faceted (Endeca) navigation menus Potential for displaying too many choices Height of menu vs. height of results area Discoverability and learnability of guided navigation capabilities (including connection to results)  Constraints & Challenges
Faceted Navigation: Vertical Stack Solution Elements Reserve a consistent salient location on the page for available refinements Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Sony Style
Faceted Navigation: Vertical Stack Solution Elements Provide a meaningful natural language label (and call to action) for the entire Guided Navigation menu UI element, e.g.: “ Narrow Your Results” “ Refine Your Results” Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements Provide a meaningful natural language label for each Dimension Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements Visually  group  Dimension labels and selectable Dimension Values through proximity, spacing/indents, color coding, etc. Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements Visually  distinguish  Dimension labels from Dimension Values through font variations, color, justification, etc. Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements Present Dimensions in order of “importance” and frequency of use Note “importance” is a function of user needs and business priorities Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Marriott
Faceted Navigation: Vertical Stack Solution Elements Select and present a subset of Dimensions that align with expected user task flow  What are users likely to need in various contexts? Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Carzone.ie
Faceted Navigation: Vertical Stack Solution Elements Ensure that the most “important” Dimensions and Dimension Values are immediately visible to the user without scrolling Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Carzone.ie
Faceted Navigation: Vertical Stack Solution Elements Limit the number of Dimension Values displayed within each Dimension to an easily scanned list Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements Provide a visual or textual cue inviting users to see more/all hidden Dimension Values within a specific Dimension Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Faceted Navigation: Vertical Stack Solution Elements When users select the more/all option, present the additional Dimension Values in context Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential. Food Network
Current Patterns Search Search Box Auto-Suggest Search Within Faceted Navigation Vertical Stack Open Parametric Open Parametric Multi-select Range Slider Results Manipulation Item Comparison Persistent Comparison List Promotional Spotlighting Featured Results Search Results Related Content Mixed Content Results with Spotlights Faceted Analytics Analytics Dashboard Analytics Applications Spatial Visualization Point Location Map Region Map Heat Map Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.
Thank you    Tony Russell-Rose, PhD   UX Manager, EMEA   [email_address] Blog:  http://isquared.wordpress.com Endeca Blog:  http://facets.endeca.com/ Pattern Library:  http://patterns.endeca.com/ Copyright©2010 Endeca Technologies, Inc. All rights reserved.  Proprietary and confidential.

More Related Content

PDF
Designing the Search Experience: The Language of Discovery
PDF
User requirements for complex search strategies
PDF
From search to discovery: Information search strategies and design solutions
PDF
A taxonomy of search strategies and their design implications
PPTX
A Model of Consumer Search Behaviour
PDF
Designing the search experience the language of discovery - Findability Day 2014
PPT
Design Caffeine For Search and Browse UI IASummit2010
PPT
Search & Discovery Patterns, a UIE Virtual Seminar
Designing the Search Experience: The Language of Discovery
User requirements for complex search strategies
From search to discovery: Information search strategies and design solutions
A taxonomy of search strategies and their design implications
A Model of Consumer Search Behaviour
Designing the search experience the language of discovery - Findability Day 2014
Design Caffeine For Search and Browse UI IASummit2010
Search & Discovery Patterns, a UIE Virtual Seminar

Similar to From Search to Discovery (20)

PPT
675d614e68cce (5).ppt image retrival for UI
PDF
Configuring share point 2010 just do it
KEY
8 Information Architecture Better Practices
PDF
Introduction to Enterprise Search
PPTX
A Taxonomy of Site Search
PPTX
SharePoint Saturday Belgium 2013 Intranet search fail
PPTX
SPSBE14 Intranet Search #fail
PDF
Design Patterns For Navigating
PDF
Next Generation BI: current state and changing product assumptions
PDF
Search&Filter Interface Round Up by Amy Cueva, Mad Pow
PPT
Design for Interaction
PPT
Search Patterns: An Early Talk
PDF
Altran Km Focus Search
KEY
Closing the Findability Gap: 8 better practices from information architecture
PDF
GoogleQuoteWSJ.290213955
PPT
Using Search Analytics to Diagnose What’s Ailing your Information Architecture
PPT
Search Analytics for Fun and Profit
PPT
Search Systems
PDF
How Search 2.0 Has Been Redefined by Enterprise 2.0
PDF
Search Solutions 2011: Successful Enterprise Search By Design
675d614e68cce (5).ppt image retrival for UI
Configuring share point 2010 just do it
8 Information Architecture Better Practices
Introduction to Enterprise Search
A Taxonomy of Site Search
SharePoint Saturday Belgium 2013 Intranet search fail
SPSBE14 Intranet Search #fail
Design Patterns For Navigating
Next Generation BI: current state and changing product assumptions
Search&Filter Interface Round Up by Amy Cueva, Mad Pow
Design for Interaction
Search Patterns: An Early Talk
Altran Km Focus Search
Closing the Findability Gap: 8 better practices from information architecture
GoogleQuoteWSJ.290213955
Using Search Analytics to Diagnose What’s Ailing your Information Architecture
Search Analytics for Fun and Profit
Search Systems
How Search 2.0 Has Been Redefined by Enterprise 2.0
Search Solutions 2011: Successful Enterprise Search By Design
Ad

More from Tony Russell-Rose (12)

PPTX
Mind the Gap: Bridging the Research–Practice Divide
PPTX
Visual approaches to patent retrieval
PDF
Towards Explainability in Professional Search
PPTX
Putting search theory to work on large datasets
PPTX
NLP techniques for automated query suggestions
PPTX
Think outside the search box: a AI-based approach to search strategy formulation
PPTX
Introduction to Natural Language Processing
PPTX
Sentiment analysis in healthcare
PPTX
Patterns of Personalization
PPTX
The Role of Natural Language Processing in Information Retrieval
PPT
Text Analytics: Yesterday, Today and Tomorrow
PDF
UI Design Patterns for Search & Information Discovery
Mind the Gap: Bridging the Research–Practice Divide
Visual approaches to patent retrieval
Towards Explainability in Professional Search
Putting search theory to work on large datasets
NLP techniques for automated query suggestions
Think outside the search box: a AI-based approach to search strategy formulation
Introduction to Natural Language Processing
Sentiment analysis in healthcare
Patterns of Personalization
The Role of Natural Language Processing in Information Retrieval
Text Analytics: Yesterday, Today and Tomorrow
UI Design Patterns for Search & Information Discovery
Ad

Recently uploaded (20)

PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PDF
The Advantages of Working With a Design-Build Studio
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
Implications Existing phase plan and its feasibility.pptx
PDF
Interior Structure and Construction A1 NGYANQI
PDF
Phone away, tabs closed: No multitasking
PPT
UNIT I- Yarn, types, explanation, process
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
DOCX
actividad 20% informatica microsoft project
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
BRANDBOOK-Presidential Award Scheme-Kenya-2023
pump pump is a mechanism that is used to transfer a liquid from one place to ...
The Advantages of Working With a Design-Build Studio
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Implications Existing phase plan and its feasibility.pptx
Interior Structure and Construction A1 NGYANQI
Phone away, tabs closed: No multitasking
UNIT I- Yarn, types, explanation, process
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Africa 2025 - Prospects and Challenges first edition.pdf
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
actividad 20% informatica microsoft project
AD Bungalow Case studies Sem 2.pptxvwewev
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt

From Search to Discovery

  • 1. From Search to Discovery Tony Russell-Rose, PhD UX Manager (EMEA) 08-Feb-2011
  • 2. Understanding Search & Discovery Behaviour Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 3. Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. James Joyce’s Ulysses? Irish writer? PR6019.O9 U418 G42
  • 4. Search tasks Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Fact finding Discovery Irish writer? James Joyce’s Ulysses ?
  • 5. Is this the right problem to solve? Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Possibilities of the search box Search often works when you know precisely what you want, and how to ask for it Limitations of the search box Search fails when you don’t know which choices you have, because you don’t know what you don’t know
  • 6. A Relevance Primer We seek good recall All relevant results are returned We also seek good precision Results that are returned are relevant Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. the whole truth, The truth, & nothing but the truth relevant retrieved
  • 7. Human-computer information retrieval (HCIR) Don’t just guess the user’s intent Increase user responsibility and control Require and reward human intellectual effort Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. But there is a difficult trade-off Which should we favour? recall precision
  • 8. Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 9. Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 10. But what about the three click rule? Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Testing the Three-Click Rule , Joshua Porter / UIE, Apr 16, 2003
  • 11. Models of the Information Seeking Process Standard Model Broder 2002, Sutcliffe & Ennis 1998 Cognitive Model Norman 1988, Marchioni 1989 Dynamic Model Bates 1989, O‘ Day and Jeffries 1993 Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 12. Information Seeking in Stages Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Predict Adapt Iterate Revise Evaluate The five core activities of human information-seeking behavior Am I asking my question the right way? Was my prediction accurate? How should I adjust my tactics? Am I progressing toward my goal? Did I learn something that alters my goal?
  • 13. Design for Discovery Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Varied Solutions for Varied User Contexts Varied Solutions for Varied User Contexts
  • 14. Varied Contexts required Varied Solutions Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Where should we put the Faceted Navigation and how should it be laid out to be as effective as possible?
  • 15. Varied Contexts required Varied Solutions Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. We have diverse types of content - how should we present mixed results sets to help our users successfully discover the most relevant and useful items?
  • 16. The Dimensions of Search User Experience Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Objective User Type “ Find part #35456…” “ Discover compatible parts …” “ Understand part obsolescence …” etc. Electronics Engineer Purchasing Agent Novice Shopper Technical Enthusiast Etc. Mode of Interaction Analyzing Comparing Evaluating Exploring Locating Etc. Assets Products Rich Media Textual Info Relationships Community Etc.
  • 17. Dimension 1: User Type Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. KNOWLEDGE Novice Uncertain Expert Confident Users vary in terms of their level of knowledge, confidence & attitude Purchasing Agent Electronics Engineer Maintenance Technician
  • 18. Dimension 2: Objective Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. I need to find part number 2335456 BREADTH COMPLEXITY Focused Simple Broad Complex I need to discover compatible parts that work for my assembly I need to understand part obsolescence & manage our risks Electronics Engineer
  • 19. Dimension 3: Mode of Interaction Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Synthesizing To generate or communicate insight by integrating diverse inputs to create a novel artefact or composite view I need to prepare a weekly report for my boss of how things are going I need to understand the cost drivers for this commodity so I can negotiate better terms with my suppliers Exploring To investigate or serendipitously examine an information space for the purpose of learning or knowledge discovery I need to know the cost drivers for a part such as materials that impact cost Analyzing To critically examine the detail of an item or data set to identify patterns & relationships I need to compare our module set teardowns with competitors to see if we’re competitive Comparing To examine two or more items to identify similarities & differences I need to find a new part with specific attributes then source it from the most qualified supplier Locating To find a specific (possibly known) item I need to determine my current state so I can evaluate if I have price variation Evaluating To use judgement to determine the significance or value of an item or data set with respect to a specific benchmark or model Monitoring To maintain awareness of the status of an item or data set for purposes of management or control I need to monitor at risk dealers so I can prompt my Account Reps to fix the problems Validating To confirm or substantiate that an item or set of items meets some specific criterion How can I determine if I am looking at the latest information for a part or supplier?
  • 20. Modes vs. Search Activities Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Marchionini, 2006 Spencer, 2006 Known-item Exploratory Don’t know what you need to know Re-finding Morville, 2010 Quit Narrow Expand Pearl-growing Pogo-sticking Thrashing
  • 21. Dimension 4: Assets Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. COMPLEXITY Simple Homogeneous Highly Faceted Diverse
  • 22. Endeca UI Design Pattern Library Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 23. Endeca UI Patterns: Overview of current patterns Currently 19 design patterns (more coming) Scope includes: UI elements breadcrumbs, search boxes UI “assemblies” guided navigation, search results, comparisons UI frameworks launch/landing pages Search, discovery, analytics Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 24. Endeca UI Patterns: Key Components Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Key Components Problem Summary Usages and Constraints Solution elements Related Patterns Additional Examples Anti-patterns
  • 25. Sample Patterns: Vertical Stack Guided Navigation Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 26. Faceted Navigation: Vertical Stack Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Dimensions are “vertically stacked” – in priority order – adjacent to search results Visibility is managed via a number of techniques (e.g. collapsible and expandable dimensions, etc.) Meaningful natural language labels for the GN menu and Dimensions provide context and a call to action (e.g. “Refine Results by:”) Visual cues (e.g. proximity, spacing, justification, color, font) are used to express hierarchy and containment (e.g. values within dimensions) Solution Overview Sony Style
  • 27. Faceted Navigation: Vertical Stack Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Sony Style Co-existence of non-faceted (Endeca) navigation menus Potential for displaying too many choices Height of menu vs. height of results area Discoverability and learnability of guided navigation capabilities (including connection to results) Constraints & Challenges
  • 28. Faceted Navigation: Vertical Stack Solution Elements Reserve a consistent salient location on the page for available refinements Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Sony Style
  • 29. Faceted Navigation: Vertical Stack Solution Elements Provide a meaningful natural language label (and call to action) for the entire Guided Navigation menu UI element, e.g.: “ Narrow Your Results” “ Refine Your Results” Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 30. Faceted Navigation: Vertical Stack Solution Elements Provide a meaningful natural language label for each Dimension Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 31. Faceted Navigation: Vertical Stack Solution Elements Visually group Dimension labels and selectable Dimension Values through proximity, spacing/indents, color coding, etc. Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 32. Faceted Navigation: Vertical Stack Solution Elements Visually distinguish Dimension labels from Dimension Values through font variations, color, justification, etc. Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 33. Faceted Navigation: Vertical Stack Solution Elements Present Dimensions in order of “importance” and frequency of use Note “importance” is a function of user needs and business priorities Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Marriott
  • 34. Faceted Navigation: Vertical Stack Solution Elements Select and present a subset of Dimensions that align with expected user task flow What are users likely to need in various contexts? Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Carzone.ie
  • 35. Faceted Navigation: Vertical Stack Solution Elements Ensure that the most “important” Dimensions and Dimension Values are immediately visible to the user without scrolling Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Carzone.ie
  • 36. Faceted Navigation: Vertical Stack Solution Elements Limit the number of Dimension Values displayed within each Dimension to an easily scanned list Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 37. Faceted Navigation: Vertical Stack Solution Elements Provide a visual or textual cue inviting users to see more/all hidden Dimension Values within a specific Dimension Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 38. Faceted Navigation: Vertical Stack Solution Elements When users select the more/all option, present the additional Dimension Values in context Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential. Food Network
  • 39. Current Patterns Search Search Box Auto-Suggest Search Within Faceted Navigation Vertical Stack Open Parametric Open Parametric Multi-select Range Slider Results Manipulation Item Comparison Persistent Comparison List Promotional Spotlighting Featured Results Search Results Related Content Mixed Content Results with Spotlights Faceted Analytics Analytics Dashboard Analytics Applications Spatial Visualization Point Location Map Region Map Heat Map Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.
  • 40. Thank you Tony Russell-Rose, PhD UX Manager, EMEA [email_address] Blog: http://isquared.wordpress.com Endeca Blog: http://facets.endeca.com/ Pattern Library: http://patterns.endeca.com/ Copyright©2010 Endeca Technologies, Inc. All rights reserved. Proprietary and confidential.

Editor's Notes

  • #6: Analogy of librarian bringing back pile of books at each exchange
  • #17: We apply principles and practices that are specifically focus on understanding and optimizing the discovery experience and fully and creatively leveraging info assets & Endeca capabilities
  • #18: We apply principles and practices that are specifically focus on understanding and optimizing the discovery experience and fully and creatively leveraging info assets & Endeca capabilities
  • #19: We apply principles and practices that are specifically focus on understanding and optimizing the discovery experience and fully and creatively leveraging info assets & Endeca capabilities
  • #20: We apply principles and practices that are specifically focus on understanding and optimizing the discovery experience and fully and creatively leveraging info assets and Endeca capabilities
  • #22: We apply principles and practices that are specifically focus on understanding and optimizing the discovery experience and fully and creatively leveraging info assets & Endeca capabilities
  • #25: Problem Summary Usages and Constraints Solution elements Related Patterns Anti-patterns Additional Samples Wiki Discussion
  • #41: And with that, this concludes the presentation part of the Webinar. We’ll be posting a recording of this presentation along with the slides on EDeN. If you have any questions about the content, feel free to contact Support at support@endeca.com. Now we’ll take any questions you may have and after the questions we’ll do a quick survey to find out if this presentation was useful, and which topics you’d like to see covered in future webinars.