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

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

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

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

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

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

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


比如这个网站的标签:


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

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

标签:标签,交互设计,导航
0
投稿

猜你喜欢

  • asp中设置session过期时间方法总结

    2013-06-01 19:52:04
  • mysql 各种时间段查询

    2010-01-06 13:37:00
  • ASP读取ini文件

    2010-01-20 11:17:00
  • asp里Sub与Function有什么区别

    2007-08-17 10:39:00
  • SQL Transcation的一些总结分享

    2012-08-21 10:21:28
  • 手把手教你制作Google Sitemap

    2008-09-04 10:35:00
  • 防注入asp过滤sql特殊字符函数

    2007-10-23 17:50:00
  • 如何让Firefox2和Firefox3在Windows下共存并同时运行?

    2008-06-01 15:50:00
  • 网站中美好的细节

    2011-07-13 18:43:07
  • Flash在某些多标签浏览器中的“伪沙箱”问题

    2011-01-06 12:37:00
  • 对acronym、abbr标签的理解

    2008-05-29 13:03:00
  • 记Qzone项目组视觉设计标注的前前后后

    2010-03-24 18:03:00
  • 精巧支付宝导航条制作教程

    2010-03-20 21:25:00
  • MYSQL教程:表达式操作符和数据类型转换

    2009-02-27 15:51:00
  • HTML 5新增的元素

    2007-10-29 12:39:00
  • 用JAVASCRIPT格式化数字成货币(逗号隔开)

    2008-01-30 12:34:00
  • 可输入的select代码

    2009-12-26 18:25:00
  • ASP中使用FileSystemObject时提高性能的一个小技巧

    2008-06-08 13:09:00
  • [设计]DREAMWEAVER 问题集锦

    2010-09-02 12:31:00
  • MySQL百万级高并发网站实战攻略

    2009-03-25 15:49:00
  • asp之家 网络编程 m.aspxhome.com