交互设计实用指南系列(6) –标签明晰、有效

连接：http://ued.taobao.org/blog/2010/01/the-practice-guidelines-of-interaction-design-make-labels-clear-and-attractive/

 

导航标签彼此互斥、彻底穷尽。

导航标签其实就是一种文字表达形式，咱们用标签来表明网站上的各类分类信息。好比“联系咱们”这个标签，表明的内容一般会包括公司名称、电话、地址、邮箱等信息。它能够是文字，也能够是图片。在英文里被称做“Label”，并不一样于咱们常说的“tag”标签云图。

说简单一点，咱们就是要为网站的信息作分类，并为它们起一个通俗易懂的名字。这实际上是任何人均可以作的一件事情，因此在导航设计流程中，它的重要性也经常被忽略。在设计产品时，常会听到这样的话：“这个栏目该叫什么名字？恩。。。先别管吧，把更重要的工做作了再说。”

然而，站在用户的角度，导航标签表明的是整个网站的内容、产品的结构，他们必须依靠标签的内容和组织方式来寻找网站中的信息。

标签是访客行为的触发词，好的标签能吸引访客注意力，引导他们准确地找到信息。导航标签是访客预测目标页内容的重要依据，紧跟着它的就是导航中的关键点，网页的过渡，因此尤其重要，有歧义的标签逼人猜想它的意图，甚至让用户走错路或迷失方向。

 

好比这个网站的标签：

 

这个网站的导航标签比较极端，首先标签之间的互斥性差，“淘宝潮流榜”、“爱物秀场”、“败家俱乐部”等，含义和实际内容都很是接近；其次是一致性差，标签的粒度不一样、长度不一样、语气不一样，甚至还有英文出现，可谓五花八门； 最糟糕的是，在标签的选择上，用了不少自做聪明的词语，如“爱骚谈资”，用户很难预测到连接背后是什么内容。

设计标签的过程，实际上就是对信息分类的过程，咱们应当坚持MECE原则，也就是彼此独立、彻底穷尽（Mutally Exclusive,Collectively Exhaustive）。这是一种客观的角度。你也能够站在主观的角度进行分类，但必须作到标准清晰、在目标群体中能得到充分共识。

怎样的标签才能称做好的标签？它应该知足这几个方面：

一、好的标签，应该使用客户的语言，避免使用术语、行话、缩写词等用户难以理解的词语；

二、采用描述性的标签，避免使用“信息”、“细节”等过于宽泛的词语，尽可能以某种方式加以限定,如：“给买家的信息”、“交易细节”。

三、标签之间的互斥性要强，尽量地寻找差别化；

四、使用聚焦地标签，如，能把猫、狗、仓鼠等概括为“宠物”，就不要用“动物”。

五、在粒度、语法、展示、用法等方面保持标签的一致性；

六、较长的标签每每比短标签更好，但并不是越长越好，请尽可能控制在12个字之内（这不是一个硬性规定）。

那咱们设计标签时的词汇从何而来呢？是凭空想象出来的吗？固然不是啦，你能够从如下几个方面得到词汇：

一、你本身的网站或产品

你的网站和产品，在前期建设中，已经积累了不少标签。咱们要作的，就是遍走整个网站，尽量收集全部标签，而后用表格进行整理。

好比,咱们在淘江湖改版时，对现有标签系统进行了一次整理，在表格的帮助下，比较容易看出现有标签系统存在的问题。

 

二、相似网站或竞争对手网站

若是你尚未网站和产品，那就要去同类型网站或竞争对手网站去收集标签了。相信这一作法，在互联网上，几乎是无师自通的。你能够经过对同类型网站标签系统的观察和比较，获得一些行业类比较通用的词汇，下降用户的理解成本。

你能够用一样的方式，收集同类型或竞争对手网站的标签，以供参考：

三、受控词表或叙词表

这是由图书馆员和特定领域的专家所创建的资源，这些词汇都是专家们付出不少努力的成果，表达方式精确且一致，并且这些资源一般是公开的。其实信息架构的不少理论，都来源于图书馆管理。

在彻底没有依据的状况下，咱们必须设计新的标签系统时，应该怎么办呢？

你能够对经过对内容进行分析、要求内容的产生者提供、或者象专家或你的直接用户求助。卡片分类法也是比较流行的一种作法。

卡片分类大概有4个步骤：

一、招募志愿者，大部分项目适当的卡片分类志愿者人数是 15 人，大型项目能够达到 30 人。我的以为若是只是想对本身想法进行验证的话，5-10 人便可。

二、 准备卡片，写上你预先设定好的标签（这些标签必须是大家内部讨论或请教过专家的结果）。

三、 让用户进行分类，你能够观察用户的分类过程，以及对标签的理解。

四、 对卡片分类的结果进行分析，若是数据庞大，你能够借用软件进行分析，推荐工具备 IBM EZSort、CardZort、WebSort 等。

对卡片分类感兴趣的同窗能够进一步查阅资料，咱们在这里就不详细说明了。