建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 心得技巧 >

网页tab(标签)使用注意事项

时间:2009-04-14 23:18来源: 作者: 点击:
我们小组讨论的话题是tab(标签)在使用时的禁忌。在浏览器中关掉tab之后应该发生的行为?由于时间有限,我们讨论的话题最终集中在一个点上:如何处理海量的tab?经过大家的热烈讨论,现在将一些想法以及对应的示例总结如下,还请各路英雄好汉指正。

我们小组讨论的话题是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这种交互方式遇到了一些困难。

(责任编辑:admin)

织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片