The Faceted Interface: Optimizing the Usability of Enterprise Search Glenn Barnett, Principal Consultant, Molecular.

Slides:



Advertisements
Similar presentations
Statistics Review and Design Implications [TEMPLATE]
Advertisements

USING WORDPRESS. WEEK 1 1.Why WP? 2.Setting Up WP 3.Exploring the Admin screen 4.Page Organization 5.Posting 6.Polls.
User Interface Structure Design
A Proposed Model for GV Express October 2008 RED version.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Page 1 June 2, 2015 Optimizing for Search Making it easier for users to find your content.
Information Retrieval in Practice
Content Management System 213 Project Peter Roessler, Dhea Maloney, Chris Marin, Chan Jean Lee.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Overview of Search Engines
Business Process Modeling in Microsoft Visio® Interfacing’s BPMN Modeler: Overview.
1 What do People Recall about their Documents? Implications for Desktop Search Tools Tristan Blanc-Brude and Dominique L. Scapin INRIA ACM IUI 2007 (22%)
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Designing for the Web 7 Useful Design Principles.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
© , Digital Axle, LLC All Rights Reserved Website Optimization, SEO, and Analytics Bruce Carlisle Digital
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Chapter 2 Web Site Design Principles
Web Site Design Principles
Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
ADDITIONAL GUIDELINES. Source: Wroblewski, L (2008) Provide Clear path to completion.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Research on the Interaction Between Human and Machines University of Houston-Clear Lake Tasha Y. David.
Usability of SE/SDI Websites Observations. Good News Most people Like Most things On Most of our Websites.
Hao Wu Nov Outline Introduction Related Work Experiment Methods Results Conclusions & Next Steps.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Technical Paper Review Designing Usable Web Forms – Empirical Evaluation of Web Form Improvement Guidelines By Amit Kumar.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Business Process Modeling in Microsoft Visio® Interfacing’s BPMN Modeler: Overview.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
Introduction to KE EMu Unit objectives: Introduction to Windows Use the keyboard and mouse Use the desktop Open, move and resize a.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
Microsoft Expression Web 3 – Illustrated Unit G: Designing Site Navigation.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Printed Reports Analysis questions –Who will use the report? –What is the purpose of the report? –When or how often is the report needed? –Where does the.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
June 30, 2005 Public Web Site Search Project Update: 6/30/2005 Linda Busdiecker & Andy Nguyen Department of Information Technology.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Information Retrieval in Practice
Information Architecture
The Successful Website
Search Engine Architecture
Basics of Website Development
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Tips on good web site Design
Chapter 2 Web Site Design Principles
All Right Reserved © JiJi Technologies Pvt Ltd
Presentation transcript:

The Faceted Interface: Optimizing the Usability of Enterprise Search Glenn Barnett, Principal Consultant, Molecular

Copyright © 2007 Molecular, Inc. | 2

3 Result Page: Next

Copyright © 2007 Molecular, Inc. | 4 Text Search Natural Language Processing Relevance Ranking Fuzzy Matching Filtering Faceted Navigation Type-Ahead / Auto-Suggest SlidersHistograms

Copyright © 2007 Molecular, Inc. | 5 What is Faceted Navigation? Content Type HTML XML PDF Content Category Human Resources Information Systems Management Publication Date Past Week Past Month Past Year Facet Facet Values Facet Facet Values Facet Facet Values

Copyright © 2007 Molecular, Inc. | 6

7

8 PC Connection

Copyright © 2007 Molecular, Inc. | 9 Measuring facet usage Usability test of existing site Surprisingly low facet usage across tasks Example task: Find laptop under $1400, 2+ GHz, 30+ GB drive, DVD player, as light as possible 5 out of 8 total participants used facets, some with hesitation 1 out of 4 infrequent visitors used facets Log file analysis metrics Percentage of visitors who used facets Percentage of visitors who reached product page Conversion rate User interviews Some customers expressed difficulty finding products

Copyright © 2007 Molecular, Inc. | 10 What wasn’t working? Discoverability People weren’t noticing the facets Usability People couldn’t use the facets easily

Copyright © 2007 Molecular, Inc. | 11 Discoverability: Placement & Prominence Strong user behavior patterns on results pages Eyes tend to jump to where they expect results to begin Vertical page scanning

Copyright © 2007 Molecular, Inc. | 12 Discoverability: Placement & Prominence

Copyright © 2007 Molecular, Inc. | 13 Discoverability: Placement & Prominence Users may not expect facets, so we need to intercept their eyes Position facets as close as possible to top of results Stack above results when possible Make prominent by using: Size Color Shape White space Interface elements (link underlining, form elements)

Copyright © 2007 Molecular, Inc. | 14 Discoverability: Connection to results Clear visual connection between facets and results list

Copyright © 2007 Molecular, Inc. | 15 Usability Goal: Ensure people can easily use the facets Selecting values Verifying selections Modifying selections

Copyright © 2007 Molecular, Inc. | 16 Usability: Selecting values Familiar interface elements reduce learning curve for new interactions Simple text links Drop-down menus Numbers help users see effects of their choices in advance

Copyright © 2007 Molecular, Inc. | 17 Usability: Selecting values Support selection of multiple values where appropriate E.g., brand, features

Copyright © 2007 Molecular, Inc. | 18 Usability: Verifying selections Breadcrumbs: the common approach May not be prominent enough to give clear user feedback Often too separated from what I just clicked on Inconsistent with expectations for breadcrumb behavior

Copyright © 2007 Molecular, Inc. | 19 Usability: Verifying selections Place contextually near facet controls Yahoo!

Copyright © 2007 Molecular, Inc. | 20 Usability: Verifying selections Use more familiar interface elements Simple list Checkboxes Drop-down menus

Copyright © 2007 Molecular, Inc. | 21 Usability: Verifying selections Treat search term like another selected facet

Copyright © 2007 Molecular, Inc. | 22 Usability: Modifying selections Make sure users can modify their selections Breadcrumbs are at a disadvantage here Beware the “X” Beware making users work too hard

Copyright © 2007 Molecular, Inc. | 23 The new PC Connection Discoverability Placement on left Prominence with color, drop-down menus, and movement Connection to results with color and shape Usability Selecting values with familiar drop-downs Numbers, more link Verifying selections via familiar checkboxes, placed contextually Search terms and Clearance too Modifying values by unchecking

Copyright © 2007 Molecular, Inc. | 24 The new PC Connection Usability test of new site Facet usage greatly improved Same task: Find laptop under $1400, 2+ GHz, 30+ GB drive, DVD player, as light as possible 10 out of 10 participants used facets without hesitation Log file analysis Improved use of facets Improved conversion rate Customer service feedback positive

Copyright © 2007 Molecular, Inc. | 25 Facet Configuration Best Practices Facet selection: Which should appear? Facet sequence: In what order? Facet values: What options for each?

Copyright © 2007 Molecular, Inc. | 26 Facet selection What facets should appear? Know your data Look at your logs Click paths and feature usage Search terms Talk with your users Interviews Survey Minimize information overload

Copyright © 2007 Molecular, Inc. | 27 Facet sequence What order should they appear in? By usage Alphabetical By type (e.g., all the tech specs grouped together) Consistent across categories? Task or category appropriateness more important than sitewide consistency Example: “Platform” facet in Laptops vs. Cables

Copyright © 2007 Molecular, Inc. | 28 Facet values Common practice: Values as ranges Does not reflect more common usage “I want to spend less than $200” “I want at least a 12-inch screen” CNET Crutchfield

Copyright © 2007 Molecular, Inc. | 29 Facet values

Copyright © 2007 Molecular, Inc. | 30 Facet values Values should be minimums or maximums where appropriate

Copyright © 2007 Molecular, Inc. | 31 Facet Configuration Best Practices - Summary The faceted interface is only as good as what lies behind it Good metadata Useful Accurate Clear User-centered taxonomy and labeling Good search Relevancy Thesaurus (synonyms, acronyms, abbreviations, stemming, spelling variants, stop words)

Copyright © 2007 Molecular, Inc. | 32 Thank you Glenn Barnett Principal Consultant, Molecular