ABSTRACT
Tag clouds are a popular method for visualizing and linking socially-organized information on websites. Tag clouds represent variables of interest (such as popularity) in the visual appearance of the keywords themselves - using text properties such as font size, weight, or colour. Although tag clouds are becoming common, there is still little information about which visual features of tags draw the attention of viewers. As tag clouds attempt to represent a wider range of variables with a wider range of visual properties, it becomes difficult to predict what will appear visually important to a viewer. To investigate this issue, we carried out an exploratory study that asked users to select tags from clouds that manipulated nine visual properties. Our results show that font size and font weight have stronger effects than intensity, number of characters, or tag area; but when several visual properties are manipulated at once, there is no one property that stands out above the others. This study adds to the understanding of how visual properties of text capture the attention of users, indicates general guidelines for designers of tag clouds, and provides a study paradigm and starting points for future studies. In addition, our findings may be applied more generally to the visual presentation of textual hyperlinks as a way to provide more information to web navigators.
- Brooks, C. H., & Montanez, N. Improved Annotation of the Blogosphere via Autotagging and Hierarchical Clustering. Proc. WWW '06. 625--631. Google ScholarDigital Library
- Brusilovsky, P. Methods and Techniques of Adaptive Hypermedia. User Modeling and User-Adapted Interaction. 6 (2-3), 87--129. 1996. Google ScholarDigital Library
- Bumgardner, J. Building Tag Clouds in Perl and PHP. O'Reilly Media, 2006. Google ScholarDigital Library
- Celik, T., Sawicki, M., Suignard, M., & Zilles, S. CSS3 module: Fonts W3C Working Draft 2 August 2002 http://www.w3.org/TR/2002/WD-css3-fonts-20020802Google Scholar
- Chisholm, W., Vanderheiden, G., and Jacobs, I. Web Content Accessibility Guidelines 1.0 W3C Recommendation 5-May-1999. http://www.w3.org/TR /1999/WAI-WEBCONTENT-19990505Google Scholar
- Coupland, D. Microserfs. HarperCollins, Toronto, 1995.Google Scholar
- Dourish, P., and Chalmers, M. Running out of Space: Models of Information Navigation, in Proc. of HCI '94.Google Scholar
- Dubinko, M., Kumar, R., Magnani, J., Novak, J., Raghavan, P., and Tomkins, A. Visualizing tags over time. Proc. WWW '06, 193--202. Google ScholarDigital Library
- Halvey, K., and Keane, M. T. An Assessment of Tag Presentation Techniques. Proc. WWW '07. 1313--1314. Google ScholarDigital Library
- Hassan-Montero, Y., & Herrero-Solana, V. Improving tag-clouds as visual information retrieval interfaces. Proc. InfoSciT2006. 6 pages. Available at http://www.nosolousabilidad.com/hassan/ improving_tagclouds.pdfGoogle Scholar
- Kasser, O., & Lemire, D. Tag-Cloud Drawing: Algorithms for Cloud Visualization. Proc. Tagging and Metadata for Social Information Organization Workshop. In conjunction with WWW '07. 10 pages. Available at www2007.org/workshops/paper_12.pdfGoogle Scholar
- Kucera, H., & Francis, W. N. Computational Analysis of Present Day American English. Brown University Press, Providence, 1967.Google Scholar
- Larson, K. The Science of Word Recognition or how I learned to stop worrying and love the bouma. Accessed Sept. 8, 2007. http://www.microsoft.com/typography/ctfonts/WordRecognition.aspxGoogle Scholar
- Mathes, A. Folksonomies - Cooperative Classification and Communication Through Shared Metadata. Technical Report. http://www.adammathes.com/academic/computer-mediated-communication/folksonomies.html Dec, 2004.Google Scholar
- Rivadeneira, A. W., Gruen, D. M., Muller, M. J., and Millen, D. R. Getting our head in the clouds: toward evaluation studies of tagclouds. Proc. CHI '07. 995--998. Google ScholarDigital Library
- Sinclair, J., and Cardew-Hall, M. The folksonomy tag cloud: when is it useful? Journal of Information Science. 6 (1), 15--23. Feb 1, 2008. Google ScholarDigital Library
- Suignar, M. CSS Text Level 3 W3C Working Draft 6 March 2007, http://www.w3.org/TR/2007/WD-css3-text-20070306/Google Scholar
- Tufte, E., R. The Visual Display of Quantitative Information. Graphics Press, Cheshire, Conn., 2001. Google ScholarDigital Library
- Van der Wal, T. Folksonomy. Accessed Sept. 8, 2007. http://www.vanderwal.net/folksonomy.htmlGoogle Scholar
- Ware, C. Information Visualization: perception for design. Academic Press, London, 2000. Google ScholarDigital Library
- Weinreich, H., Obendorf, H., Herder, E., and Mayer, M. Off the Beaten Tracks: Exploring Three Aspects of Web Navigation, Proc. WWW '06, ACM Press, pp. 133--142. Google ScholarDigital Library
- Zeldman, J. Tag clouds are the new mullets. Accessed Sept. 8, 2007. http://www.zeldman.com/daily/0405d.shtmlGoogle Scholar
Index Terms
- Seeing things in the clouds: the effect of visual features on tag cloud selections
Recommendations
Semantically structured tag clouds: an empirical evaluation of clustered presentation approaches
CHI '09: Proceedings of the SIGCHI Conference on Human Factors in Computing SystemsTag clouds have become a frequently used interaction technique in the web. Recently several approaches to present tag clouds with the tags semantically clustered have been proposed. However, it remains unclear whether the expected gains in performance ...
Visual Search Strategies of Tag Clouds - Results from an Eyetracking Study
INTERACT '09: Proceedings of the 12th IFIP TC 13 International Conference on Human-Computer Interaction: Part IITag clouds have become a frequently used interaction technique in the web in the past couple of years. Research has shown the influence of variables such as tag size and location on the perception of tag clouds. However, several questions remain ...
Differential Tag Clouds: Highlighting Particular Features in Documents
WI-IAT '09: Proceedings of the 2009 IEEE/WIC/ACM International Joint Conference on Web Intelligence and Intelligent Agent Technology - Volume 03This paper introduces the concepts of “summary tag cloud” and “differential tag cloud”. A summary tag cloud is a unique tag cloud that summarizes the contents of all the documents in a set. A differential tag cloud is a tag cloud that highlights the ...
Comments