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

上期回顾:交互设计模式(二)-Pagination(分页,标记页数)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/

Tagging(标签)

问题摘要

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

实例

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

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

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

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

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

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

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

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

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

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

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

综述

收集和共享数字对象

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

提升电子商务的体验

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

同类模式图片展示

标签云只是些基础,更多新颖可视化上的一些扩展和尝试,比如说在标签间建立联系的分层标签;在时间轴上显示趋势等。详细请点这里。

(本文首发:http://www.alitedesign.com/archives/104)

时间: 2024-12-22 22:18:34

交互设计模式(三)-Tagging(标签)的相关文章

交互设计模式(四)-SpatialMemory(空间记忆)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/ 上期回顾:交互设计模式(三)-Tagging(标签) 当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉.同样,当新用户来到全新.陌生的网站时,用户也希望有个类似站点地图的东西.但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式.它犹如沙漠中迷途者手中的指南针与行驶在荒原上

提高移动电子商务销售的交互设计模式

译者注:2012年,各大电商巨头以及品牌商的移动终端订单量都呈现出迅猛增长的态势.人人已经看见,移动电商已经来了.那么设计优良的移动购物体验必将能争夺更多的用户,提升销售额.本文较为全面的介绍了移动购物流程中各环节的交互设计模式,供大家参考学习. 原文地址:http://uxdesign.smashingmagazine.com/2012/12/19/boost-your-mobile-e-commerce-sales-with-mobile-design-patterns/ 现在越来越多的人使

如何提高移动电子商务销售的交互设计模式

本文较为全面的介绍了移动购物流程中各环节的交互设计模式,供大家参考学习. 现在越来越多的人使用智能手机来替代台式电脑购物和购买.随着更多的人从电脑转移到移动设备上购买产品和服务,网站创建者可以使用一些设计模式以帮助快速启动一个移动电商项目. 良好的移动购物体验是很重要的.最近的研究发现,67%的顾客愿意在设计体验友好的移动端进行购物. 设计模式的好处在于告诉你其他设计师是如何解决相似的问题的,而不需要你重新发明轮子.这样你设计的网站可以满足人们因使用其他网站而产生的预期,并且可以在这些设计模式的

交互设计模式(二)-Pagination(分页,标记页数)

上期回顾:交互设计模式(一)-前言 [版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com 模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性.(Yahoo模式库也有对Pattern的一种定义.) 模式归属类别 为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大类:用户需求,应用需求,语境下的设计.在用户需求

交互设计模式:流行的站点导航设计模式

文章描述:在网页设计中有一些通用的交互设计模式.网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基?U馄改虾橇肆餍械恼镜愕己缴杓颇J健6杂诿恳恢滞镜己嚼干杓颇J剑颐墙致鬯囊话闾卣鳎娜钡悖约笆裁词焙蚴褂盟詈?/font> 在网页设计中有一些通用的交互设计模式.网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础.这篇指南涵盖了流行的站点导航设计模式.对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点

交互设计模式:认识交互设计模式

交互设计师通常会遇见这样情景:经过一番冥思苦想与挣扎,终于把PD提交的需求快速的完成了.当然,按照流程就是提交到视觉设计师那了.但在视觉设计过程中,发现有些用户行为和操作路径,在DEMO中并没有涉及到,当然就会被视觉设计师打回返工.这样几经周折才算把问题都想清楚设计完整了. 先不提孰是孰非,如果交互设计师能够充分掌握交互设计原则与交互设计模式会不会把这种情况出现的几率降低到最少呢?答案是肯定的!设计原则可以指导设计师如何设计美好,有效的产品,以及系统与服务,并且如何正直成功地从事设计工作.设计模

分享网站三个标签优化实战

很多SEOER都不知道网站优化该从何入手,往往学习了很多关于SEO的技术,但是在实战的时候却派不上用场,不懂得如何去灵活运用,特别是对于网站内部结构的优化,如果没有基础的话,根本就不知道怎么着手,SEOER接收网站后第一个就要分析和修改的,所以三个标签的优化对于网站优化来说是非常重要的. 首先一起来看看网站未修改的标签内容. Title:金色家族 新尚网 香奈儿包包 chanel包包 香奈尔包包 香奈儿包包官方网站 Keywords:金色家族,新尚网,香奈儿包包,chanel包包,香奈尔包包,香

在.net中轻松掌握Windows窗体间的数据交互(三)

window|交互|数据 在.net中轻松掌握Windows窗体间的数据交互(三) zhzuo(秋枫) 在第一篇和第二篇文章中我们使用带参数的构造函数.属性以及方法实现了数据的交互,接下来要讲的是使用静态类来完成窗体间的数据交互.这个也是我们经常要用到的一种数据交互方法. 三.使用静态类 下面是定义的一个类: using System; using System.Collections; namespace ZZ { public class AppDatas { private static

浅谈网页三个标签设计用户体验为王

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在一般网站程序中,都可以设置三个标签,哪三个标签呢?就是标题标签(title),关键词标签(keywords)与描述标签(descriptiom).很多站长忽略了这三个标签,或者是非常简单的设置一下.这样做对论坛的网站优化是非法不利的.这三个标签是你的网站对搜索引擎的对话工具,也是用户在搜索引擎上第一眼看见你的网站的印象,它们的作用有两点: