tab(标签)在使用时的禁忌

作者:戴雨森 来源:uxday 时间:2009-04-16 13:06:00 

我们小组讨论的话题是tab(标签)在使用时的禁忌。

在讨论的开始,大家很快产生了六个感兴趣的话题:

  • 如何处理海量的tab?

  • 在浏览器中关掉tab之后应该发生的行为?

  • 不同tab下内容的相互关系

  • 多层tab的使用

  • Tab和SEO的关系

  • 使用多个tab工作时快速回到注意力的焦点

由于时间有限,我们讨论的话题最终集中在一个点上:如何处理海量的tab?经过大家的热烈讨论,现在将一些想法以及对应的示例总结如下,还请各路英雄好汉指正。

首先回顾一下Tab的历史。这里的tab,是一类交互元素的统称,既包括在web设计中的导航,也包括在浏览器等桌面软件中的使用。被称为tab的交互元素一般有如下两个特性:

  • 同时具有动作和状态两个含义。tab之所以流行,一个原因就是因为它既方便操作,同时又能够让用户清楚地知道自己目前在哪个位置(tab)

  • 从信息架构的角度来看,tab之间的内容一般是不交叉的。并且tab之间的关系应该是平等的,没有相互隶属的关系。

所以从广义来讲,绝大多数导航菜单其实都可以归结为tab。

在网页设计中tab的使用一般认为是Amazon开了先河。相信大家很多人都读过LukeW的经典回顾文章:The History of Amazon’s Tab Navigation(中文版请猛击这里)。从这篇文章中我们可以看到,Amazon的导航从最初只有两个tab:Book和Music,演化到2000年最多的时候有两排tab。很显然,当tab数量增多的时候,tab这种交互方式遇到了一些困难。

标签:导航,禁忌,tab,标签
0
投稿

猜你喜欢

  • Python pip安装lxml出错的问题解决办法

    2021-11-17 07:36:07
  • Python自动生产表情包

    2022-04-13 05:25:36
  • JS添加或删除HTML dom元素的方法实例分析

    2024-04-29 13:24:59
  • Python使用monkey.patch_all()解决协程阻塞问题

    2021-05-11 17:27:19
  • Linux下通过python获取本机ip方法示例

    2023-02-18 05:56:15
  • 详解使用Python处理文件目录的相关方法

    2023-08-01 02:55:30
  • Python使用爬虫爬取静态网页图片的方法详解

    2021-02-18 20:07:58
  • Python爬虫headers处理及网络超时问题解决方案

    2022-11-19 23:38:34
  • 基于生活形态的用户分群研究

    2009-12-30 16:54:00
  • JavaScript 基础问答 四

    2024-04-18 10:52:09
  • 基于Python快速处理PDF表格数据

    2021-04-11 23:29:54
  • Anaconda最新版2023安装教程Spyder安装教程图文详解

    2021-12-24 00:29:56
  • Python中的is和id用法分析

    2021-12-09 17:23:12
  • 适合所有网站的rss和xml聚合功能asp代码

    2011-04-06 11:19:00
  • 详解django的serializer序列化model几种方法

    2022-12-06 00:40:08
  • 优化MySQL的数据库性能的八种方法

    2012-01-05 19:28:53
  • MySQL中查看数据库安装路径的方法

    2024-01-16 04:19:46
  • 详解supervisor使用教程

    2022-02-18 09:12:07
  • Python pandas按行、按列遍历DataFrame的几种方式

    2021-02-22 07:11:12
  • Python参数传递对象的引用原理解析

    2023-04-23 18:33:57
  • asp之家 网络编程 m.aspxhome.com