{"id":19753,"date":"2023-08-31T08:09:19","date_gmt":"2023-08-31T12:09:19","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=19753"},"modified":"2024-06-08T09:43:11","modified_gmt":"2024-06-08T13:43:11","slug":"playing-with-a-full-deck-card-sorting-exercises-for-better-web-content","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2023\/playing-with-a-full-deck-card-sorting-exercises-for-better-web-content\/","title":{"rendered":"Playing with a full deck: Card-sorting exercises for better web content"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Playing with a full deck: Card-sorting exercises for better web content\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<h2 id=\"from-discontent-to-content\" class=\"wp-block-heading\">From discontent to content<\/h2>\n\n\n\n<p>In the glamorous and dynamic world of website design, creating user-friendly and intuitive navigation is paramount. A well-organized website structure not only enhances user experience but also drives engagement and buy-in.<\/p>\n\n\n\n<p>Enter card sorting exercises! \u2013 an invaluable technique that allows content-owners to gain insights into users&#8217; mental models, leading to more efficient navigation and content organization.<\/p>\n\n\n\n<h2 id=\"understanding-card-sorting\" class=\"wp-block-heading\">Understanding Card Sorting<\/h2>\n\n\n\n<p>Card sorting is a user experience research method that involves sorting content items into categories to reveal patterns in how users think about information. It&#8217;s like peering into users&#8217; minds, understanding how they group and label information naturally. By conducting card sorting exercises, you can make informed decisions about website structure.<\/p>\n\n\n\n<h2 id=\"types-of-card-sorting\" class=\"wp-block-heading\">Types of Card Sorting<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Open Card Sorting:<\/strong> In open card sorting, participants categorize content items into groups they create and label. This method is excellent for generating fresh insights into how users naturally group information.<\/li>\n\n\n\n<li><strong>Closed Card Sorting:<\/strong> Closed card sorting involves participants sorting content items into predefined categories provided by the designer. This approach helps validate existing navigation structures and assess the clarity of labels.<\/li>\n\n\n\n<li><strong>Hybrid Card Sorting:<\/strong> A combination of open and closed card sorting, hybrid card sorting offers a comprehensive view. Participants both create categories and sort items into existing ones, offering a balance between creativity and validation.<\/li>\n<\/ol>\n\n\n\n<h2 id=\"benefits-of-card-sorting-exercises\" class=\"wp-block-heading\">Benefits of Card Sorting Exercises<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>User-Centred Design:<\/strong> Card sorting puts users at the centre of the design process, ensuring that the website&#8217;s structure aligns with their mental models and expectations.<\/li>\n\n\n\n<li><strong>Improved Navigation:<\/strong> By understanding how users naturally group and categorize information, designers can create intuitive navigation menus that guide users seamlessly through the website.<\/li>\n\n\n\n<li><strong>Label Clarity:<\/strong> Card sorting uncovers the language users prefer when labeling categories and items. This makes content more understandable.<\/li>\n\n\n\n<li><strong>Reduced Cognitive Load:<\/strong> An organized website reduces cognitive load, making it easier for users to find what they need, boosting satisfaction and engagement. (We <a href=\"https:\/\/carleton.ca\/webservices\/2022\/topics-in-accessibility-lightening-the-cognitive-load\/\">talked about cognitive load<\/a> before.)<\/li>\n\n\n\n<li><strong>Evidence-Driven Decision Making:<\/strong> Card sorting provides valuable data and insights that guide design decisions, minimizing guesswork and optimizing user experience. And best of all, most card sorting apps do the analysis for you!<\/li>\n<\/ol>\n\n\n\n<p><strong>Conducting a Card Sorting Exercise<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Define Goals:<\/strong> Identify the specific research questions you want to answer. (E.g., How do we reorganize our navigation menu?)<\/li>\n\n\n\n<li><strong>Select Participants:<\/strong> You are supposed to choose a diverse group but you can use your department, or students. Aim for at least 15-20 participants for meaningful results.<\/li>\n\n\n\n<li><strong>Prepare Content Cards:<\/strong> Create digital cards representing each content item on your website.<\/li>\n\n\n\n<li><strong>Choose a Method:<\/strong> Decide on open, closed, or hybrid card sorting based on your goals and resources.<\/li>\n\n\n\n<li><strong>Facilitate the Exercise:<\/strong> Guide participants through the sorting process, encouraging them to think aloud. Collect qualitative insights on their reasoning. Most apps and online car sorting tools will do this for you.<\/li>\n\n\n\n<li><strong>Analyze Results:<\/strong> Look for patterns in how participants group items and label categories. Identify areas of consensus and divergence.<\/li>\n\n\n\n<li><strong>Refine Information Architecture:<\/strong> Use the insights gathered to refine your website&#8217;s information architecture, navigation labels, and menu structure.<\/li>\n<\/ol>\n\n\n\n<p><strong>Resources<\/strong><\/p>\n\n\n\n<p>There are a number of tools out there which allow free use of much of their card sorting functionality. Here are five top card sorting tools you can find online.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.optimalworkshop.com\/optimalsort\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimal Workshop<\/a>: Offering a free plan, this user-friendly tool includes basic card sorting and tree testing features.<\/p>\n\n\n\n<p><a href=\"https:\/\/miro.com\/templates\/card-sorting\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miro<\/a>: This versatile collaborative online whiteboard platform can be used for card sorting.<\/p>\n\n\n\n<p><a href=\"https:\/\/userbit.com\/content\/solutions\/cardsorts\" target=\"_blank\" rel=\"noopener noreferrer\">Userbit<\/a>: The free version of this tool is easy to use and provides in-depth analysis of your responses.<\/p>\n\n\n\n<p><a href=\"https:\/\/maze.co\/features\/card-sorting\/\" target=\"_blank\" rel=\"noopener noreferrer\">Maze<\/a>: According to Maze, its &#8220;card sorting feature uncovers your users\u2019 mental models with tailored, automated, and visual analytics that help you identify and share trends in no time.&#8221;<\/p>\n\n\n\n<p><a href=\"https:\/\/kardsort.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">kardSort<\/a>: kardSort offers an extremely easy to navigate (and free!) system.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From discontent to content In the glamorous and dynamic world of website design, creating user-friendly and intuitive navigation is paramount. A well-organized website structure not only enhances user experience but also drives engagement and buy-in. Enter card sorting exercises! \u2013 an invaluable technique that allows content-owners to gain insights into users&#8217; mental models, leading to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[369],"tags":[],"class_list":["post-19753","post","type-post","status-publish","format-standard","hentry","category-carleton-cms"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=19753"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19753\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=19753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=19753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=19753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}