Like Card Sorting? Grab one of our pre-made badges and put them on your web site or blog to help us get the word out.

Large (400 x 150 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML. This one is a bit bigger, so make sure you have enough room in the spot you place this to avoid unwanted scrollbars:

<div style="display: block; border: solid 1px #d9e4c4; width: 370px; overflow: hidden; margin: 10px 0; padding: 0 15px 0 0; background: #fff;"> <a href="http://rosenfeldmedia.com/books/cardsorting/"><img src="http://rosenfeldmedia.com/i/covers/cardsorting-md.gif" width="100" height="150" alt="Card Sorting Cover" style="border: solid 1px #d9e4c4; border-top: 0; border-left: 0; float: left; margin: 0 15px -1px 0; padding: 0;" /></a> <h3 style="display: block; font: normal 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0.25em 0; padding: 0; border: 0; line-height: 17px; color: #background: none;"><a href="http://rosenfeldmedia.com/books/cardsorting/" style="color: #107B84; text-transform: uppercase;">Card Sorting: <span style="color: #107B84; text-transform: none; text-decoration: underline;">Designing Usable Categories</span></a></h3> <p style="display: block; margin: 0 0 0 115px; padding: 0; border: 0; color: #000; background: none; font: normal 11px verdana, sans-serif; line-height: 17px;">Card sorting helps us understand how people think about content and categories. Armed with this knowledge, we can group information so that people can better find and understand it. In this book, <a href="http://www.rosenfeldmedia.com/books/cardsorting/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Donna Spencer</a> describes how to plan and run a card sort, then analyze the results and apply the outcomes to your project. <a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2009. <a href="http://www.rosenfeldmedia.com/books/cardsorting/" style="color:#107B84; text-decoration: underline; font-size: 10px; font-weight: normal; font-style: normal; display: block; text-align: right;">Read More &gt;</a></p> </div>

Medium (250 x 150 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML:

<div style="display: block; border: solid 1px #d9e4c4; width: 235px; height: auto; overflow: hidden; margin: 10px 0; padding: 0 15px 0 0; position: relative; background: #fff;"> <a href="http://rosenfeldmedia.com/books/cardsorting/" style="float: left; display: block; height: 125px; overflow: hidden; margin-right: 10px;"><img src="http://rosenfeldmedia.com/i/covers/cardsorting-md.gif" width="100" height="150" alt="Card Sorting Cover" style="border: 0; border-right: solid 1px #d9e4c4; padding: 0; margin: 0;" /></a> <h3 style="display: block; font: bold 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0 0; padding: 0; border: 0; line-height: 18px; background: none;"><a href="http://rosenfeldmedia.com/books/cardsorting/" style="color: #86A06A; text-decoration: underline;">Card Sorting</a></h3> <p style="display: block; margin: 0 0 0 110px; padding: 0; border: 0; color: #000; background: none; font: normal 11px/17px verdana, sans-serif;"><em style="font-style: italic;">Designing Usable Categories</em></p> <p style="display: block; margin: 0 0 0 110px; padding: 0; border: 0; color: #000; background: none; font: normal 11px/17px verdana, sans-serif;">by <a href="http://www.rosenfeldmedia.com/books/cardsorting/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Donna Spencer</a><span style="font-size: 10px; display: block;"><a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2009.</span></p>

Tall (100 x 300 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML:

<div style="display: block; border: solid 1px #d9e4c4; width: 100px; margin: 10px 0; padding: 0; background: #fff;"> <div style="display: block; border: none; width: 100px; height: 128px; overflow: hidden;"> <a href="http://rosenfeldmedia.com/books/cardsorting/"><img src="http://rosenfeldmedia.com/i/covers/cardsorting-md.gif" width="100" height="150" alt="Card Sorting Cover" style="border: 0; padding: 0; margin: 0;" /></a> </div> <h3 style="display: block; font: bold 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0 0; padding: 0 0.35em; border: 0; line-height: 18px; background: none;"><a href="http://rosenfeldmedia.com/books/cardsorting/" style="color: #86A06A; text-decoration: underline;">Card Sorting</a></h3> <p style="display: block; margin: 0; padding: 0 0.35em; border: 0; font: normal 11px/17px verdana, sans-serif; color: #000; background: none;"><em style="font-style: italic;">Designing Usable Categories</em></p> <p style="display: block; margin: 0; padding: 0 0.35em 0.5em 0.35em; border: 0; font: normal 11px/17px verdana, sans-serif; color: #000; background: none;">by <a href="http://www.rosenfeldmedia.com/books/cardsorting/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Donna Spencer</a><span style="font-size: 10px; display: block; line-height: 14px; margin-top: 6px;"><a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2009.</span></p> </div>