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: http://www.alitedesign.com/
Tagging (label)Problem Summary
Users tend to view content through popular or most detailed topics.instance 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 (http://flickr.com) 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 (http://www.etsy.com), 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. Buzzillions.com (http://www.buzzillions.com) provides product reviews, and people's labels are expressed as "professionals", "Pros and cons" and "good".
Buzzillions.com 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 Amazon.com E-commerce customer community is based on the frequent use of labels on products.
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: http://www.alitedesign.com/archives/104)