用面包屑来简化多层的tabs（2）
发布时间：2011-06-16 20:32:54
标签：Tabs导航,面包屑
实际上，时时刻刻展示出所有层级的tabs并不必要，是有浪费的，浪费了用户的注意力。
上图的例子中，当我点开第三层tabs中的“歌手”后，我的诉求更多的是看“歌手”下更多的分类，以便我找到某位特定的歌手，这个时候并不会太关注“背景音乐”“我的收藏”“留言板”“相册”…这些tabs项此时成了干扰信息。
仍旧显示出一二三层tabs的价值主要在于告诉用户，当前的“歌手”栏目是在“音乐盒”-》“正版音乐库”下的。那么，对于上面那些层tabs，可以只保留有价值的信息—表明当前所在栏目，而不显示与之同级的其他栏目。
去掉一、二、 * tabs中可供访问的tabs后的样子：
再整理一下…
是的，这就成了面包屑导航导航。
面包屑导航是另外一种反应网站信息结构的形式。因为省略掉了与当前栏目同级的其他栏目，所以面包屑导航的信息量小。
将上面演绎的过程总结一下：面包屑导航可以简化多层tabs导航中那些不太重要的层级。
要省略哪层呢？
就象上面说的那样，把当前页面以上以及同级的tabs都简化掉？显然不是，设计如果是这么简单的，那就不要设计师了。
我们来看看yahoo：
进入Autos栏目中，只展示Autos下的tabs，而不再展示与Autos同级的其他栏目。
0
投稿猜你喜欢
导语：简洁并不等于极简主义，在保持网站简洁的外观的同时，辅以其它元素的使用，同样能够达到要求。那如何做到这一点呢？通过本文你能从中学到一些经- 在文章《用CSS实现柱状图（Bar Graph）的方法总结与比较（三）》中我强调说不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们
- 第一列按照goodsid局部分组，然后在分组后的记录中按照audittime升序排序得到序号，从而显示某商品得第几次变迁。 第二列是取该商品
- 判断函数如下：Public Function CheckBIG(strSource As String) As BooleanDim idx
- 设计，用户说好，才是真的好！14期的友商联线，同事认为风格不美观，需要重新设计。这次，我们引入了用户调研，调研数据可以帮助我们快速决策！ED
- 基本上快被这个问题搞疯了，症状如下症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float
- 如果你用SQL Server 2005 Management Studio建立函数或存储过程，你会注意到这些新窗口中都是模板。通常，你可以获
- 在DBA的日常工作中，经常需要重装或在新机器上安装Oracle,但每次安装所浪费的时间、精力以及失败的挫折都在考验着DBA的承受能力，本文着
- Linux环境MySQL服务器级优化讲解 摘要：本节简单介绍了如何在服务器级优化数据库的性能
- 阅读上一篇：FrontPage2002简明教程三：网页布局 网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开
- 一个asp读取数据库中数据到数组的类，仅供参考！DbPath = "test.mdb"’数据库位置&
- A 定义数组有两种方式：DIM和REDIM。DIM定义的是固定个数、数据类型的数组；而REDIM则不同，它可以定义不同类型的数据，也可以定义
- 内容摘要：这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理，实例是实现一个日期选择下拉菜单。首先来分析一下日期下拉菜
- MySQL字符集多种多样，下面为列举了其中三种最常见的字符集查看方法，该方法供您参考，希望对学习MySQL数据库能有所启迪。一、查看MySQ
- 在网页中放iframe，如果frameborder=0；就没有边框显示了；但动态创建时，在IE7中就不行了，从网上找到解决的办法，写出来记录
- 代码如下:function checkip(checkstring)'用正则判断IP是否合法 dim re1 set re1=new
- 今天同事 明城 在项目中碰到一个 BUG，代码具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD
- 但是Class这个东西,如果用得比较少,充其量只是一个大模块的包装方式. 只有大规模地用它来开发,才能显出它对项目管理的优越性来. 所谓的意
- 【作者翻译】结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入，用户就越容易理解你观点和得到你想传达的信息。在网页上，这点被通
- 学习WEB标准的朋友一般都是从学习CSS开始，为什么呢？因为CSS是一种很有意思的语言，它能让我们的网页千变万化。也许我们一开始的接触只是因
