<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>交互设计禅意花园-Alite Design Studio &#187; Tagging(标签)</title>
	<atom:link href="http://www.alitedesign.com/archives/tag/tagging%e6%a0%87%e7%ad%be/feed" rel="self" type="application/rss+xml" />
	<link>http://www.alitedesign.com</link>
	<description>生活中发现的点滴,其实都是设计中的细节</description>
	<lastBuildDate>Mon, 30 Aug 2010 03:40:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>交互设计模式(三)-Tagging(标签)</title>
		<link>http://www.alitedesign.com/archives/104</link>
		<comments>http://www.alitedesign.com/archives/104#comments</comments>
		<pubDate>Tue, 19 Jan 2010 01:34:11 +0000</pubDate>
		<dc:creator>Alite Yu</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[tag cloud]]></category>
		<category><![CDATA[Tagging(标签)]]></category>
		<category><![CDATA[交互设计模式]]></category>

		<guid isPermaLink="false">http://www.alitedesign.com/?p=104</guid>
		<description><![CDATA[标签云(Tag Cloud)帮助可视化语意环境，以及如何使某些类别比其他的拥有更大的重要性。它还有助于在给定的网站上找到内容是它想给公众的一种印象。以及展示哪些类别的内容是网站聚焦的。 
 <a href="http://www.alitedesign.com/archives/104">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>上期回顾:</strong><a href="http://www.alitedesign.com/archives/100" target="_self">交互设计模式(二)-Pagination(分页,标记页数)</a></p>
<p>[版权声明]:版权归作者Alite所有，转载时请以超链接形式标明文章原始出处和作者信息及本声明:<a href="http://www.alitedesign.com/archives/100">http://www.alitedesign.com/</a></p>
<p><strong>Tagging(标签)</strong></p>
<h3>问题摘要</h3>
<p>用户往往想通过流行或最详尽的主题来浏览内容。</p>
<h3>实例</h3>
<p><a rel="attachment wp-att-938" href="http://www.alitedesign.com/?attachment_id=938"></a></p>
<h3><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/tag-cloud-lastfm.png"><img class="alignnone size-full wp-image-105" title="tag-cloud-lastfm" src="http://www.alitedesign.com/wp-content/uploads/2010/01/tag-cloud-lastfm.png" alt="" width="500" height="380" /></a></h3>
<p><span id="more-104"></span></p>
<p><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/tag-cloud-lastfm.png"></a></p>
<h3>何时使用</h3>
<li>当您的网站用户想要自己添加内容和可能更多的标签时。</li>
<li>当您的网站已超过10-20不同的标签,并且它们彼此都具有不同的重量后计数时。</li>
<li>注:当需要显示具有严格等级结构的类别时不要使用Tagging。</li>
<p><strong><br />
</strong></p>
<h3>解决办法</h3>
<p>标签云是标签的列表，其中每个标签的字体大小是大或更大取决于它的重量级(也就是热度)。在标签云的重量可以用三种不同方式表现:</p>
<p><strong>1.大小反映了该标签已应用于单个项目的次数。</strong></p>
<p>这种标签云可以帮助确定该项目的分布是如何被分类的。</p>
<p><strong>2.大小代表了该标签已被应用的数量。</strong></p>
<p>作为每个受欢迎的标签展示。</p>
<p><strong>3.大小代表了以某种分类方式下，内容项目的数量。</strong></p>
<p>标签是被用来作为内容项目进行分类的方法。</p>
<p>对于如何排序标签有几种专家意见，实例的方式排序标签是:</p>
<p><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/131196528148a5e63690eae.png"><img class="alignnone size-full wp-image-106" title="131196528148a5e63690eae" src="http://www.alitedesign.com/wp-content/uploads/2010/01/131196528148a5e63690eae.png" alt="" width="500" height="343" /></a></p>
<p><a rel="attachment wp-att-999" href="http://www.alitedesign.com/?attachment_id=999"></a></p>
<ul>
<li>按字母顺序排列</li>
<li>随机</li>
<li>按重量</li>
<li>在语意上类似的标签组(相似的标签彼此相邻)</li>
</ul>
<p>标签云帮助可视化语意环境，以及如何使某些类别比其他的拥有更大的重要性。它还有助于在给定的网站上找到内容是它想给公众的一种印象。以及展示哪些类别的内容是网站聚焦的。</p>
<h3>综述</h3>
<p><strong>收集和共享数字对象</strong><br />
<a rel="attachment wp-att-1016" href="http://www.alitedesign.com/?attachment_id=1016"></a><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/tag.gif"><img class="alignnone size-full wp-image-107" title="tag" src="http://www.alitedesign.com/wp-content/uploads/2010/01/tag.gif" alt="" width="500" height="347" /></a><br />
在过去的几年里，我们看到了一类关于收集，组织，分享，和标记数字对象的设计网站,并且它们已经开始泛滥了.这些对象可能是照片，演示文档，视频或其它任何可以代表数字的东西。Flickr（http://flickr.com），是第一个实施受欢迎标签的照片共享网站。让用户共享标签和演示文档。LibraryThing的用户可以在网上给图书加上TAG标签,同时YouTube的用户可以为上传的视频加上TAG标签。在Flickr上的照片标签,可以说是用户附加到照片上简短的文字作品。Flickr的用户通常会在照片上搜索特定标签或与特定标签属于特定用户的照片。Flickr的API可以检索用户和照片，您可以用它来构建特定的网址照片或照片组标记。</p>
<p><strong>提升电子商务的体验</strong><br />
<a rel="attachment wp-att-943" href="http://www.alitedesign.com/?attachment_id=943"></a><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/tag-cloud-amazon.png"><img class="alignnone size-full wp-image-108" title="tag-cloud-amazon" src="http://www.alitedesign.com/wp-content/uploads/2010/01/tag-cloud-amazon.png" alt="" width="500" height="403" /></a><br />
网上商店历来惯用层级式的分类方式来分离商品，但现在一些也开始试验标签的方式。标签在通过搜索和导航改进产品的“易找性”方面很有潜力。<a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.etsy.com');" href="http://www.etsy.com/">Etsy</a> (http://www.etsy.com)，一个典型的工艺品网上商店，而它的核心导航部分竟然是用户提交的关键字组成，这使得网站导航的改变是以该网站用户正在提交商品的类目为基础的。<a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.buzzillions.com');" href="http://www.buzzillions.com/">Buzzillions.com</a>（http://www.buzzillions.com）提供产品评论，人们的标签以“专业人士”，“优劣”和“良好”等表示。<br />
Buzzillions.com评论比典型产品评论结构更好，它可以通过tag评论，帮助人们迅速对产品进行评估。因为他们使用标记，审查也相当灵活。例如，可以标记适合您气质的跑鞋，以一种您觉得有意义的方式。<br />
最后，对于电子商务网站,标签是可以用来帮助社区发展的。例如Amazon.com 电子商务客户社区的建立基础在于他们频繁的使用产品上的标签。</p>
<h3>同类模式图片展示</h3>
<p><a href="http://www.alitedesign.com/wp-content/uploads/2010/01/580446297489887e3c7008.png"><img class="alignnone size-full wp-image-109" title="580446297489887e3c7008" src="http://www.alitedesign.com/wp-content/uploads/2010/01/580446297489887e3c7008.png" alt="" width="368" height="579" /></a></p>
<p><a rel="attachment wp-att-962" href="http://www.alitedesign.com/?attachment_id=962"></a></p>
<p><a rel="attachment wp-att-974" href="http://www.alitedesign.com/?attachment_id=974"></a></p>
<p><strong>      <a href="http://www.alitedesign.com/wp-content/uploads/2010/01/1228888352494173a5a2f52.png"><img class="alignnone size-medium wp-image-110" title="1228888352494173a5a2f52" src="http://www.alitedesign.com/wp-content/uploads/2010/01/1228888352494173a5a2f52-300x121.png" alt="" width="300" height="121" /></a></strong></p>
<p><strong>标签云只是些基础，更多新颖可视化上的一些扩展和尝试，比如说在标签间建立联系的分层标签;在时间轴上显示趋势等。详细请点<a onclick="javascript:pageTracker._trackPageview('/outbound/article/well-formed-data.net');" href="http://well-formed-data.net/thesis">这里</a>。</strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong>觉得不错继续浏览下期:<a title="交互设计模式(四)-Spatial Memory(空间记忆)" href="http://www.alitedesign.com/archives/116">交互设计模式(四)-Spatial Memory(空间记忆)</a></strong><a title="交互设计模式(二)-Pagination(分页,标记页数)" href="http://www.alitedesign.com/archives/100"></a></p>
<hr /><small>Copyright &copy; 2008<br /> This feed is for personal, non-commercial use only. <br /> The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. (Digital Fingerprint:<br /> )</small>]]></content:encoded>
			<wfw:commentRss>http://www.alitedesign.com/archives/104/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
