Interactive design mode (iii)-tagging (label)

Source: Internet
Author: User
Keywords tags can interactive design nbsp; http

Previous review: Interactive design pattern (ii)-pagination (pagination, tagged pages)

[Copyright notice]: The copyright belongs to the author Alite all, reprint when please use the hyperlink form to indicate the article original source and the author information and this statement:

Tagging (label)

Problem Summary

Users tend to view content through popular or most detailed topics.


when to use when your site users want to add content and possibly more labels for themselves. When your site has more than 10-20 different labels, and each of them has a different weight after counting. Note: Do not use tagging when you need to display categories with strict hierarchies.


A label cloud is a list of labels in which the font size of each label is large or larger depending on its weight (that is, heat). The weight of the tag cloud can be expressed in three different ways:

1. The size reflects the number of times the label has been applied to a single item.

This tag cloud can help determine how the distribution of the project is categorized.

2. The size represents the number of applications that the label has been applied to.

As each popular label is displayed.

3. Size represents the number of content items in some sort of categorization.

Labels are methods used to categorize content items.

There are several expert opinions on how to sort the labels, and the way the instance is sorted is:

in alphabetical order by weight in semantically similar label groups (similar labels adjacent to each other)

The tag cloud helps visualize the semantic environment and how to make certain categories more important than others. It also helps to find content on a given website as an impression it wants to give to the public. and show which categories of content are site focused.

A summary of

Collecting and sharing digital objects

Over the past few years, we've seen a class of design websites about collecting, organizing, sharing, and labeling digital objects, and they've started to flood. These objects can be photos, demo documents, videos, or anything else that can represent numbers. Flickr ( is the first photo-sharing site to implement a popular label. Let users share tags and presentation documents. LibraryThing users can add tag tags to Books Online, and YouTube users can add tag tags to uploaded videos. The photo tag on Flickr can be said to be a short piece of text that the user attaches to the photo. Flickr users typically search for a specific label or a photo with a specific label belonging to a particular user. The Flickr API retrieves users and photos that you can use to build specific URL photos or photo group tags.

Enhance the experience of e-commerce

Online stores have traditionally used hierarchical classifications to separate goods, but now some have begun experimenting with labels. Tags have the potential to improve the "ease of use" of products through search and navigation. Etsy (, a typical handicraft online store, and its core navigation part is the user submitted keyword composition, which makes the site navigation changes based on the site users are submitting the category of goods. ( provides product reviews, and people's labels are expressed as "professionals", "Pros and cons" and "good". reviews are better structured than typical product reviews, and can help people quickly evaluate products through tag reviews. Censorship is also quite flexible because they use tags. For example, you can mark a shoe that fits your temperament in a way you 211.html "> feels meaningful."
Finally, for E-commerce sites, labels can be used to help communities develop. For example, the E-commerce customer community is based on the frequent use of labels on products.

similar mode picture display

Tag clouds are just some of the basics, and there are a number of new visualization extensions and attempts, such as the layering of links between tags, and trends on the timeline. Please click here for details.

(Starting in this article:

Related Article

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.