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.
UML State Machine Diagram Template
Works best for:
Software Development, Mapping, Diagrams
Visualize the workflow of a process and how objects perform actions based on different stimuli. State machine diagrams are valuable for understanding how an object responds to events at the different stages of its life cycle. They are also helpful for visualizing event sequences in a system.
Research Template
Works best for:
Education, Desk Research, Product Management
Teams often need to document findings from usability testing sessions and customer interviews into a systematic, flexible user research template. Collecting everyone’s observations into a centralized location makes it easier to share insights company-wide and suggest new features based on user needs. Research templates can be used to record quantitative or qualitative data.. When it’s your job to ask questions, take notes, learn more about your user, and test iteratively, a Research Template can help you validate your assumptions, find similarities across different users, and articulate their mental models, needs, and goals.
Press Release Template
A clear vision of the result is vital for success. To gain support, use the Press Release Template to create an engaging news story that captures your audience's attention and imagination. Excitement and enthusiasm for your idea will lead to the support and resources you need to make it a reality.
Flyer Maker Template
Works best for:
Design, Marketing
Whether it’s a client party or a nonprofit fundraiser, your event needs one key thing to be a smashing success: people to show up. That’s why promoting it is such an important part of the planning—and creating and sending a flyer is the first step. These single-page files will grab your guests’ attention and give them the key details, such as the time, date, and location (and if it’s a fundraiser, who/what the funds will benefit). This template will let you lay out text and customize a flyer design.
Google Cloud Architecture Diagram Template
Works best for:
Software Development, Diagrams
Use the Google Cloud Architecture Diagram template to clearly visualize the deployment of your application and allow you and your team to optimize processes. The GCP template gives you a great overview of your application architecture, and it helps you to iterate quickly and better manage your application development, deployment, and documentation. Try it out and see if it works for you.
Service Definition Canvas
Works best for:
Research & Design
The Service Definition Canvas helps you define and visualize the core components of your service. This template is perfect for outlining service interactions, identifying improvement areas, and aligning teams. Use it to create a clear and comprehensive service blueprint that enhances customer experience and operational efficiency. It's ideal for strategic planning and ensuring a cohesive understanding of service delivery among stakeholders.