交互设计实用指南系列(6) –标签明晰、有效
作者：淡月 来源：Taobao.com UED Team 发布时间：2010-01-21 12:39:00
导航标签彼此互斥、完全穷尽。
导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字，也可以是图片。在英文里被称作“Label”，并不同于我们常说的“tag”标签云图。
说简单一点，我们就是要为网站的信息做分类，并为它们起一个通俗易懂的名字。这其实是任何人都可以做的一件事情，所以在导航设计流程中，它的重要性也常常被忽略。在设计产品时，常会听到这样的话：“这个栏目该叫什么名字？恩。。。先别管吧，把更重要的工作做了再说。”
然而，站在用户的角度，导航标签代表的是整个网站的内容、产品的结构，他们必须依靠标签的内容和组织方式来寻找网站中的信息。
标签是访客行为的触发词，好的标签能吸引访客注意力，引导他们准确地找到信息。导航标签是访客预测目标页内容的重要依据，紧跟着它的就是导航中的关键点，网页的过渡，所以尤为重要，有歧义的标签逼人猜测它的意图，甚至让用户走错路或迷失方向。
比如这个网站的标签：
这个网站的导航标签比较极端，首先标签之间的互斥性差，“淘宝潮流榜”、“爱物秀场”、“败家俱乐部”等，含义和实际内容都非常接近；其次是一致性差，标签的粒度不同、长度不同、语气不同，甚至还有英文出现，可谓五花八门； 最糟糕的是，在标签的选择上，用了很多自作聪明的词语，如“爱骚谈资”，用户很难预测到链接背后是什么内容。
设计标签的过程，实际上就是对信息分类的过程，我们应当坚持MECE原则，也就是彼此独立、完全穷尽（Mutally Exclusive,Collectively Exhaustive）。这是一种客观的角度。你也可以站在主观的角度进行分类，但必须做到标准清晰、在目标群体中能获得充分共识。
0
投稿猜你喜欢
- 代码如下:function FSOlastline(filename) dim fso,f,temparray
- Object 类型的对象虽然有 toString 方法，但结果却是 [Object Object] 让人没法理解的字符。比如简单的对象：{n
- 昨天晚上睡觉前突然想到的，在此记一笔。传统方式以前我们做文章系统或新闻发布系统的时候，做文章内链（标签）的时候，通常是通过以下方式来实现的：
阅读上一章：Css布局Chapter 13 为文字指定样式我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是- 本篇文章适合css新手学习，对于已经掌握了css的朋友们也可以通过本片文章来复习知识。作者通过实践，认为在有些情况下css的代码是可以更加简
- 大家一定使用过 phpmyadmin 里面的数据库导入，导出功能，非常方便。但是在实际应用中，我发现如下几个问题：1、数据库超过一定尺寸，比
- 代码如下:<％ '--------定义部份------------------ Dim XH_P
- 为某国税局开发一综合 * ，需要建立一个庞大的国税系统通讯录数据库，从各省、市到每名具体工作人员，项目较多，该如何设计各表呢？数据库的表设计
- asp定时生成静态HTML的代码，对于缓解服务器压力有很大帮主，需要的朋友可以参考下。<％ '判断是否要生成新的HT
- XML即可扩展标记语言（eXtensible Markup Language）。标记是指计算机所能理解的信息符号，通过此种标记，计算机之间可
- MapPathMapPath 方法将指定的相对或虚拟路径映射到服务器上相应的物理目录上。语法Server.MapPath( Path ) 参
- 网站改版，如何改?如果只是设计、功能和栏目等的稍微变动，这些很简单，从技术 上说并没有多少难度。只是对于网站本身的发展来说，没有多大的作用，
- 数据库是什么 在学习ACCESS之前，我们先了解一下什么是“数据库”。我们举个例子来说明这个问题：每个人都有很多亲戚和朋友，为了保持与他们的
- zy3287 问：<script src="js.js?id=999" type="text/javas
- 网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera
- 可以实现，下面我们就来做一个检测一个字符串在另一个字符串当中出现几次的函数：入口参数：TheChar="要检测的字符串"
- Google Chrome 的发布，使我们更加的注重基于 WebKit 核心的浏览器的表现情况，但我们很多时候“不小心”就会出现
- 之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息，我们先简单回顾一下：要设计一个软件
- 如果想单独取background-position的X值或Y值，IE里可以通过私有属性background-positionX或者backg
- 在上一期中作者向诸位简要介绍了 ASP 脚本语言之一 VBScript 的一些基本常识，本期将继续给大家讲解 VBScript 的脚本编写方
