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

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

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

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

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

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

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


比如这个网站的标签:


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

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

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

猜你喜欢

  • 2011年网页设计发展趋势

    2011-01-10 20:45:00
  • 使用Python实现管理系统附源码

    2023-04-04 04:22:34
  • 中秋送礼分配不均这款python刮刮卡完美解决问题

    2023-01-03 11:28:38
  • python单元测试框架pytest介绍

    2021-06-11 15:28:55
  • Mysql主键UUID和自增主键的区别及优劣分析

    2024-01-14 18:29:28
  • Python打印“菱形”星号代码方法

    2023-02-05 17:34:42
  • 网站分析方法系列二——分析页面区块价值

    2011-01-06 12:32:00
  • python可视化plotly 图例(legend)设置

    2021-05-17 11:17:56
  • Sql Server 2005数据库被标记为“可疑”问题

    2009-12-15 10:50:00
  • Python使用urlretrieve实现直接远程下载图片的示例代码

    2022-11-10 16:54:33
  • mysql 8.0.16 winx64安装配置方法图文教程

    2024-01-22 05:54:25
  • python中封装token问题

    2022-09-29 01:09:32
  • Python装饰器的函数式编程详解

    2023-12-27 16:35:31
  • 5分钟快速掌握Python定时任务框架的实现

    2023-05-31 10:19:45
  • 解决pycharm回车之后不能换行或不能缩进的问题

    2023-06-11 10:45:40
  • pandas.DataFrame.from_dict直接从字典构建DataFrame的方法

    2022-02-22 03:13:28
  • Python反转序列的方法实例分析

    2021-10-30 11:13:07
  • Python查找不限层级Json数据中某个key或者value的路径方式

    2023-07-08 02:39:43
  • javascript事件冒泡,事件捕获和事件委托详解

    2024-04-10 14:02:47
  • PyTorch一小时掌握之图像识别实战篇

    2023-01-28 00:08:01
  • asp之家 网络编程 m.aspxhome.com