large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="http://whatusersdo.com/blog/what-is-card-sorting-and-why-is-it-important-for-your-sites-ux/">medium bookmark / Raindrop.io</a> |  </p>
<p><strong>Here at WhatUsersDo we’re all about bringing the maximum amount of learning to people at any stage of their UX development. Hence we’re bringing you this series of weekly <a href="http://whatusersdo.com/blog/category/ux-beginners-guides/">UX beginner’s guides</a>, aimed to help all the newbies of the UX testing world. This is also why we’ve started using words like hence to make us sound <a href="https://www.youtube.com/watch?v=8WBFFoHATx8">learned</a>.</strong></p>
<h2><strong>This week: card sorting!</strong></h2>
<p><img src="http://blog.whatusersdo.com/wp-content/uploads/farhan-siddicq-200523.jpg" alt="playing cards thrown in the air"></p>
<p>How does card sorting work? What are the benefits? What do you need to be aware of? How can it help improve the usability of your website? What’s the difference between open, closed and hybrid card sorting? WHAT DOES IT DO, FOR THE LOVE OF GOD TELL ME IN PLAIN ENGLISH PLEASE???</p>
<p>Well, when you’ve calmed down a little bit, I’ll answer your questions and then perhaps we can go outside for some fresh air.</p>
<h2><strong>What is card sorting?</strong></h2>
<p>Card sorting is a test you can run to improve the navigation of your website, and like all the best methods of <a href="https://www.whatusersdo.com/clients/resources/what-is-user-experience">UX testing</a> it puts the user at the centre of your observations.</p>
<p>In card sorting, participants are presented with a list of items (for example, all the products featured in an online supermarket) and asked to group them in a way that makes the most logical sense to them.</p>
<p>Depending on the type of card sort, participants can also choose names for the groups they’ve put together, forming the potential categories and subcategories of a website.</p>
<p>All of this will hopefully create an easier, more logical way of navigating your site.</p>
<div><img src="http://blog.whatusersdo.com/wp-content/uploads/card-sort.png" alt="card sort"></p>
<p><em>Example of an online card sort from Optimal Workshop. You can also use physical cards.</em></p>
</div>
<h2><strong>What does card sorting have to do with Information Architecture (IA)?</strong></h2>
<p>You’ll probably hear the phrase Information Architecture (IA) a lot when you begin testing how people navigate your site, and this simply refers to the way content is presented and accessed from any given page – whether that’s through menus, breadcrumbs, categories, links… whatever takes you from one page to another.</p>
<p>This is how our UX researcher Hazel Ho refers to IA in her post on <a href="http://whatusersdo.com/blog/navigation-ux-user-experience/">navigation UX best practice</a>:</p>
<div>
<blockquote>
<p>“Information architecture is the practice of arranging parts of something to make it understandable”</p>
</blockquote>
</div>
<p>Information Architecture typically focuses on…</p>
<ul>
<li>Structure: the way information is laid out i.e. people should be able to predict where to find what they’re looking for</li>
<li>Organisation – grouping information in a way that makes sense to people</li>
<li>Labels – ensuring elements are appropriately titled so people can find information</li>
</ul>
<p>A good IA can help people on your site understand where they are, what’s around, and what to expect.</p>
<p>One of the many ways you can help visitors find their bearings on any page of your website is by offering a clear, comprehensive and logical means of navigation.</p>
<p>This is where card sorting comes in.</p>
<h2><strong>What are the benefits of card sorting?</strong></h2>
<p>As mentioned earlier, card sorting is a test you can run to validate the effectiveness of your site’s organisation, structuring and labelling.</p>
<p>It will also help you decide how to label your categories and navigation, arrange the subcategories underneath parent categories, decide what needs to go on a homepage and figure out where users are getting lost or confused.</p>
<p>The ultimate benefit is that you’ll be <strong>building and improving your navigation by observing how real users will navigate your site</strong> and its information architecture, rather than just guessing yourself.</p>
<p>Just because you assume that people will find the ’Fruit and Vegetables’ subcategory under a ‘Fresh’ category, it doesn’t mean people won’t also go looking under ‘Frozen’.</p>
<p>Card sorting is also simple to arrange, the materials needed are cheap to produce and it doesn’t take too long.</p>
<h2><strong>What are the disadvantages of card sorting?</strong></h2>
<p><a href="http://boxesandarrows.com/card-sorting-a-definitive-guide/">According to Boxes and Arrows</a>, there are a few things to be wary of when running card sorting:</p>
<ul>
<li>Naturally the results can vary wildly from person to person, or group to group. Much like any user testing, there’s no guarantee of consistency. But it can give you a solid foundation to build your IA.</li>
<li>Although the test itself can be quick, the analysis can be time consuming – particularly if there is little consistency between participants.</li>
<li>All the participants have are the surface details of the content (a title or headline for a webpage) they won’t necessarily know what the content is about or understand any nuance between cards – especially if its a niche subject. Bear this in mind when looking for participants.</li>
</ul>
<h2><strong>How do I run a card sorting test?</strong></h2>
<p>The beauty of card sorting is that it’s pretty low tech. In fact you only really need some post-it notes, a wall or a large table and some test participants.</p>
<p>First of all, decide what type of card sort you want to run. There are three possible types of card sorting…</p>
<h3><strong>What’s the difference between open, closed and hybrid card sorting?</strong></h3>
<h4><strong>Open card sort</strong></h4>
<p>This is the most flexible option. Participants are asked to group cards into categories that makes sense to them, and then they label each category in a way that they feel accurately describes the content.</p>
<h4><strong>Closed card sort</strong></h4>
<p>Here participants sort cards into category groups that you’ve already labelled and defined. For example, this is handy if you’re launching a new page for ‘Fitbits’ and you’re not sure whether to put it under a parent category ‘Technology’ or ‘Sports and Leisure’.</p>
<h4><strong>Hybrid card sort</strong></h4>
<p>As you’d expect this is a mixture of open and closed. Participants can sort cards into categories you’ve already defined and then create their own categories if they think your categories are a bit rubbish.</p>
<p>Then you have to decide on your technique…</p>
<h3><strong>Techniques for card sorting </strong></h3>
<p><a href="https://www.usability.gov/how-to-and-tools/methods/card-sorting.html">Usability.gov provides</a> the following advice on the different means of card sorting…</p>
<h4><strong>One on one</strong></h4>
<p>These are in-person sessions with an observer. Users are encouraged to express their thoughts out-loud to give a clear picture as to why they are making their decisions. This can be done with physical cards or online software, and you will need a person facilitating/observing.</p>
<h4><strong>Group</strong></h4>
<p>These tests have their participants sort the cards out as a group. The group can be briefed at the beginning and at the end of the session, but they are largely left alone for the duration.</p>
<p>This method can lead to quick decisions, but may also be prone to the pitfalls of group dynamics – i.e. the loudest opinion holds the most sway.</p>
<h4><strong>Remote</strong></h4>
<p>These are online based sessions that require participants to work independently from their own computer. These sessions can be done using open or closed methods.</p>
<p>According to Usability.com, there are several software programs that exist to help you with large-scale remote card-sorting studies, which can also help to analyse the data for you.</p>
<h3><strong>How to prepare your cards</strong></h3>
<p>You’ll want to create between 30 – 60 cards. Fewer cards may not generate enough groupings, more cards will probably lead to fatigue/boredom.</p>
<p>You then have to decide on the content of your cards.</p>
<p><a href="https://www.optimalworkshop.com/101/card-sorting">Optimal Workshop</a> has come up with a list of ways you can come up with ideas for content:</p>
<ul>
<li>Brainstorm the different information you want to include on your website</li>
<li>Look at your existing sitemap or product inventory</li>
<li>Complete a content audit on your website and select the most relevant items or article titles</li>
<li>Get a list from stakeholders telling you exactly what they want to see</li>
<li>Study your intended customers to find out the kinds of information they’d find useful</li>
<li>Research what your competitors have on their websites</li>
</ul>
<p>Once you have all your ideas written down on a lovely spreadsheet, you can refine the possibilities until you’re left with only the most relevant cards.</p>
<div><img src="http://blog.whatusersdo.com/wp-content/uploads/moderated-card-sort.jpg" alt="Example from Optimal Workshop"></p>
<p><em>Example from Optimal Workshop.</em></p>
</div>
<p>And finally, you’ll have to find some participants…</p>
<h3><strong>How to find the right participants</strong></h3>
<p>Whether you’re running one-to-one or group sessions, it’s a good idea to recruit participants who will give you real-world data. As Optimal Worshop states, “one of the goals of card sorting is to get inside the minds of the people you design for” so therefore it makes sense to broadly recruit from your existing demographics.</p>
<h4><strong>Things to bear in mind when working with participants</strong></h4>
<ul>
<li>If people aren’t receiving an incentive or are not obligated to participate, you’ll need to cast your net wider.</li>
<li>Aim for a minimum of 20 participants for a card sort, many more (upwards of 50) if you have larger menu structures.</li>
<li>If you’re using physical cards for a group sort, make sure you have enough room for people to spread out the cards and not crash into one another.</li>
<li>Let participants know how long the sort should take, so it will help them gauge how much time and effort they should put in.</li>
<li>For goodness sake, if you’re handwriting the cards, make sure your writing is legible. Better yet, print them out.</li>
</ul>
<h2><strong>How does WhatUsersDo run card sorting tests?</strong></h2>
<p>I talked to our founder Lee Duddell about how WhatUsersDo runs its card sorting for its clients, this is what he had to say…</p>
<p>Uniquely we blend quantitative and qualitative data into our online card sorting, using tools such as the aforementioned Optimal Workshop. Users on our panel organise pre-defined cards while crucially speaking their thoughts as they do so.</p>
<p>Where there is commonality, the quantitative data can support your decisions. When you need to find out the reasons why people haven’t grouped stuff together, you can then listen to the videos we produce to find out why.</p>
<p>Here’s a clip of a participant using WhatUsersDo to run an independent, unmoderated card sort on a banking website…</p>
<h2><strong>More pro tips for card sorting</strong></h2>
<p>Here’s a collection of pro tips that you should remember when running card sorting sessions, rounded off with a a few ‘pro-pro tips’ from Lee Duddell.</p>
<ul>
<li>It will help to number the cards individually on the corner, as you’ll need this for later analysis.</li>
<li>Remember that you might have to nudge your participants to think out loud.</li>
<li>If you’re running concurrent group or independent sessions, remember you’ll need to provide enough sets of cards.</li>
<li>Just running quantitive test will only get you so far, you need qualitative data (the spoken out-loud observations of the participants) to fill in any gaps of understanding.</li>
<li>Run card sorts in local languages. Qualitative studies in open card sorts that take into account the nuances of local language will be valuable in ensuring your navigation is understood in international versions of your site.</li>
<li>It’s worth remembering that top level menus communicate to people what they can do on a site. They form a major part of a new visitors’ first impression, therefore it’s worth running tests on these.</li>
<li>Menus are really hard to A/B test. It’s difficult to drive decent volumes of traffic to split test different configurations of IA, therefore the qualitative approach of card sorting is necessary for menus.</li>
<li>You will need to run a tree-test to validate your analysis. More on tree tests next week!</li>
</ul>
<h2><strong>How to analyse your card sort results</strong></h2>
<p>If you’ve used card-sorting software, this should generate a report for you. However if you’ve used physical cards – you’ll need to analyse the results yourself.</p>
<p><a href="https://www.usability.gov/how-to-and-tools/methods/card-sorting.html">Usability.gov</a> gives the following advice, which I will distill here:</p>
<ul>
<li>After every sort remember to photograph the layout of the cards.</li>
<li>Write down the names the participant gave to each grouping (if it’s an open sort) and the corresponding numbers of the cards included under that name.
<ul>
<li>Remember to reshuffle the cards for the next sort.</li>
</ul>
</li>
<li>Write down qualitative information in the form of user comments.</li>
<li>Write down quantitative information based on: which cards appeared together most often, how often cards appeared in specific categories.</li>
<li>It may also be worth noting how much time it took to complete the sort.</li>
</ul>
<p>You can use this data to find commonalities between the card sorts, or if you have a larger number of cards and sessions you could use an Excel spreadsheet to reveal the relationships and patterns between the cards.</p>
<div><img src="http://blog.whatusersdo.com/wp-content/uploads/card-sort-spreadsheet.png" alt="Example from Optimal Workshop"></p>
<p><em>Example from Optimal Workshop</em></p>
</div>
<h3><strong>What should you look out for in your card sort results?</strong></h3>
<p>Optimal Workshop gives some pointers to what you should be looking out for in your results.</p>
<p>With <strong>open and hybrid card sorting</strong>, you’ll want to answer the following questions:</p>
<ul>
<li>What logic do participants follow in the categories they’ve created?</li>
<li>What cards do people put together in the same group all the time?</li>
<li>What cards are never put together, and are thus considered conceptually different by all participants?</li>
<li>What kinds of labels do people suggest for representing your information?</li>
</ul>
<p>For <strong>closed card sorting</strong>, you’ll want to look at:</p>
<ul>
<li>How many participants sorted the same cards into each category</li>
<li>The cards with the highest agreement on where they belong, and the cards with the lowest</li>
<li>Which categories meant different things to different people (ie. if every card was sorted into one category at least once, then it’s obviously ambiguous…)</li>
<li>What were the most popular groups?</li>
</ul>
<p>After you’ve analysed the data from card sorting and answered the above questions, you should hopefully have enough information to begin structuring (or restructuring) your site’s information architecture.</p>
<div>
<div>
<div>
<h2>Get a newsletter that isn&#8217;t all about us&#8230;</h2>
<p>Subscribe for weekly, hand-picked articles about UX, design, and more every Friday—from the <em>Be Good to Your Users</em> blog and the <strong>rest of the whole darn web.</strong></p>
<p>&#8230;get a little taste <a href="http://newsletter.whatusersdo.com/">right here.</a> <img alt="👅" src="https://s.w.org/images/core/emoji/2.3/svg/1f445.svg"><img alt="🍭" src="https://s.w.org/images/core/emoji/2.3/svg/1f36d.svg"></p>
</div>
</div>
</div>
<p><em>Main image by <a href="https://unsplash.com/@farhanvisuals">Fahan Siddicq</a>.</em></p>
<div>
<div><a href="http://whatusersdo.com/blog/author/christopher/">Christopher Ratcliff</a></div>
<div>
<div>Christopher is the Content Marketing Manager of WhatUsersDo. He’s also the editor of wayward pop culture site Methods Unsound.  </p>
<p>He used to be the deputy editor of Econsultancy and editor of the third or forth most popular search engine marketing related website in (some parts of) EMEA.</p>
</div>
</div>
</div>
<div><a href="http://whatusersdo.com/blog/what-is-card-sorting-and-why-is-it-important-for-your-sites-ux/">http://whatusersdo.com/blog/what-is-card-sorting-and-why-is-it-important-for-your-sites-ux/</a></div>


What is card sorting and why is it important to your site’s UX?

What is card sorting and why is it important to your site’s UX?

Top Stories