交互设计模式(三)-Tagging(标签)

上期回顾:交互设计模式(二)-Pagination(分页,标记页数)
[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://alite.aliued.cn

Tagging(标签)

问题摘要

用户往往想通过流行或最详尽的主题来浏览内容。

实例

tag-cloud-lastfm

何时使用

  • 当您的网站用户想要自己添加内容和可能更多的标签时。
  • 当您的网站已超过10-20不同的标签,并且它们彼此都具有不同的重量后计数时。
  • 注:当需要显示具有严格等级结构的类别时不要使用Tagging。
  • 解决办法

    标签云是标签的列表,其中每个标签的字体大小是大或更大取决于它的重量级(也就是热度)。在标签云的重量可以用三种不同方式表现:

    1.大小反映了该标签已应用于单个项目的次数。

    这种标签云可以帮助确定该项目的分布是如何被分类的。

    2.大小代表了该标签已被应用的数量。

    作为每个受欢迎的标签展示。

    3.大小代表了以某种分类方式下,内容项目的数量。

    标签是被用来作为内容项目进行分类的方法。

    对于如何排序标签有几种专家意见,实例的方式排序标签是:
    131196528148a5e63690eae

    • 按字母顺序排列
    • 随机
    • 按重量
    • 在语意上类似的标签组(相似的标签彼此相邻)

    标签云帮助可视化语意环境,以及如何使某些类别比其他的拥有更大的重要性。它还有助于在给定的网站上找到内容是它想给公众的一种印象。以及展示哪些类别的内容是网站聚焦的。

    综述

    收集和共享数字对象
    tag
    在过去的几年里,我们看到了一类关于收集,组织,分享,和标记数字对象的设计网站已经泛滥了.这些对象可能是照片,演示文档,视频或其它任何可以代表数字的东西。Flickr(http://flickr.com),是第一个实施标签的受欢迎的照片共享网站。让用户共享标签和演示文档。LibraryThing的用户可以在网上给图书加上TAG标签,同时YouTube的用户可以为上传的视频加上TAG标签。在Flickr上的照片标签,可以说是用户可以附加到照片上的简短文字作品。Flickr的用户通常会在照片上搜索特定标签或与特定标签属于特定用户的照片。Flickr的API可以检索用户和照片,您可以用它来构建特定的网址照片或照片组标记。

    提升电子商务的体验
    tag-cloud-amazon
    网上商店历来惯用层级式的分类方式来分离商品,但现在一些也开始试验标签的方式。标签在通过搜索和导航改进产品的“易找性”方面很有潜力。Etsy (http://www.etsy.com),一个典型的工艺品网上商店,而它的核心导航部分竟然是用户提交的关键字组成,这使得网站导航的改变是以该网站用户正在提交商品的类目为基础的。Buzzillions.com(http://www.buzzillions.com)提供产品评论,人们的标签以“专业人士”,“优劣”和“良好”等表示。
    Buzzillions.com评论比典型产品评论结构更好,它可以通过tag评论,帮助人们迅速对产品进行评估。因为他们使用标记,审查也相当灵活。例如,可以标记适合您气质的跑鞋,以一种您觉得有意义的方式。
    最后,对于电子商务网站,标签是可以用来帮助社区发展的。例如Amazon.com 电子商务客户社区的建立基础在于他们频繁的使用产品上的标签。

    同类模式图片展示

    580446297489887e3c7008

    1228888352494173a5a2f52

    评论(2)

    1. 刘颖 2009-11-06

      这些模式,是研究出来的,还是应运而生?

    2. Alite 2009-11-09

      研究+实践

    写评论

    阿里巴巴(中文站)用户体验设计部官方网站

    Copyright 2008. All right reserved. Powered by WordPress.