Tag Clouds Evolve: Understanding Tag Clouds

Zeldman jokingly called tag clouds "the new mullets" last year. At the time, I think he was taken a bit by surprise by the rapid spread of the tag cloud (as many people were). A big year later, it looks like this version of the world's favorite double duty haircut will stay in fashion for a while. Zeldman was discussing the first generation of tag clouds. I have some ideas on what the second generation of tag clouds may look like that will conclude this series of two essays. These two pieces combine ideas brewing since the tagging breakout began in earnest this time last year, with some predictions based on recent examples of tag clouds in practice.
Update: Part two of this essay, Second Generation Tag Clouds, is available.
This first post lays groundwork for predictions about the second generation of tag clouds by looking at what's behind a tag cloud. I'll look at first generation tag clouds in terms of their reliance on a "chain of understanding" that semantically links groups of people tagging and consuming tags, and thus underlies tagging and social metadata efforts in general. I'll begin with structure of first generation tag clouds, and move quickly to the very important way that tag clouds serve as visualizations of semantic fields.
Anatomy of a Tag Cloud
Let's begin with the familiar first generation tag cloud. Tag clouds (here we're talking about the user experience, and not the programmatic aspects) commonly consist of two elements: a collection of linked tags shown in varying fonts and colors to indicate frequency of use or importance, and a title to indicate the context of the collection of tags. Flickr's tags page is the iconic example of the first generation tag cloud. Screen shots of several other well known tag cloud implementations show this pattern holding steady in first generation tagging implementations such as del.icio.us and technorati, and in newer efforts such as last.fm and ma.gnolia.
Wikipedia's entry for tag cloud is quite similar, reading, "A tag cloud (more traditionally known as a weighted list in the field of visual design) is a visual depiction of content tags used on a website. Often, more frequently used tags are depicted in a larger font or otherwise emphasized, while the displayed order is generally alphabetical... Selecting a single tag within a tag cloud will generally lead to a collection of items that are associated with that tag."
In terms of information elements and structure, first generation tag clouds are low complexity. Figure 1 shows a schematic view of a first generation tag cloud. Figures 2 through 5 are screenshots of well-known first generation tag clouds.
Figure 1: Tag Cloud Structure
cloud.gif
Figure 2: last.fm
lastfm.gif
Figure 3: technorati
technorati_1.gif
Figure 4: del.icio.us
delicious_1.gif
Figure 5: Ma.gnolia
magnolia.gif
Tag Clouds: Visualizations of Semantic Fields
The simple structure of first generation tag clouds allows them to perform a very valuable function without undue complexity. That function is to visualize semantic fields or landscapes that are themselves part of a chain of understanding linking taggers and tag consumers. This is a good moment to describe the "chain of understanding". The "chain of understanding" is an approach I use to help identify and understand all the different kinds of people and meaning, and the transformations and steps involved in passing that meaning on, that must work and connect properly in order for something to happen, or an end state to occur. The chain of understanding is my own variation / combination of common cognitive and information flow mapping using a scenario style format. I've found the term resonates well with clients and other audiences outside the realm of IA.
How does the chain of understanding relate to tag clouds? The tags in tag clouds originate directly from the perspective and understanding of the people tagging, but undergo changes while becoming a tag cloud. (For related reading, see Rashmi Sinha's A social analysis of tagging which examines some of the social mechanisms underlying the activity of tagging.) Tag clouds accrete over time when one person or a group of people associate a set of terms with a focus of some sort; a photo on flickr, a URL / link in the case of del.icio.us, an album or song for last.fm. As this list shows, a focus can be anything that can carry meaning or understanding. The terms or tags serve as carriers and references for the concepts each tagger associates with the focus. Concepts can include ideas of aboutness, origin, or purpose, descriptive labels, etc. While the concepts may change, the focus remains stable. What's key is that the tag is a reference and connection to the concept the tagger had in mind. This connection requires an initial understanding of the focus itself (perhaps incorrect, but still some sort of understanding), and the concepts that the tagger may or may not choose to associate with the focus. And this is the first step in the chain of understanding behind tag clouds, as shown in Figure 6.
Figure 6: Origin: Focus and Concepts
origin.gif
As a result, tag clouds are more than collection of descriptive or administrative terms attached to a link, or other sort of focus. The tag is a sort of label that references a concept or set of concepts. A cloud of tags is then a collection of labels referring to a cluster of aggregated concepts. The combination of tags that refer to concepts, with the original focus, creates a 'semantic field'. A semantic field is the set of concepts connected to a focus, but in a form that is now independent of the originating taggers, and available to other people for understanding. In this sense, a semantic field serves as a form of reified understanding that the taggers themselves - as well as others outside the group that created the semantic field - can now understand, act on, etc. (This speaks to the idea that information architecture is a discipline strongly aimed at reification, but that's a different discussion...). Figure 7 shows this second step in the chain of understanding; without it, there is no semantic field, and no tag cloud can form. And now because this post is written from the viewpoint of practical implications for tag cloud evolution, I'm going to hold the definition and discussion of a semantic field and focus, before I wander off track into semiotics, linguistics, or other territories. The most important thing to understand is that *tag clouds comprise visualizations of a semantic field*, as we've seen from the chain of understanding.
Figure 7: Semantic Field
semantic_field.gif
I believe tag clouds are revolutionary in their ability to translate the concepts associated with nearly anything you can think of into a collectively visible and actionable information environment, an environment that carries considerable evidence of the original understandings that precede and inform it. In a practical information architecture sense, tag clouds can make metadata - one of the more difficult and abstract of the fundamental concepts of the digital universe for the proverbial person on the street - visible in an easily understood fashion. The genius of tag clouds is to make semantic concepts, the frames of understanding behind those concepts, and their manifestation as applied metadata tangible for many, many people.
Figure 8: Semantic Field As Tag Cloud
field_as_cloud.gif
With this notion of a tag cloud as a visualization of a semantic field in mind, let's look again at an example of a tag cloud in practice. The flickr style tag cloud (what I call a first generation tag cloud) is in fact a visualization of many tag separate clouds aggregated together. Semantically then, the flickr tag cloud is the visualization of the cumulative semantic field accreted around many different focuses, by many people. In this usage, the flickr tag cloud functions as a visualization of a semantic landscape built up from all associated concepts chosen from the combined perspectives of many separate taggers.
To summarize, creating a tag cloud requires completion of the first three steps of the chain of understanding that supports social metadata. Those steps are:
1. Understanding a focus and the concepts that could apply that focus
2. Accumulating and capturing a semantic field around the focus
3. Visualizing the semantic field as a tag cloud via transformation
The fourth step in this chain involves users' attempts to understand the tag cloud. For this we must introduce the idea of context, which addresses the question of which original perspectives underlie the semantic field visualized in a tag cloud, and how those concepts have changed before or during presentation.
How Cloud Consumers Understand Tag Clouds
Users need to put a given tag cloud in proper context in order to understand the cloud effectively. Their end may goals may be finding related items, surveying the thinking within a knowledge domain, identifying and contacting collaborators, or some other purpose, but it's essential for them to understand the tags in the cloud to achieve those goals. Thus whenever a user encounters a tag cloud, they ask and answer a series of questions intended to establish the cloud's context and further their understanding. Context related questions often include "Where did these tags come from? Who applied them? Why did they choose these tags, and not others? What time span does this tag cloud cover?" Context in this case means knowing enough about the conditions and environment from which the cloud was created, and the decisions made about what tags to present and how to present them. Figure 9 summarizes the idea of context.
Figure 9: Cloud Context

Once the user or consumer places the tag cloud in context, the chain of understanding is complete, and they can being to use or work with the tag cloud. Figure 10 shows the complete chain of understanding we've examined.
Figure 10 Chain of Understanding
chain_of_understanding.gif
In part two, titled "Second Generation Tag Clouds", I'll share some thoughts on likely ways that the second generation of tag clouds will evolve in structure and usage in the near future, based on how they support a chain of understanding that semantically links taggers and tag cloud consumers. Context is the key for tag cloud consumers, and we'll see how it affects the likely evolution of the tag cloud as a visualization tool.
Update: Part two Second Generation Tag Clouds is available

Related posts:

  1. Second Generation Tag Clouds Lets build on the analy­sis of tag clouds from Tag...
  2. Tag Clouds: Navigation For Landscapes of Meaning I believe the value of sec­ond gen­er­a­tion clouds will be...
  3. NYTimes.com Redesign Includes Tag Clouds Though you may not have noticed it at first (I...
  4. Tag Clouds: "A New User Interface?" In Piv­ot­ing on tags to cre­ate bet­ter nav­i­ga­tion UI Matt...
  5. Cartograms, Tag Clouds and Visualization I was enjoy­ing some of the engag­ing car­tograms avail­able from...

Category: Ideas, Tag Clouds
Tags: , , , , , , , 10 comments »

10 Responses to “Tag Clouds Evolve: Understanding Tag Clouds”

  1. Michiel

    Inter­est­ing post. I couldn’t help but notice that your own tag cloud on the right side­bar is a clut­tered mess. It’s longer than my screen (which is bad) and I think it actu­ally impedes nav­i­ga­tion.
    Have you thought about cut­ting off all entries with fewer than X mentions?

  2. joe lamantia

    thanks for the con­struc­tive crit­i­cism, Michiel. there are a lot of tags in the cloud right now — it’s show­ing all tags ever used.
    i think it’s early to say that long clouds are defin­i­tively bad — we scroll long lists often with­out much dif­fi­culty, and a cloud is at heart a form of list — but i agree that the lay­out i’m using right now was not designed to incor­po­rate a big cloud in the left col­umn, and needs some work.
    to take on some of these issues, i’m plan­ning some changes to the way clouds appear across the site, based on what I’ve seen work­ing well and not well in this first exper­i­ment…
    here’s my thoughts:
    1. cre­ate dif­fer­ent clouds for dif­fer­ent time spans, as you sug­gested, and à la flickr. maybe an all-time cloud for all tags ever used, a smaller cloud for entries in the last 90 days, and a cat­e­gory spe­cific cloud for each cat­e­gory?
    2. offer clouds based on loca­tion within the site. the all-time cloud might appear in the archives, with search results, and with tag results. the 90 days cloud might appear on the home­page and on indi­vid­ual entries. the cat­e­gory cloud could appear on the cat­e­gory archive pages, and on the indi­vid­ual archive pages.
    how does this sound?

  3. Graham English

    Your tag cloud looks great on Safari on my Mac.
    Another prac­ti­cal and cre­ative demon­stra­tion of seman­tic fields is the soft­ware Visual The­saurus: http://www.visualthesaurus.com/
    I use it con­stantly and I like its 3D dis­play which many tag clouds try to do through font col­or­ing.
    Tags not only demon­strate seman­tic rela­tion­ships, but heirar­chies. Span AND depth.
    Great article.

  4. joe lamantia

    Gra­ham,
    I’ve always enjoyed the visual the­saurus.
    Could you say more about how tag clouds demon­strate span and depth? Sounds like an inter­est­ing idea.

  5. Ron Suarez

    I assume many peo­ple try to elim­i­nate unnec­es­sary tags that they have cre­ated. I retag items with exist­ing tags that already have a larger num­ber of links. So, an inter­est­ing design might be a sys­tem that makes this process eas­ier.
    Users need to min­i­mize the length of their lists:
    I think it is the respon­si­bil­ity of the indi­vid­ual to “tend to” their tag cloud, but the sys­tem needs to encour­age this and min­i­mize the need to do this house­keep­ing very frequently.

  6. xero

    this is a great arti­cle. yew bring up some very inter­est­ing points. “Seman­tic Field As Tag Cloud“
    but i have to agree w/ michiel. yer cloud i VERY clut­terd. you need to think about word spac­ing, and css font sizes. you largest if too large i think.

  7. Thomas

    Very inter­est­ing … i will update imeji.fr tag cloud gen­er­a­tion to fol­low your ideas.

    Thanks a lot.

  8. links for 2010-09-11 - Maven Services

    […] Tag Clouds Evolve: Under­stand­ing Tag Clouds — Joe Lamantia.com (tags: None) […]

  9. muVectors

    Zoom­Tags is a “Zoomable — Ani­mated — Themed — Vec­tor Graph­ics” Tag Cloud Gen­er­a­tor devel­oped in C#

    Soft­ware: Zoom­Tags
    Gallery: http://www.muvectors.in/zoomtags/gallery.aspx
    Page: http://www.muvectors.in/zoomtags/

    This pro­vides such unique fea­tures as none other can provide.

  10. Matt

    As some­one for whom tag­ging is too social an action, I find it inter­est­ing how much more pow­er­ful “WORD CLOUDS” could be, using many of the same prin­ci­pals dis­cussed in this post.

    “Tag Clouds”, are anal­o­gous to a bespec­ta­cled per­son inquir­ing of a crowd if any­one has seen their glasses while they are wear­ing them. The spark is there, it just can’t pro­duce flame.

    There is no end to the ways in which a “Word Cloud” could be used induc­tively or deduc­tively, to show, rela­tional data or aggre­gated data each with it’s own nav­i­ga­tional laws ad infini­tum. A “Word Cloud” of six entries could hide unimag­in­able depth of under­stand­ing about a sub­ject, not unlike the six degrees of sep­a­ra­tion game. Ahhhh “Bacon Cloud”, now I’m hungry.


Leave a Reply



*

Back to top