以用户为中心的设计

《Web信息架构》-标签系统

作者:jim  |   发布: (编辑)kent.zhu   |   时间:2009-11-13 11:09:29 文字大小:- +

标签可以是字、词、词组、一段文字也可以是图片,是一种概念或内容模块的说明或指引(如图1),传递用户并理解。别小看理解,就如同组织系统中说的每个用户对所看到的内容都会有不同的理解,如何做到真的让用户理解你设计的标签是比防偷菜还难的事。

http://www.08show.com/blog/uploads/200911/13_013511_fireshotcapture016www_sina_com_cn.png


图1(典型的标签)

这个例子可能会觉的这类标签比较简单,容易理解,但要为一些相对专业性的网站做这类标签就抓狂了,比如:金融,医药,教育,政府(如图2)。

http://www.08show.com/blog/uploads/200911/13_013517_fireshotcapture017www_hangzhou_gov_cn.png


图2(看到这类标签,能想到哪些内容会在相应的标签中呢?)

标签的分类

情景式链接:简单说指定的类中放相关的内容。比如看到挂着[化学品]三个字的仓库,没进仓库前就可能联想到三聚氰酸、苏丹红这类。反过来,如果先进仓库看到三聚氰酸、苏丹红,等走出仓库却看到 [食品仓库]时,一定会让人费解。再比如一个论坛的[股票]栏目和一个财经网站的[股票]栏目,在这两个不同情景下(前一种讨论股票后一种观察股票),一个标签的概念就会更让人容易理解。

标题:比如文章的题目、新闻列表的编号、项目符号(CSS中list-style-type)、图片,这类标签还能区分内容的结构层次。比如注册时的第一步,第二步;读文章时的第一节,第二节。

导航系统的标签:这个比较常见,就是网站栏目名,关键要分类好相应栏目所包括的内容和取好这个栏目的名字,尽量用一些互联网上常见的匹配,比如[公司新闻]就公司新闻,别写什么[大事记],[搜索]就搜索,别写[寻找],别玩概念。如果一定要玩概念,书中还介绍了范围批注的一种方法,就是花时间介绍网站各个[栏目名]的意思,不过现在大多网站通过[网站地图]更清楚的分清栏目的所包括的内容。

索引术语:将网站中的内容纯粹通过一个个标签的形式组织并列出来,方便有目的用户找到相关标签或让没目的用户看到推荐标签,比如(图3),不过还有一种意义是通过设计好的标签,方便搜索引擎寻找,说白了就如同在GOOGLE搜索关键字的作用(keywords)。

http://www.08show.com/blog/uploads/200911/13_013521_fireshotcapture018flickrwww_flickr_com_explore.png

图3(这就是书中例子的变种)

图标型:通过图形来说明文字表达的内容,这类用法在专业性强的网站上比较受用,所在的情景范围越小就越能突出图形所代表的文字内容。比如你在旅游网站上看到飞机类的图标会想到什么?在一个门户网站上看到飞机类的图标又会想到什么呢?

设计标签

尽量窄化范围:这是通过减少网站所涉及的范围,整理网站栏目概念,甚至减少网站内容。

开发一致的标签系统,而非标签:比如网站首页的栏目和内页的栏目包括命名和顺序都应该是一致的。

一致性会受到很多因素的影响:风格(标点符号,大小写)、版面形式(内容页的文章有一致的风格)、语法(口气一致)、粒度(代表特定内涵)、理解度(帮助用户想到网站能提供的给Ta内容)、用户(为不同的用户独立设计标签系统,即使这些系统说的都是同样的东西)

标签系统的来源

你的网站:做网站时的资料,比如公司要把那些资料,内容放到网上去,按资料属性分分类,按资料格式分分类,按资料作用也分分类,还有,标签=目的地的标题=目的地网页的TITLE。

找同行竞争对手:向QPAI学习做BE TO SEE

受控词表及叙词表:这概念就是些专业的人给一些特定领域制定了一些精确的表达方式,并且词汇通常是公开的,而且被广泛使用。比如有“沙发”,“可爱多”,“生男生女都一样”这类也算吧

创建新标签系统

内容分析:分析文章有代表性的内容,现在QQ空间和蓝色在你写完文章的时间,都会提取这类分析标签。

内容作者:让作者或者文章相关的研究人员来定义标签,然后专人来统计分析标签。

用户代言人及主题专家:找用户代表,或者和用户有直接接触的部门、专家,从用户的角度发言。收集资料找出他们认为用户会想在些网站上找到什么。从一小群用户开始,就可以产生足以为网站做索引的标签。我们对用户(外行)有点了解,所以可以做出能适合他们的术语(例如:“种菜”替换“寂寞”)与了解用户需求的人一起工作。

直接来自用户:开放式卡分类:可以为现有内容按主题分成各自的类别,然后,再为这些类别命名标签。

封闭式卡片分类:是根据现有的类别区分主题,然后再将内容排序到这些类别。对封闭卡片分类面言,一开始要询问用户,说明他们认为类别标签所代表的意义,然后和你自己的定义互相比较。

自由列表:选出关键重要的项目或畅销产品,让新用户或者使用者对项目或产品瞬间想出一些字眼予以描述。排列分析字眼,寻找模式和使用频率。

间接来自用户:搜索日志分析:获取用户实际使用的标签信息,通过哪些关键字搜索来本页中。
标签分析:如图(3)

调整和微调
设计的标签系统必须时常调整和改进。标签代表用户和内容之间的关系,这种关系时常变动。进行用户测试,定期分析搜索日志。(完)

更多
打印  |  相关话题:《web信息架构》   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买