标签明晰、有效

作者:淡月 来源:Taobao.com UED Team 时间:2010-01-18 12:22:00 

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

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

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

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

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


比如这个网站的标签:


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

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

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

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

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

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

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

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

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

标签:导航,标签,用户体验
0
投稿

猜你喜欢

  • 仿迅雷焦点广告效果(JQuery版)

    2009-08-03 14:18:00
  • Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)

    2022-01-24 03:20:13
  • 详解JS中的compose函数和pipe函数用法

    2024-04-18 10:59:25
  • java的正则表达式你知道多少

    2022-06-09 00:09:34
  • python调用stitcher类自动实现多个图像拼接融合功能

    2022-11-30 05:11:40
  • 基于Python编写简单实用的日志装饰器

    2022-10-09 01:21:51
  • go 判断两个 slice/struct/map 是否相等的实例

    2023-07-24 03:42:19
  • MySQL的慢日志线上问题及优化方案

    2024-01-19 12:15:24
  • Python try-except-else-finally的具体使用

    2022-10-18 14:31:45
  • golang 如何用反射reflect操作结构体

    2024-05-08 10:22:45
  • golang 各种排序大比拼实例

    2024-05-21 10:18:27
  • pandas将list数据拆分成行或列的实现

    2023-12-23 01:58:41
  • python:按行读入,排序然后输出的方法

    2021-09-15 06:13:58
  • 总结近几年Pytorch基于Imgagenet数据集图像分类模型

    2023-01-06 01:15:31
  • django实现用户注册实例讲解

    2022-06-23 08:05:53
  • Python程序设计入门(5)类的使用简介

    2023-01-21 06:27:56
  • 详解Python中四种关系图数据可视化的效果对比

    2022-05-10 10:12:44
  • IIS服务器中部署PHP案例详解

    2023-06-11 19:17:42
  • 如何使用 Flask 做一个评论系统

    2023-12-08 21:04:48
  • Mysql基础知识点汇总

    2024-01-23 08:15:40
  • asp之家 网络编程 m.aspxhome.com