18 October 2014
These days it’s expected to be able to narrow search results with filters, e.g., on the left side of the results page. Called faceted navigation, this is a way to improve overall findability of information, particularly on sites with large collections of products or documents. Remember: people can’t buy what they can’t find, and filters help them get there.
The design of real-world faceted navigation systems, however, proves to be more intricate than people first assume. There are many hidden challenges, such as displaying large amounts of metadata and creating simple interactions average users understand. The truth is, once you dig into it there are many details to be aware of.
What’s more, faceted navigation doesn’t stop with search filtering: it can be applied to the design of navigation across the site. People can browse by facets before even searching, for instance. With this in mind, faceted navigation improves the discoverability of your content dramatically throughout the entire user experience.
I’ve developed a course on faceted navigation that I’ve been giving for nearly 8 years now. Many students ask for further resources and information. So I’ve compiled this list of references:
Marcia Bates, “The Design of Browsing and Berrypicking Techniques for the Online Search Interface” (1989)
William Denton, “How to Make a Faceted Classification and Put It On the Web” (2003)
Karl Fast, Fred Leise, Mike Steckel, “All About Facets and Controlled Vocabularies” Boxes and Arrows (2002)
——— “1. What Is a Controlled Vocabulary?” Boxes and Arrows (2002)
——— “2. Creating a Controlled Vocabulary” Boxes and Arrows (2003)
——— “3. Synonym Rings and Authority Files” Boxes and Arrows (2003)
——— “4. Controlled Vocabularies: A Glosso-Thesaurus” Boxes and Arrows (2003)
——— “Facets and Controlled Vocabularies: An Annotated Bibliography” Boxes and Arrows (2003)
Instone, Keith “”Faceted Browsing – How User Interfaces Represent and Benefit from a Faceted Classification System“, SOASIST meeting, Dayton, Ohio
Jim Kalbach, Designing Web Navigation, Chapter 11 (2007)
——— “Faceted Navigation: Layout and Display of Facets” (2010)
——— “Faceted Navigation: Grouping – An Untapped Potential” (2010)
——— “Faceted Navigation: SEO and Facets” (2010)
——— “Faceted Navigation: Typical Structures for Values” (2010)
——— “ROI of faceted navigation” (2011)
Kwasnick, Barbara H, “The Role of Classification in Knowledge Representation and Discovery” Library Trends (1999)
Fred Leise, Sarah A. Rice, Amy Warner “Developing a Faceted Classification” (presentation at the IA Summit, 2005)
Louie, Aaron J., Eric L. Maddox, and William Washington “Using Faceted Classification to Provide Structure for Information Architecture” Information Architecture Summit, Portland, OR (2003)
Peter Morville, “The Speed of Information Architecture“ (2001)
Jakob Nielsen, “Converting Search into Navigation” (2013)
Greg Nudelman, “Faceted Finding with Super-Powered Breadcrumbs” (2009)
Greg Nudelman, “Numeric Filters: Issues and Best Practices” UX Matters
Priss, Uta, and Elin Jacob, “Utilizing Faceted Structures for Information Systems Design,” in ASIS ’99: Proceedings of the 62nd ASIS Annual Meeting (1999?)
Ranganathan, S.R. Elements of Library Classification. 3rd ed. New York: Asia Publishing House (1962)
Andrea Resmini and Luca Rosati, Pervasive Information Architecture (2011)
Tony Russell-Rose and Tyler Tate, Designing the Search Experience: the Information Architecture of Discovery (2012)
Donna Spencer, Card Sorting (2009)
Louise Spiteri,”A Simplified Model for Facet Analysis: Ranganathan 101” Canadian Journal of Information and Library Science (1998)
Jared Spool, “Users Continue After Category Links” (2001)
Steckel, Mike, “Ranganathan for IAs” Boxes and Arrows (2002)
Daniel Tunkelang, Faceted Search (2009)
Peter Van Dijck, “Introduction to XFML” xml.com (2003)
——— “XFML Core – eXchangeable Faceted Metadata Language” (2003)
Trivago TV advertisement (shows the value of facets in a commercial setting)
17 February 2014
I just gave a talk for World IA Day at U Mich in lovely Ann Arbor entitled “Undiscovered Public Knowledge and IA.” Below are the slides, followed by links to the resources I mentioned in the talk. (Apologies for comical looking fonts: they seem to have gotten messed up when uploading to SlideShare.)
- The Logic of Scientific Discovery [full text, pdf] by Karl Popper, 1959 (English translation of Logik der Forschung, 1934)
- “Three Worlds”, talk by Karl Popper Delivered at The University of Michigan, April 7, 1978
- “Undiscovered Public Knowledge” by Don Swanson, 1986. (See also: “On the Fragmentation of Knowledge, the Connection Explosion, and Assembling Other People’s Ideas,” ASIST Bulletin, March 2001)
- “Good Data Won’t Guarantee Good Decisions,” by Shvetank Shah, Andrew Horne, and Jaime Capellá, HBR, April 2012.
- Hans Roslings TED Talk
- “Data Scientist: The Sexiest Job of the 21st Century,” by Thomas Davenport & D.J. Patil, HBR, October 2012.
- “Why Nonexperts Are Better At Disruptive Innovation,” by Naveen Jain, Inc., July 2012.
17 July 2011
Faceted navigation is widespread on the web (a.k.a faceted search and faceted browse). It’s become an expected standard. I’ve written several posts on the subject and also have a popular workshop on faceted navigation. (Next one: 22 Oct 2011 in NYC). Yet we really don’t know much about the ROI of faceted navigation. Or do we?
I’ve only been able to find a few studies or case studies reporting a measureable ROI of faceted navigation. There are lots of variables in play, and definitively showing measureable gains directly to faceted navigation can be tricky. But a simple before-and-after comparison should be possible.
One helpful sources is Endeca’s case studies. Examples of ROI include:
- Kiddicare.com: 100% increase in conversion rates; 100% increase in sales; Additional 100% increase in conversion rates with PowerReviews
- AutoScout 24: 5% increase in lead generation to dealers; 70% decrease in no results found
- Otto Group: 130% increase in conversion rates; Doubled conversion rates for visitors originating from pay-per-click marketing programs; Search failure rate decreased from over 33% to 0.5%
If you have such data or evidence in any form, please let me and others know about by commenting here. Note I’m not talking about studies that show how efficient faceted navigation is in terms of interaction or time on task (such as the ones reported here): I’m looking for hard evidence on ROI in real world situations.
It’s a positive sign that so many websites have faceted navigation these days: there must be something “right” about it. But why have so many site owners and stakeholders funded and implemented faceted navigation systems? What’s the actual return against the cost of implementation and maintenance?
Some logical arguments include combinations of the following:
- Conversion: Customers can’t buy what they can’t find: Findability is critical for ecommerce sites. A well-designed navigation plays a key role in getting people to the information or products you want to see. This ultimately helps you sell products or ideas. Faceted navigation has been shown to improve findability, in general.
- Efficiency: Employees lose productivity when navigation is inefficient: These days company intranets can be enormous. The time to find information impacts employee productivity. Even the smallest increase in navigational efficiency can have huge returns for a large corporation if you multiple it by thousands of employees. Faceted navigation is efficient.
- Confidence: Faceted navigation increases information scent: Revealing facet values gives users better insight into the type of terms and language used on the site. They are then able to match their information need with the content of the site, giving them confidence as the navigate forward through a given collection. This keeps them on the site and away from the customer support hotline.
- “Aboutness”: Facets show the overall semantic make-up of a collection: Faceted metadata–the values associated with a collection of documents or products–give clues into the “aboutness” of that collection. Facets convey the breadth and type of a results list, for instance. This can help get to their target information better.
- Reduced Uncertainty: Users don’t have to specify precise queries: With faceted navigation, users don’t rely on formulating precise keyword searches alone to find information. Instead, they can enter broad searches and use the facets in a flexible way to refine the initial query. This gives confidence in being comprehensive and reduces uncertainty in information seeking in general, as well as removes the frustration of finding no results.
- Navigation: Browsing categories provides a different experience than keyword search: Jared Spool and his colleagues found that people tend to continue shopping more often when navigating than after doing a direct keyword search: people tend to continue browsing—and buying—when they can successfully navigate to the products they want to purchase. Sure, keyword searching may also get them there, but that experience is different. He writes in an article entitled “Users Continue After Category Links” (Dec 2001):
- Apparently, the way you get to the target content affects whether you’ll continue looking or not. In a recent study of 30 users, we found that if the users used Search to locate their target content on the site, only 20% of them continued looking at other content after they found the target content. But if the users used the category links to find their target, 62% continued browsing the site. Users who started with the category links ended up looking at almost 10 times as many non-target content pages as those who started with Search.
A well-designed faceted navigation system won’t solve all your problems. But because navigation is so central to the basic web experience, it stands to reason that that are financial implications involved. What are they exactly?
Again, if you have any support for the above contentions or have another argument around the benefits of faceted navigation, please let me know.
11 February 2011
Are you in OZ and want to learn about faceted search, strategic alignment diagrams, IA, navigation and more this April? I’m delighted to announce that I’ll be giving 2 workshops in Sydney on April 28-29, 2011!
Here are some highlights:
WORKSHOP 1: Information Architecture for Strategic Web Design
Thursday 28 April 2011, 9:30-17:00 - This workshop focuses on the conceptual and strategic side of information architecture (IA). Topics include: alignment diagrams, mental models, concept maps, Cores and Paths, information structures and facets.
WORKSHOP 2: Web Navigation Design
Friday 29 April 2011, 9:30-17:00 – This workshop focuses on the nuts and bolts of good navigation design. Topics include principles of web navigation, navigation mechanisms, types of navigation, the scent of information, and faceted navigation.
- Earlybird (to April 2): AUD 660
- Regular Price: AUD 759
Beginner to intermediate web designers, interaction designers and IAs; usability experts looking to improve web design skills; and project managers, product mangers, and others seeking to better understand web navigation design.
See the registration details page for more information and to sign up.
Filed in Customer Journeys, Designing Web Navigation, Facets, Information Architecture, Information Experience, Information Interaction, Information Seeking, Navigation, Search, Usability, User-Centered Design, Workshops
Tags: Faceted classification, faceted navigation, Faceted search, Information Architecture, Navigation, Sydney, Usability, Web design, Workshop
17 December 2010
Well, maybe the title of this post is a little misleading: static footer bars aren’t really new. Facebook had one years ago. What’s new(ish), however, is how widespread they’ve become–something of a trend these days.
Below is one from CNET.com as an example:
Figure 1: Static footer bar on CNET.com (click to enlarge)
You can see the black bar at the bottom of the screen with several options: recently viewed products, my lists, something called TechTracker, log in, and join CNET links. It’s a toolbox of options from across the site brought together in a single mechanism. This bar is static and stays in view as the user scrolls down a page.
In Designing Web Navigation, I use David Fiorito’s and Richard Dalton’s navigation types to distinguish between different functions a navigation mechanism can have. (See their IA Summit 2004-05 presentations “Creating a Consistent Enterprise Web Navigation Solution.” and “Thinking Navigation.”) Based on these categories, here’s how I describe the three fundamental types in my book:
- Structural Navigation - This type of navigation connects one page to another based on the hierarchy of the site; on any page you’d expect to be able to move to the page above it and pages below it.
- Associative Navigation – Connects pages with similar topics and content, regardless of their location in the site; links tend to cross structural boundaries.
- Utility Navigation – Connects pages and features that help people use that site itself;. these may lie outside the main hierarchy of the site, and their only relationship to one another is their function.
Static footer bars fall into the last type: utility navigation. As in the CNET example (Figure 1), they usually include functional and helpful features for the site.
Previously on the Crate and Barrel site, the static footer bar contained the online shopping cart, lists, and a link to check out. Figure 2 shows a screenshot from the site from about 6 months ago (i.e., middle of 2010).
Figure 2: Static footer on Crate and Barrel with shopping cart feature (circa June 2010)
Since then, they’ve removed the static footer and move the utility options to the top of the page. Perhaps the static footer wasn’t working well with users? I can imagine it would be easy to overlook it, and putting something as significant as the shopping car in a footer might not give it the prominence it needs. Visibility is likely to be an issue with static footer bars.
The AllAboutJazz.com website recently introduced a fairly extensive static footer menu (Figure 3). It includes social media links, RSS options links, radio stations, and even provides quick links to some main content on the site.
Figure 3: Static footer on AllAboutJazz.com
There are several things to note in this example:
- It does not extend across the whole page, as in the Crate and Barrel example (Figure 2). Instead, there is a small gap between the ends of the footer bar and the sides of the browser (when viewed at 1024 wide or wider). This is important to maintaining a sense of something that sits on top of the page as an overlay and not something that takes space away from the content. Though I’ve never tested static navigation footers, I also suspect that not extending the bar all the way across the page reduces the chance of “blindness” to the bar itself. The CNET example (Figure 1) also takes this approach.
- The static footer bar on AllAboutJazz is semi-transparent. This provides the sense that it’s an overlay, and it feels less intrusive on the page and its content.
- If the above two points aren’t enough, users can collapse the static footer bar on AllAboutJazz.com. It’s open by default, but with a single click it can be reduced to the size shown on the lower right of the next screen shot (See the “Tools” overlay in Figure 4.)
Figure 4: Collapsed static footer on AllAboutJazz.com
Static footer bars aren’t going to solve any major structural or navigation issues with your site, but I imagine they can be useful to help keep page navigation from getting in the way of content or tasks users are trying to accomplish. It also potentially keeps utility navigation options close by for visitors who need them.
There are other examples out there on the web. If you have used them, I’d like to hear what went well or not.
I’ve not implemented static footer bars in any of our designs, but I’m starting to explore their use. Nonetheless, from surveying examples found on the web, my recommendations for static footer bars are:
- Avoid teasers and promotional links. This extra “noise” may give the illusion that all of the options there are just ads and none of them can be useful.
- Don’t extend the bar all the way across the page. Leave a gap between the left and right edges of the footer and the sides of the browser. It could even be smaller than the width of the content area on a fixed width layout.
- Use a transparency for the background of the bar so the page behind it comes through a little.
- Allow users to collapse a static footer bar, and then to expand it again.
If you’d like to find out more static footer bars and related topics, I have two sets of workshops already planned for 2011, in English and in German:
2. In GERMAN: Workshops in Hamburg by NetFlow, April 11-12
a. Prinzipien der Informationsarchitektur
b. Elemente des Navigationsdesigns
[details and online registration to come]
See my workshops page on this blog for descriptions of the sessions.
1 December 2010
Significant points and recommendations regarding web navigation from two recent Forrest reports caught my eye.
1. The first is a brief overview of their survey results of 60 web improvement projects across Europe . One of the top areas of concern is good navigation. They write:
Navigation. Users don’t just want good content; they want content that’s easy to find and use. Companies that provided intuitive category names in menus and efficient online processes improved metrics like conversion rates and increased sales.
Note that here their definition of “navigation” is broad, including aspects of the site structure and of search.
(The other two main areas of concern, BTW, are value–or aligning with user needs–and design presentation).
Fixing issues with an existing navigation system or creating an effective one from scratch will have the most positive impact on usability when prioritizing issues to address, according to the report.
2. The second report is a little older–from August 2010. In this document, Forrester gives advice in the form of seven indicators to tell you when a relaunch is needed . One of the indicators is a troubled navigation scheme. From the report:
Navigation system breakdown. Web sites are subject to a cycle of accretion, as contributors add links and content, and erosion, as out-of-date content gets removed. These changes wear site navigation systems down over time. Warning signs include complaints from contributors who say that they can’t find a home for their content; “quick links” tacked onto pages to get users to the critical content they can no longer find through menus; and alternative overlapping menu structures layered onto the site. Until 2009, USPS attempted to meet a diverse set of user needs by adding new categorization schemes to the site over the course of several years. The result was a confusing blend of competing menu structures and shortcuts. In 2009, USPS redesigned its site to address these navigational shortcomings — creating a more streamlined site that features both menu category and task-driven navigation.
Monitor navigation system health. Every site will have some deterioration of its navigation system over time, courtesy of accretion and erosion. To track the course of this natural process, employ analytic tools that check users’ paths through the site. Then at least once per quarter, review critical paths, like those from the home page to customer service, for warning signs like an increase in the number of users who pogo-stick up and down between menus and submenus or a surge in users who start out with menu navigation and then turn to search. If you see a 25% or greater increase in the number of visits during which these redflag behavior patterns occur, take it as an early warning sign of navigation system failure.
Social media, mash-ups, and ajax are all great. But even in the world of Web 2.0, Web 3.0 and beyond, the fundamental problems of navigation and findability in web design still remain.
There’s no silver bullet in designing web navigation. Instead, it’s about your approach to solving the problem and way of thinking about navigation. This is what I put forth in Designing Web Navigation (i.e., a way of thinking, not guidelines), and this is what I teach in my workshops.
If you’d like to find out more, I have two sets of workshops already planned for 2011, in English and in German:
2. In GERMAN: Workshops in Hamburg by NetFlow, April 11-12
a. Prinzipien der Informationsarchitektur
b. Elemente des Navigationsdesigns
[details and online registration to come]
See my workshops page on this blog for descriptions of the sessions.
Forrester Reports Referenced
 Adele Sage. “Europe 2010: Fixing Known Usability Problems Pays Off,” Forrester Report, November 12, 2010.
 Vidya L. Drego. “When To Redesign Your Site: Seven Indicators That It May Be Time For An Online Overhaul,” Forrester Report, August 17, 2010.
9 May 2010
Kate Ray put together an excellent short film (15 min) on the semantic web. See “Web 3.0″ on her blog. The topics covered are spot on, and the people interviewed are thought leaders in field, including Clay Shirky, David Weinberger and Tim Berners-Lee.
The arguments closely mirror a recent presentation I gave at the IA Summit in Warsaw called “The Navigation Layer: Making Sense of it All.” It was comforting for me to hear others making these same arguments, for one. But there seemed to be a big piece of the puzzle missing in Kate’s Web 3.0 video, which I explain at the end of this post.
Below you’ll find a correlation of themes from the Web 3.0 video and my presentation at the Polish IA Summit:
WEB 3.0 VIDEO: “The core problem is that our ability to create information has far exceeded our ability to manage it.”
MY PRESENTATION: Yup – information overload is the primary challenge we face online. What’s more, to paraphase David Weinberger, the solution to too much information is to add more information; namely, metadata. I then identify three sources of explicit metadata: expert created (e.g., controlled vocabularly), algorithmically created (e.g., entity extraction), and user created (e.g, tagging)
But metadata alone isn’t helpful. It needs some kind of structure.
WEB 3.0 VIDEO: “What if I could start to put things together in all that flow of information? In order to do that you need some sort of structure.”
MY PRESENTATION: Just as there are three types of metadata, there are three types of structures: expert created (e.g., a taxonomy or thesaurus), algrithimically created (e.g., tag cloud), and user created (e.g., social groups on bookmarking sites).
Which types of metadata and structures are best? I strongly believe it’s not an either/or question.
WEB 3.0 VIDEO: Are ontologies needed for the semantic web? Many of the experts in the field believe so. Others dissent. David Weinberger: “We are always going to be filtering the filters that filter our filters that filter our filters.”
MY PRESENTATION: We will need ALL types of metadata and all types of structures to deal with information overload. Solutions may mix top-down ontologies with algorithmically created metadata that users can tag as they see fit. The filters needed can (and probably) will be a mix of types of metadata and types of structures. See my article in the ASIST Bulletin, “Navigating The Long Tail,” for more on this.
It’s all about relationships:
WEB 3.0 VIDEO: “With semantic web technologies, the links mean something.” “If I have enough of those relationships it builds context. And context is what it’s all about.”
MY PRESENTATION: Amen. We need to move beyond just findability. We need to help people make sense what they find. To do this, you need to expose relationships between metadata in the navigation layer. Conext is critical here.
WEB 3.0 VIDEO: Clay Shirky: “Content, as it turns out, is not king”…”How do you filter things to create more value than you currently get?”… “If I were going to start a news business tomorrow, I’d start a news business designed to produce not one new bit of news. But instead, to aggregate news for individuals in ways that matter to them.”
John Hebeler: Google doesn’t scale to meet the challenges of trillions and trillions of information objects on the web. Instead, “you have to do all of the integration in your head.”
MY PRESENTATION: I show a screen shot of the LexisNexis Analytics Dashboard, a producted I helped design. This solution provides a media analyst or a reputation manager, for instance, the big picture of what’s happening in the news without having to read one news article. It aggregates metadata and presents it in charts and graphs that show relationships and patterns. Of course, you can link through to the content if needed, but very often it’s the picture of aggregated metadata that’s most insightful. So the curse of information overload, or more specifically metadata overload, becomes a blessing if you can harness the patterns it shows in a way that’s ready for human consumption.
WEB 3.o VIDEO: Clay Shirky: “Does the world make sense, or do we make sense of the world?”
MY PRESENTATION: We make sense of the world. Hence, sense making as a field of inquiry is absolutely required.
The Missing Pieces
The video has an overall techno-philosophical tone to it. What’s missing from the core of the discussion are human factors, I believe. In a previous post, I point to a quote from Ora Lassila, semantic web guru. He says:
After 10+ years of work into various aspects of the Semantic Web and its constituent technologies, I am now fully convinced (read: no longer in denial) that most of the remaining challenges to realize the Semantic Web vision have nothing to do with the underlying technologies involving data, ontologies, reasoning, etc. Instead, it all comes down to user interfaces and usability. Somehow, I repeatedly run into a situation where some use of Semantic Web technologies that would make a nice end-user application is “blocked” by the fact that the user interface is the real challenge.
WEB 3.0 VIDEO: “There’s a massive amount of potential, but no real tools to harness it.”
MY PRESENTATION: Beyond the technical tools that will harvest data and metadata, we need interfaces into the data that a.) mortal human beings can easily use and b.) help people make sense of the data they are viewing.
In my presentation I then point to four key challenges the design of interfaces for semantic technologies face:
- Representation - How information is displayed affects how it’s found and understood.
- Interaction - The ability to interact and manipulate information is important in sense making, particularly in digital environments.
- Context - The topical and thematic structures applied to metadata define scope and the boundaries between domains and niche markets.
- Time - Showing trends over time can in many situations provide the most meaningful insight.
So, it seems to me we’ve bashed around the technical and philosophical aspects of the semantic web long enough. I say until we can figure out how the promise of the semantic web can help average people in the daily lives, we need to shift focus to the human factors involved.
This is where information architects can potentially help. Unfortunately, not only do I not see different groups reaching out to each other across the aisle, I don’t see IAs moving towards solutions for the semantic web. Instead, the field is drifting off in the direction of genric user experience design (which is also important, but perhaps too broad to directly address the challenges of the semantic web and sense making). Sense making is an area of interest that has been around for decades. It’s had recent growth in interessant with things like sense making workshops at the CHI conferences.
To reiterate a point previously made:
The success of next-generation information systems depends much more on human factors than on more sophisticated technologies.
But beyond the human factors, it’s also not clear what the business value of the promise of the semantic web is. So in addition I also see a need to shift focus to business aspects of semantic technologies on the wbe.
In my opinion, the missing pieces in the current discussions of the semantic web and semantic technologies are twofold: 1.) users and 2.) business value:
The general semantic web discussion needs a shift in focus to the design of user interfaces that help people make sense of massive amounts of aggregated metadata while at the same time bringing value to businesses.