交互设计实用指南(六):标签明晰、有效


  导航标签彼此互斥、完全穷尽。

  导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签,代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字,也可以是图片。在英文里被称作“Label”,并不同于我们常说的“tag”标签云图。

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

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

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

  比如这个网站的标签:


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

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

  怎样的标签才能称作好的标签?它应该满足这几个方面:

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

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

  3、标签之间的互斥性要强,尽可能地寻找差异化;

  4、使用聚焦地标签,如,能把猫、狗、仓鼠等归纳为“宠物”,就不要用“动物”。

  5、在粒度、语法、展现、用法等方面保持标签的一致性;

  6、较长的标签往往比短标签更好,但并非越长越好,请尽量控制在12个字以内(这不是一个硬性规定)。

  那我们设计标签时的词汇从何而来呢?是凭空想象出来的吗?当然不是啦,你可以从以下几个方面获得词汇:

  1、你自己的网站或产品

  你的网站和产品,在前期建设中,已经积累了很多标签。我们要做的,就是遍走整个网站,尽可能收集所有标签,然后用表格进行整理。

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


  2、类似网站或竞争对手网站

  如果你还没有网站和产品,那就要去同类型网站或竞争对手网站去收集标签了。相信这一做法,在互联网上,几乎是无师自通的。你可以通过对同类型网站标签系统的观察和比较,得到一些行业类比较通用的词汇,降低用户的理解成本。

  你可以用同样的方式,收集同类型或竞争对手网站的标签,以供参考:


  3、受控词表或叙词表

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

  在完全没有依据的情况下,我们必须设计新的标签系统时,应该怎么办呢?

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

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

  1、招募志愿者,大部分项目适当的卡片分类志愿者人数是 15 人,大型项目可以达到 30 人。个人觉得如果只是想对自己想法进行验证的话,5-10 人即可。

  2、 准备卡片,写上你预先设定好的标签(这些标签必须是你们内部讨论或请教过专家的结果)。

  3、 让用户进行分类,你可以观察用户的分类过程,以及对标签的理解。

  4、 对卡片分类的结果进行分析,如果数据庞大,你可以借用软件进行分析,推荐工具有 IBM EZSort、CardZort、WebSort 等。

  对卡片分类感兴趣的同学可以进一步查阅资料,我们在这里就不详细说明了。

  参考文献

  《Web信息架构:设计大型网站》 (美)莫维里,(美)罗森费尔德 著

  《Web导航设计》 (美)卡尔巴赫(Kalbach,J.) 著

  作者:淡月

  文章来源:淘宝UED

时间: 2024-08-04 13:47:54

交互设计实用指南(六):标签明晰、有效的相关文章

交互设计实用指南系列(11)—减少记忆负担

写在前面的话 关于<交互设计实用指南>,我们最近收到很多朋友的反馈,有支持的也有批评的,在此一并感谢了,有你们的关注,我们才能走得更远.<交互设计实用指南>其实是收集和总结了交互设计上的一些问题,肯定有很多老生常谈的东西,是不是老生常谈其实不是问题,"问题在于,这些老生常谈的东西有没有被积累,有没有被传承,有没有被体系化."(青云语)<交互设计实用指南>的读者群涵盖了许多行业,而且就算是交互设计专业的读者也存在经验和水平的差异,所以读者们对<交

交互设计实用指南:交互设计面向用户追求可用性

文章描述:交互设计实用指南系列一:我们眼中的交互设计. 交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目

交互设计实用指南系列

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

交互设计实用指南系列(二):用户信息可及

可及,通俗的说是"可以达到",加上主语和宾语,在"交互设计"这个大的语境下,含义应该是"用户可以达到自己的操作目标",这不是和"有效性-用户的操作是有效的"重复了吗?其实,在交互设计实用指南中,"可及"是一个狭义的概念,是放在有效性下面的,具体解释为"色盲.肢体残疾等特殊人士可以完成基本操作".更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人. 也就是说,交互设计实

交互设计实用指南系列(1) :操作入口明确

"操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口;"明确"指的是入口的视觉感是清晰的.可识别的;"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑.对于产品本身而言,必须有相对应的操作提示

交互设计实用指南系列(三):提供适时帮助

任何一个交互过程的操作,对于用户来说都有学习成本,谁也不能保证所有人都可以准确无误地走完一个流程.交互设计师在设计时应该考虑适时地给用户相应的帮 助,这一点非常重要.适时帮助,是指在用户使用流程中,在需要的时候能及时地得到帮助;反之,在不需要帮助的时候,不要出现信息干扰. 不及时的帮助会造成用户使用进程中断,或者增加用户达成目标的难度.无效的帮助则可能给用户造成干扰,影响用户完成任务. "适时帮助"是一个偏正结构,首先是帮助,然后制约条件是适时.我们分开来讲. 在理想的交互设计状态下,

交互设计实用指南(四):简洁清晰自然易懂

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要.在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂.这样用户才能够有效的获取这些信息,并迅速作出决定. 1.什么是"简洁自然,清晰易懂"? 简洁清晰:使信息最简化 "少即是多".提倡使用最少的元素来表达最多的信息.如果信息繁杂,将使用户承担大量的信息负担,造成信息过载,影响效率,不能帮助用户解决问题. 自然易懂:

交互设计实用指南(七):标签明晰、有效

任何位置都能明确"我在哪里?这里有什么?从这里能去哪里?" 迷路可不是一件好玩的事情,试想你驾车行驶到高速公路分叉口时,却看不见任何路牌,那该会怎样地困惑.沮丧.愤怒和恐惧.为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意. 在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降.任务不能完成,用户流失等.我们可以通过良好的导航系统来避免这个情况发生.好的导航系统可以帮助人们找到在网站中的位置,并帮助他们制定

交互设计技巧:网站的标签设计要明晰有效

文章描述:交互设计实用指南系列(6) –标签明晰.有效. 导航标签彼此互斥.完全穷尽. 导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息.比如"联系我们"这个标签,代表的内容通常会包括公司名称.电话.地址.邮箱等信息.它可以是文字,也可以是图片.在英文里被称作"Label",并不同于我们常说的"tag"标签云图. 说简单一点,我们就是要为网站的信息做分类,并为它们起一个通俗易懂的名字.这其实是任何人都可以做的一件事情,所以在