Four Kitchens

House of cards: four research techniques for website redesigns

6 Min. ReadDesign and UX

When redesigning a website, it can be quite a challenge to figure out how to structure the new site navigation and reorganize the content. Card sorting and tree testing research methods can help no matter what part of the design process you’re in by helping you define and validate information architecture through feedback from real users. These methods can save you a ton of time and development costs by preventing major usability problems that have to be fixed further down the line during your project or even after the new site has launched.

There are four major types of card sorting: open, closed, hybrid, and tree testing. All of these methods can be done in an old fashioned way using actual paper cards or easy-to-create prototypes with real-life users, or can be conducted online as surveys or with remote users via video calls and screensharing.

Conducting research in-person and online both have their pros and cons, but the important thing is to be sure to involve users whenever you can in your process!

Open card sorting

Open card sorting is a research method to employ early in the process of your redesign. This method is ideal for helping you take that initial swing at organizing content and figuring out how users would group things on your site. When you haven’t yet spent hours and hours on creating your information architecture, open card sorting can get you heading in the right direction.

This method can give you great information on what language users identify with the content and how their brains work. At such a broad level, the data you get is more for your consideration and less directly indicative of what absolutely must be grouped on your new site. This kind of research can help you better understand your users’ perspectives.

How it works:

  1. Create your “cards” by putting one topic or piece of content on each card.
  2. Give the users your stack of cards and ask them to group the cards and make labels for each group.
  3. When you have some results, analyze how users grouped cards and what they named the groups to understand how a user might organize your content. How users sort should influence how content items are grouped in your future site design.

Try out a demo open card sort at Optimal Workshop

Protip: Try to keep your stack of cards for open sorting under 40 cards. Too many cards means users become frustrated or tired and don’t finish your test!

Closed card sorting

Closed card sorting is similar to open card sorting, with the exception that the group names are provided for users to sort into. If you’re far enough into the design process to have some idea of how content should be grouped, this is a great method for validating your ideas. It’s a lot cheaper to do a quick card sort and rearrange your content at this stage, than to have to redesign after the site has launched!

Closed card sorting is a good method to use when you already have a hypothesis about how the site navigation model should work. It can be especially helpful to do a quick closed sort after you do an open sort helps you generate the groupings! Test as much as you can for best user experience.

How it works:

  1. Create your “cards” by putting one topic or piece of content on each card.
  2. Create your “groups” or category names for users to sort into.
  3. Give users your stack of cards and ask them to sort them into the groups.
  4. Analyze where each card tends to land and how users are sorting content. Is it different from how you sorted the content into those groups?
  5. Adjust your information architecture design.

Try out a demo of a closed card sort

Protip: For a closed card sort, you can test with up to 50 cards, since users don’t also have to create category names.

Hybrid card sorting

Hybrid card sorting, as you might have guessed, is a mixture of open and closed sorting. You provide the user with groups, but the user can edit the group names or create new groups if the ones you provide don’t make sense for them.

Hybrid card sorting is a good method to use when you have some idea of groups but are open to new ideas and new wording. Many participants will stick with what you provided them, but occasionally a few will submit new ideas you might not have thought of that can help you understand their perspective.

How it works: The steps for hybrid card sorting are the same as closed sorting, except that users can rename or create new groups for cards.

Try out a demo of a hybrid card sort

Protip: If you will be conducting an online hybrid card sort, be sure to check that your card sort software or website can support this feature. Hybrid card sorting tools are a little more rare than open and closed. We’ve used Concept Codify’s (currently free!) tool for all three kinds of card sorting above.

Tree testing

Tree testing is a bit different from card sorting, but I’m including it in this article as a very useful information architecture research method. Tree testing bridges the gap between information architecture and usability testing on a prototype or set of wireframes. This type of testing is done on a simplified text-only version of a site’s navigation structure without any navigation aids or visual design.

Tree testing is best used when you have a site navigation model drafted up already and want to do some very basic task testing before investing any time in visual or interaction design. It can help you validate your model before you spend time building a higher fidelity prototype or wireframe.

How it works:

  1. Create your site navigation model. Outline major categories, subcategories, and pages.
  2. Create tasks to give users to complete within your navigation model. These tasks are usually best as “finding” scenarios, testing if a user can find a piece of content within the structure you have designed. Find out more about how to write good usability testing tasks here.
  3. Input the site navigation model into a system of some sort. It could be a specific testing system like the tree testing product from Optimal Workshop (if you are sending the test out as a survey) or it could be a very basic HTML prototype of your navigation (if you want to conduct the research in-person).
  4. Give the users the prototype and tasks. Make sure to only give one task at a time so the participant isn’t overwhelmed!
  5. Ask users to tell you when they believe they are on the right card or page where they would find the content that the task prompted them to look for.
  6. Analyze the results: where did users think they would find your content? What paths did they try first? Where did they back up and try a different path? How long did it take them? If you tested in-person, did they express frustration?

Try out a demo of a tree test survey

Protip: I think this kind of testing is best done using a digital tool like the tree testing product Treejack from Optimal Workshop, or a very bare bones HTML prototype, because it can be very hard to manage this type of testing on paper.

Sort all the things

These four information architecture research methods can be used in combination with each other to help guide you through the process of redesigning and restructuring your site content and navigation. Alternatively, each method can be used on its own or in combination with other user research methods like surveys or usability testing to ensure that your site is navigable, usable, and delightful for your end users. Happy redesigning!