This technique is used to discover how users organize and prioratize items. In a face to face setting, you would write one word on a card or Post-it Note. Put the words in a pile, and ask users or potential users to group them and then, perhaps, arrange the groups in order of priority. Card Sorting was used extensively when designing website menus back before there were common patterns. One might still do it today if one had many items or a new kind of information that required an uncommon pattern. You can use Card Sort to help gain insight into user values and objectives and priorities as well.
This script was written by ChatGPT at my request. It may not be cross-browser reliable. But if it works, you can click on a square to edit the content. You can RIGHT click on a square to move it around the screen. Thus you can do a basic kind of card sort. If you want to add cards, you need to view the source code, copy and past it into an html file on your own computer, and then replicate a div tag for each one you want to add. For example, there are currently 4 cards. To add a fift, put the following below card 4
<div class="draggable" style="position: absolute; left: 20px; top: 850px;" contenteditable="true" >Card 5 </div>
Notice that the top: numbers are different for each div. If you wanted a sixth card that would be, top: 750px;
Click in a box to write text. Right click to drag a box to a different location.