Card Sorting Template
Unlock the power of user testing with the Card Sorting Template. Discover your user's mental models and how to best organize your website or app, so your product has the best UX.
About the Card Sorting Template
Card sorting is a user testing technique that helps UX and design teams decide how to structure a website or app's information architecture (IA).
Teams can use this technique to figure out how much users already know about your product or service. Card sorting also reveals their mental models and, based on these, outlines the best way to organize information architecture.
In general, card sorting is a relatively simple, straightforward process where people use sticky notes or index cards to organize and categorize information during the session. The Card Sorting Template brings this research method online, where you can run a card sorting session seamlessly in real-time or asynchronously.
What is card sorting?
Card sorting is about creating a set of cards, each representing a concept or item. The card sorting process has participants matching your ideal customer or target persona, grouping the cards in a way that makes sense to them.
Typically, cards get sorted one of three ways during a card sorting session:
Open card sort: Participants sort cards into their categories and label them themselves. The open card sort is a generative approach and helps UX teams learn:
How customers understand and analyze your information
Where people expect to find information when they click on your website
How to brainstorm new ideas for structuring and labeling your website information
Whether your site has multiple user groups that think in different ways about your information
Closed card sort:
Participants sort cards into categories you give them. The closed card sort is an evaluative approach to see how customers organize information based on a given framework and helps UX teams learn:
Whether people agree on where your information is best found in existing categories
Specific unclear or misleading category labels that need fixing
How to reduce the number of categories you have, based on categories that were ignored
Hybrid card sort:
Participants can either create new categories to complete their card sort (an open approach)or sort cards only into their categories, less likely to make their own labels (a closed approach). This mixed approach can lean toward more open or more closed, and helps UX teams learn:
How to generate ideas for grouping information based on inspiring participants with a given category pattern
Categories that have high agreement after an open card sort, but need more clearly defined card groupings
When to use card sorting
In a card sorting session, each participant (representing your user) organizes topics into categories and helps you label these groups. By the end of the session, you’ll learn how to meet your users’ expectations, help them quickly find what they need, and have a frictionless experience when navigating through your website or app.
Running a card sorting session enables your UX and design team to:
Decide on a structure for the information architecture of a new or existing website
Find the right language to make your navigation user-friendly
Group your content (or products and services) in a way that makes sense to your users
Compare how different customers or user groups understand concepts related to your products and services
Find a quick, cost-effective technique for collecting and presenting real data on user goals that most benefits business needs
Once you’ve found new insights into how customers navigate your website or app, you can use this data to develop a new, improved information architecture.
Create your own card-sorting session
Running a card sorting session is easy. Start by selecting the Card Sorting Template, then take the following steps to make one of your own.
1. Choose your sorting card topics.
You can edit the default card set, including text and images, to suit your website or app’s information architecture. Aim for 30-60 cards per session. Only the most relevant cards have to end up sorted into groups.
2. Explain what card sorting method you’d like users to follow.
Do you prefer an open, closed, or hybrid card sort? Edit the instructions to tell participants your expectations.
3. Invite your participant to organize topics into groups.
Now they can start making sense of your product or service’s information architecture. We recommend timing this exercise with Miro’s Countdown Timer. Aim for 15-20 minutes. Add an extra five minutes if they haven’t completed the timed sort after 20 minutes.
4. Ask your participant to name groups.
After all the cards are grouped, ask the participants to label. This will reveal the participant’s mental model during open or hybrid card sorts. It’s unlikely they’ll create labels that perfectly align with your product’s marketing or branding – so treat it as a source of inspiration.
5. Debrief with your participant.
Hop on another video call (or chat, if preferred) and ask the user to explain the rationale behind their card sorting decisions.
Which cards were easier or more difficult to sort? Did any cards seem to belong to two or more categories? Any thoughts about items left unsorted (or placed in the “not sure” category)?
How do you sort cards online?
Many UX researchers use online card sorting sessions since it’s a practical and quick way to conduct user research within remote and hybrid teams. To run an online card sorting session, open the template, add your cards, and invite participants to start sorting. You can use sticky notes to make directions clear on the board, add comments, or tag any teammate or participant. Don't forget to set the timer to know how much time participants have to sort the cards. After your card sorting session, analyze your data and share insights with your team.
How do you present card sorting findings?
You can present your card sorting findings using one of Miro’s ready-made presentation templates. UX researchers often present their findings by creating a full report on the methodology, mentioning the common card categories, the percentages of cards sorted into different categories, and possible directions and insights from the pre and post-questionnaires.
Get started with this template right now.
Website Wireframing Template
Works best for:
Wireframes, User Experience
Wireframing is a method for designing a website at the structural level. A wireframe is a stylized layout of a web page showcasing the interface elements on each page. Use this Wireframe Template to iterate on web pages quickly and cheaply. You can share the wireframe with clients or teammates and collaborate with stakeholders. Wireframes allow teams to get stakeholder buy-in without investing too much time or resources. They help ensure that your website’s structure and flow will meet user needs and expectations.
5 Whys Template
Works best for:
Design Thinking, Operations, Mapping
Ready to get to the root of the problem? There’s no simpler way to do it than the 5 Whys technique. You’ll start with a simple question: Why did the problem happen? Then you’ll keep asking, up to four more times, until the answer becomes clear and you can work toward a solution. And Miro’s features enhance the approach: You can ask team members questions in chat or @mention them in comments, and use color-coded sticky notes to call out issues that are central to the problem at hand.
Fishbone Diagram Template
Works best for:
Operations, Diagrams, Workflows
What is the best way to solve any problem your team faces? Go straight to the root. That means identifying the root causes of the problem, and fishbone diagrams are designed to help you do it best. Also known as the Ishikawa Diagram (named after Japanese quality control expert Kaoru Ishikawa), fishbone diagrams allow teams to visualize all possible causes of a problem, to explore and understand how they fit together holistically. Teams can also use fishbone diagrams as a starting point for thinking about what the root cause of a future problem might be.
Affinity Diagram Template
Works best for:
Desk Research, Mapping, Product Management
You can use an affinity diagram to generate, organize, and consolidate information that comes out of a brainstorming session. Whether you’re building a product, working through a complex problem, establishing a process, or piecing apart an issue, an affinity diagram is a useful and simple framework that gives each team member the opportunity to pitch in and share their thoughts. But it’s not just ideal for brainstorms—this is a great template and tool when you need to reach consensus or analyze data such as survey results.
Reverse Brainstorming Template
Works best for:
Ideation, Brainstorming, Team Meetings
Reverse brainstorming is a technique that prompts a group to think of problems, rather than solutions. Because we naturally think of problems, it’s a great way to get a group to anticipate problems that may occur during a project. To engage in reverse brainstorming, start by identifying the problem, and then think of things that might exacerbate it. Ask your team to generate ideas around ways in which the problem could get worse. Reverse the problems into solutions again, and then evaluate your ideas.
What? So What? Now What? Template
Works best for:
Agile Workflows, Retrospectives, Brainstorming
The What? So What? Now What? Framework empowers you to uncover gaps in your understanding and learn from others’ perspectives. You can use the What? So What? Now What? Template to guide yourself or a group through a reflection exercise. Begin by thinking of a specific event or situation. During each phase, ask guiding questions to help participants reflect on their thoughts and experience. Working with your team, you can then utilize the template to record your ideas and to guide the experience.