Average rating is 54% positive
54.55
22 votes
This pattern was helpful This pattern is useless

Tag Cloud

Problem summary

The user wants to browse content by popularity or most elaborate topic

Example

Example image showing 'Tag Cloud'

Usage

  • Use when users of your website can add content yourself and possibly also many tags
  • Use when your website has more than 10-20 different tags, each with different weight in post-count.
  • Do not use to show the categories of a strict hierarchical structure

Solution

A tag cloud is a list of tags, where the font size of each tag is larger or bigger depending on its weight. Weight in tag clouds can be represented in three different ways:

  1. Size represents the number of times that tag has been applied to a single item. This kind of tag cloud can help define the distribution of how the item is categorized.
  2. Size represents the number of items to which a tag has been applied As a presentation of each tag’s popularity.
  3. Size represents the quantity of content items in that category Tags are used as a categorization method for content items

Source: Tag clouds at wikipedia

There are several opinions on how tags should be ordered. Examples of ways to order tags are:
  • Alphabetically
  • Randomly
  • By weight
  • In clusters of semantically similar tags (similar tags appear next to eachother)

Rationale

Tag clouds helps visualize semantic fields; how some categories have greater importance than others.

More examples images of the Tag Cloud pattern

Tag cloud at <a href="http://www.flickr.com/photos/tags/">Flickr</a>.
Tag cloud at Flickr.

This pattern was last updated on February 07, 2008

4 comments

Post a comment

Required
Required
Will not be published
simple_captcha.jpg
Required
Type the code from the image