Challenge: Users Struggling to Find Products
In 2012, we began working with Baileigh Industrial, a Wisconsin-based maker of industrial metalworking and woodworking machinery. One of the first things we did was conduct 1:1 interviews with 4 of their sales reps. A major pain point among the reps was customers calling to ask about small-ticket products, which limited the amount of time they could spend talking to big-ticket product shoppers.
We heard this same frustration when we spoke to executives, and the same desire: to improve self-service on the website for small-ticket customers, freeing up sales reps to focus on people who truly needed their expertise.
As we started conducted usability testing, we realized a key barrier to self-service: customers often struggled to find the product, or even the product category, that they wanted. They wasted time going down wrong path after wrong path using the site’s navigation.
Jakob Nielsen tells companies that “deficiencies in your IA [information architecture] are costing you a lot of money, right now”, and our research suggested this was happening for Baileigh.
Solution: Tree Testing & Card Sort Studies
By 2014, Baileigh was undergoing a full site redesign to, among other things, make the site responsive. If we were going to change the IA, now was the right time to do it. But we had to move quickly. Tree testing was our tool of choice.
Tree testing is the fastest, most effective way to spot problems with a site’s information architecture. We ask representative users to find products or information using a simple, clickable “tree” of the site’s navigation; and we record each click. The resulting data shows which category structures and labels are intuitive to customers (and search engines), and which ones likely cause confusion, abandonment and lost sales.
Here’s the approach we used for Baileigh:
- We focused on Baileigh’s metalworking products, which was the most visited section of the site.
- We recruited 64 users for the test. We found most of them through an ad in Baileigh’s email newsletter. A smaller number came via Baileigh’s social media pages.
- 32% of participants classified themselves as metalworking experts, 55% as intermediate, and 13% as beginners. About 50% had purchased Baileigh products.
- We used Treejack from Optimal Workshop to run the test.
- The test consisted of 8 possible tasks, each one focusing on a different top-selling product category. An example: You need to precisely bend some quarter-inch sheet metal into a V shape on a vertical plane. Where would you look?
A big challenge with tree testing is capturing an accurate picture of how users navigate the site in the real world. If you’re not careful with the study design, you give away the answers and fail to learn anything useful. With this in mind, we avoided using navigation link names, like “mandrel bender”, in the tasks — since this would artificially lead users to the correct links. Non-leading tasks are particularly difficult to pull off with a highly specialized set of products like Baileigh’s, where synonyms are hard to come by. We went back-and-forth multiple times with our SME at Baileigh to ensure the right task wording.
We also limited each user to 5 randomly assigned tasks — since after 5 tasks many people have “learned” the navigation in ways they wouldn’t in the real world. (Participate in a demo of the test.)
Here’s what we learned from the study:
- There were too many top-level product category choices, leading many users down the wrong path from the start.
- Navigation hierarchies sometimes overlapped and were not intuitive to users.
- Similar or misleading subcategory names caused many users to pick the wrong targets.
Based on these findings, we conducted a card sort study to 1) understand how customers naturally group metalworking products in their mind, and 2) identify more intuitive category and subcategory names.
We then designed a new information architecture that:
- Broadened categories so that users have an easier first choice and are not funneled away from their target by a single wrong click.
- Reevaluated and reworded problematic subcategory names to prevent confusion.
- Included context for tools’ function where possible.
We followed this with a 2nd tree test. To get an accurate before-and-after picture, we reused the original tasks as much as possible (minor wording tweaks to account for new navigation labels), and recruited a similar group of about 60 participants.
Result: Easier-to-Find Products
Users found the right product category more often and more quickly with the new IA.
After you run users through a study, the Treejack software scores your IA on various findability-related metrics. The simplest is the Overall Score, a 1 to 10 measure for each task that combines your Success and Directness scores, with 10 being the best score. Success is the percentage of participants who successfully select the right answer. Directness is the percentage of participants who did not backtrack at all when selecting an answer. The Overall Score favors Success over Directness at a ratio of 3:1.
In tree test #1, where we tested the original IA, Treejack gave us an Overall Score of 4.0 out of 10 across 8 tasks. In tree test #2, where we tested the revised IA, Treejack gave us an Overall Score of 7.4 out of 10 across those same 8 tasks. This represents an 85% improvement in product findability.
The original IA failed to score above a 5 out of 10 on any of the 8 tasks. The revised IA scored a 7, 8 or 9 out of 10 on 6 of 8 tasks.
Since launching the new site, Baileigh’s web revenue and leads are up by large margins. While it’s not possible to isolate the architecture’s contribution to this growth, follow-up analysis suggests a significant ROI from our human-centered overhaul of Baileigh’s IA.