In search of the perfect Tag Cloud
by coelomic
Tagging has become an essential part of browsing the internet these days. If you have read my previous two posts on tagging you would now know why I am not a big fan of the concept and I am not alone in this regard. Well if it is proving to be a necessary evil then it better be easy. Here I did a bit of research regarding the visualization of tags and their usability. There is no denying the fact that more and more people are taking to the net these days and with all these tags flying around their usability is a central tenet that would determine the longevity of the idea.
In spite of all its shortcomings tagging has added to the aesthetic nature of the web in the form of tag clouds and that would be the topic of conversation today. I love tag clouds as they are almost akin to a work of art. It is fascinating to see how the words fit together and form a visual zeitgeist. Some people have different ideas, but I digress. I shall make an attempt to highlight the pitfalls of using tagsclouds from a usability perspective. If tagging is going to be accepted then tag clouds would play a big role as they are the most visible and attractive part of the concept. An example is shown below,
Wikipedia describes tag clouds as such:
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. Thus both finding a tag by alphabet and by popularity is possible. Selecting a single tag within a tag cloud will generally lead to a collection of items that are associated with that tag.
The first tag cloud appeared on Flickr, the photo sharing site. That implementation was based on Jim Flanagan’s Search Referral Zeitgeist, a visualization of web site referrers. Tag clouds have also been popularised by Technorati, among others.
Tags are not seperate entities, they are used in the context of the material that has been tagged and hence they are related to the other tags used on the same link. One of the highlights of tagging is seen when tags are aggregated as in tag clouds. Then, we can see trends in what people are tagging: interesting links on Del.icio.us, cool pictures on Flickr, for example. These trends are trends of popularity and tag clouds should ideally have a way of depicting them. The other important issue is the one of “emergent tags“. Emergent tags are tags are tags that are in the process of becoming popular. They are valuable because they represent current trends on the net. As Joshua Porter explains :
Why are emergent tags valuable? Well, they’re valuable because they show trends of change. To give you an example of how useful this can be, Tim O’Reilly said in his opening talk that by watching the emergence of the Ajax tag they could predict that if O’Reilly published books about Ajax, readers would gobble them up. And judging by the number of people at this Conference who are building applications in Ajax, and the number of folks I’ve talked to who have shiny new Ajax books, this certainly is the case.
So rule number one would be that tag clouds should show the relation of the tags to each other and secondly they should not be plain beautiful font but should have a way of showing current and emerging trends in a graphical manner, thereby making it easy for people to “get it”. This is important, as for a majority of people not accustomed to the idea, it would be like seeing the data in a graphical manner which is a lot more attractive than viewing plain old search results. It would make discovery of interesting links a lot more easy as clicking on paricular tag would display the relevant results and filter out irrelevant content. A lot more intuitive, that way.
Another problem with tag clouds is that their data displaying ability is limited by the screen size. Why would this be a problem? Well not everyone who searches the tagosphere is looking for cool links. I, in particular am, looking for information on something that happened say a few months ago and the topic wasn’t even “hot” so to speak. Now I have a problem. Most of the sites that display tag clouds are fixated on displaying the flavour of the month, or the tags that hog the screen are the ones that are currently popular. Related to this is the phenomenon of “tag decay“. I quote Joshua Porter on the subject of popular tags :
One of the major problems with popularity is that popularity breeds popularity. When something gets popular enough, it is introduced to newer, wider audiences. These audiences, unaccustomed to the new idea, keep it popular. Unfortunately, these cycles tend to be too long: new things that become popular on a wide scale drown out those newer ideas that are still on the small scale, waiting their turn at the big time. These smaller ideas might be just as valuable as the popular ideas, they just haven’t had their chance to shine. Those folks who already know about the popular idea and are waiting for the new idea are out of luck.
So rule number two would be that systems using tag clouds should taking into account tag decay and come up with systems to negate its effect or atleast keep “decayed” tags still accessible and relevant in the picture.
Lets take a look at some examples and compare the ideas in quest of the perfect tag cloud.
- Flickr
Flickr created the first tag cloud. And they have done a good job of it. They being pioneers in tagging have solved the issue of popularity decay in a fantastic manner. on Flickr you will find that the popular tags are arranged to show three stages of popularity, with three different levels of popularity decay.
One stage contains those tags that were popular in the last 24 hours. This has a short decay period. Tags here today may be gone tomorrow.
A second stage contains those tags that were popular in the last week, and thus a week-long popularity decay. Things that are popular this week might not be popular next week.
The third stage is all-time popular tags, the default popularity for most other systems , and it clearly shows the effect of a slow popularity decay. Tags do not decay here within a set time frame.Tags added to this list, are popular over all-time. Therefore, turnover is very slow, and thus watching this list is not indicative of trends as they happen. When some idea hits this stage, you can be sure that it is popular, but it certainly isn’t new, because it has had to be popular over the very long term. There is an excellent write up on this here. Also related would be the idea if the user could set how fast or slow these tags representative of trends decay. I quote this from Cloudalicio.us. “If websites begin to implement a tag cloud epoch, they can begin to “forget” the stale tags in their system. Sites can begin to have their most visible tags dissolve in an organic, human way. As people do not continue to tag a certain thing a certain way, this thing should fade slowly from view. It should still be findable (and re-findable) through search and browse, but the tags describing it should count less and less when considering what hot lists to put the item on. Interesting thought.
- del.icio.us
It is my favourite bookmarking service and rightly so as they have got a lot of things right. No I am not referring to the Yahoo acquisition!, instead I am referring to the usability and customizability of their tag clouds. They have excellent support for third party tools and their tag rolls and clouds adorn many a weblog. In their popular tags tag cloud they make the use of colours to delienate my tags from the rest of the communities’. That is a step towards user friendliness but it can be further improved by allowing the user to specify colours for “emergent tags”. It would be great if I could set preferences for items such as time frame or for tags that are relevant to a particular area etc or even colour the most recent tags a fiery red or remove the most recent tags. Now thats a thought isn’t it? Take a look at this picture below:
It shows how they allow customisation of the size of the tag roll, but it doesnt mention what are the tags that they omit when they reduce the size. Is it the least popular ones or the oldest ones, that’s one against del.icio.us. I quite like the way how they allow for the size of the font to be changed. Kirk Biglione lambasted them not too long ago for this, I quote:
“Absolute Font Sizes: Without exception fonts were defined in pixels. As a result I was unable to resize type in Internet Explorer. This was somewhat puzzling given the fact that it would be fairly easy to implement the font size variations using em’s. del.icio.us actually went as far as defining the font size in fractional pixels extended to the 13th decimal place. They must be using one of those 30 inch Cinema Displays.
Lack of Context: These menus currently require a user to actually view the page in order to discern the relative popularity of tags. There is no additional context that could be used to determine popularity. Given the fact that the difference in font size for any pair of tags can be as little as a single pixel, additional context would also be useful to those who are not visually impaired.”
The lack of context has been fixed as you can see from the example above. There is an option that allows you to see the context of a tag as a small number by its side.
- Fontolia
Not as comprehensive as del.icio.us and is not very intuitive as it does not give us many options to slice and dice the tag cloud. I like the concept of searching for the most popular tags used to describe a photo but the “top tags of most searched photos.” is a gem.
- Technorati
King of blog related tag search unfortunately falls flat in creating the perfect tag cloud. Look at the picture above. It is a plain Jane tag coud with no customisations possible. Has to improve a lot. I would love to use it more if the tag cloud could be “pimped”.
- Metafilter
This is the introductory line on their page:
“Tags are simply free-form keywords people have used to describe their posts. I never could figure out how to create the perfect categorization system for MetaFilter, but this is a great bottom-up way of organizing everything that has ever been posted to MetaFilter. Feel free to plunge into the archives by clicking any phrase that interests you. The larger a word is, the more times it has been used to tag a thread at MetaFilter.”
But despite the disclaimer they have implemented a form of context with respect to the popularity as you can see by the small numbers by the tags.
- 43Things
No show here. Just a search box. Got to improve. Thats a B- !
Well then whats a perfect tag cloud? I beleive that a perfect tag cloud should have atleast the following properties.
- Ability to show trends.
- Be relevant with results
- Show customisability for people with 15″ screens and those with poor vision.
- Be searchable against a variety of data eg, dates, time frame etc.
- Uses colours and looks good.
- Have a contextual syatem to show how relevant each tag is in its ecosystem.
- Have a good api and allow tag rolls to be used on blogs and sites.
And the winner is, wait for it, is “del.icio.us” for now. Flickr is a close second. But all of the systems have to improve a lot more.
Any more ideas, do let me know.
No competing interests declared!
[…] WordWorks » In search of the perfect Tag Cloud tag cloud (tags: social_network tag) […]
[…] In search of the perfect Tag Cloud A comparison of different tag clouds generated out of a numbe rof different social software applications. (tags: tagging tagclouds) […]
Very very interesting
I wrote in the past about tags and folks, (in spanish but translation available).
http://almadormida.blogspot.com/2005/12/el-ao-de-los-tags.html
TagClouds Obervations, font sizes and colors •
Do you use Tag Clouds?
Some people may not like Tag Clouds, I personally find them interesting, useful and aesthetically appealing even if they are not precis information. They can have different useful purposes, ma.gnolia icon ma.golia for example …
Perfect pages… tnx
[…] Here’s more on tag clouds. […]
i try to find something at google.com and take it on your site…thanks
Another good feature for a tag cloud is a tag control, in order to filter not just ONE tag but 2, 3, or more in order to reduce the “tag cloud” size and enhance the search experience. What do you think?
[…] Some other guy has also do the discovery of the perfect tag cloud. Read his experience here. […]
[…] WordWorks » In search of the perfect Tag Cloud (tags: folksonomy tagging tags clouds) […]
That’s a great post on tag clouds.
Sorry for el-spamo, but I thought you might be interested in the tag cloud generator I created for wordpress.com blogs:
[…] WordWorks (Englisch) […]
[…] Another guy has also do the discovery of the perfect tag cloud. Read his experience here. […]
Thanks for the info. I’m off to delicious to try out a few ideas…
[…] In search of the perfect Tag Cloud – Profile: TagCloud – TagCloud – Original nube de tags (Tag Cloud) | TuFuncion – Tagline Generator […]
Here is a nice script for a design tag cloud :
http://www.ilikeyoutube.com/cloud/
Enjoy.
[…] In search of the perfect Tag Cloud « WordWorks – Famous tagging examples […]
I googled Tag Cloud for wordpress.com and ended up here. Thanks for all the info here.
I have figured out a solution for wordpress.com bloggers – perfect for beginners – who want a tag cloud in a page/post. It’s basically a cut-n-paste method that shows post count and variation of size in the tags.
your readers might be interested to learn about it, so here is my Tag Cloud creation tutorial for wordpress.com bloggers.
[…] If you want to learn more about Tag Clouds, read it at coelomic. […]
[…] In search of the perfect Tag Cloud « WordWorksFamous tagging examples […]
hi, i wat to create tag cloud, but the output is an image, can anyone help me out.
[…] In search of the perfect tag cloud Share This: […]
check out this site for generating fantastic tag/word clouds
opps, forgot the site.
worth waiting for.
here it is.
http://www.wordle.com
For all you .NET programmers – here is a short tutorial:
http://www.mark-wiewel.de/tutorials/develop_tag_cloud_in_ASP_NET/
[…] 5 minutes ago…?). I’ve seen several public requests for these sorts of features, like this one: “It would be great if I could set preferences for items such as time frame or for tags that […]
i try to find something at google.com and take it on your site…thanks
Some people may not like Tag Clouds, I personally find them interesting, useful and aesthetically appealing even if they are not precis information. They can have different useful purposes, ma.gnolia icon ma.golia for exampleLife
Another guy has also do the discovery of the perfect tag cloud
Reply
Who used to be your superhero when you were a child?
Hello, I belive this is known as a amazing internet site with immense stuff. That is definitely why I wish to request you if I can speak about your web page on my website if I offer you link back?
What does your future hold?
i’m constantly bumping about the internet nearly all of the night and so I possess a tendency to read a whole lot, which unfortunately is not usually a beneficial factor as most of the blogs I see are constructed of pointless garbage copied from other websites a zillion times, but I gotta say this site is truely half decent and even boasts a bit of authentic information, so many thanks for splitting the phenomena of exactly replicating other peoples’ websites 🙂
Glad i found this web site.Added “%BLOGTITLE%” to my bookmark!
Great piece on tag clouds. We’re pretty new to the whole web 2.0 thing and are looking to learn wherever we can. Good explanation thanks.
[…] Clouds provide an easy way to navigate a website. According to WordWorks, “A tag cloud (more traditionally known as a weighted list in the field of visual design) is […]
Good post. I learn one thing tougher on completely different blogs everyday. It’s going to all the time be stimulating to learn content material from other writers and practice a little something from their store. I’d want to use some with the content on my blog whether you don’t mind. Natually I’ll provide you with a hyperlink on your internet blog. Thanks for sharing.
An interesting discussion is price comment. I feel that it’s best to write more on this matter, it may not be a taboo topic but typically people are not sufficient to talk on such topics. To the next. Cheers
I truly love your website.. Excellent colors &
theme. Did you develop this amazing site yourself?
Please reply back as I’m trying to create my own personal site and would love to know where you got this from or just what the theme is named. Kudos!
I am sure this piece of writing has touched all
the internet visitors, its really really good post
on building up new website.
I know this if off topic but I’m looking into starting my own blog and was wondering what all is required to get set up? I’m assuming having a blog like yours would cost a pretty
penny? I’m not very web smart so I’m not 100% sure. Any recommendations or advice would be greatly appreciated. Kudos
You can certainly see your enthusiasm within the work you write.
The world hopes for even more passionate writers like you who are not afraid to mention how they believe.
All the time go after your heart.
I’m now not certain where you are getting your information, but good topic. I must spend a while learning much more or working out more. Thank you for wonderful information I was on the lookout for this info for my mission.
、 チェーン ストラップ を シャネル
レディース ハンドバッグ キンバリー ガーナーで実施です
本当 とすることができます 最後 として着用 別 1 つのストラップ 二重のストラップ。着用時 たびに 1 つのストラップ、シャネル 財布およびハンドバッグ がハングする 制御下 に、下 の ヒップ 骨と 製品、1970 年 雰囲気。キンバリー ガーナー 選んだ を着用する 女性 シャネルのハンドバッグ ながら ストラップを 2 倍、 のジョーのカップ ハングアップする を使用して
彼女の腰 、、ドレッシーなを提供しています、モダンな外観。
You can certainly see your enthusiasm within the work you write.
The world hopes for even more passionate writers like you who are not afraid to mention how they believe.