用面包屑来简化多层的tabs
一个网站信息结构需要表现给用户看，这样用户才能知道当前是在哪儿，才有可能去猜测某个内容可能会在哪儿。
最好的it资讯站,最全面的it资讯,尽在墨者资讯网
如何表现网站的信息结构给用户呢？
最好的it资讯站,最全面的it资讯,尽在墨者资讯网
用导航。
本文转载自www.cnmoker.org 墨者资讯网
Tabs导航不错！
Tabs导航是一种表现形式，可以很直观的表现出当前所在的栏目和与之同级的其他栏目。 本文转载自www.cnmoker.org 墨者资讯网
cnmoker.org
用tabs这种形式来表现导航是个很好的办法，也是很常见的。然而，如果一个网站的信息结构很复杂，层级很多，那么就经常会是tabs套tabs套tabs套tabs…
最好的it资讯站,最全面的it资讯,尽在墨者资讯网
墨者资讯,最新资讯
四层tabs… copyright cnmoker.orrg
我们抽象一下就成了下面这样：
本文来自墨者资讯
怎么优化过多层的tabs？
本文转载自墨者资讯网 墨者资讯网
最直接的想法当然是收起一些tabs来。 最好的it资讯站,最全面的it资讯,尽在墨者资讯网
实际上，时时刻刻展示出所有层级的tabs并不必要，是有浪费的，浪费了用户的注意力。
上图的例子中，当我点开第三层tabs中的“歌手”后，我的诉求更多的是看“歌手”下更多的分类，以便我找到某位特定的歌手，这个时候并不会太关注“背景音乐”“我的收藏”“留言板”“相册”…这些tabs项此时成了干扰信息。 最好的it资讯站,最全面的it资讯,尽在墨者资讯网
仍旧显示出一二三层tabs的价值主要在于告诉用户，当前的“歌手”栏目是在“音乐盒”-》“正版音乐库”下的。那么，对于上面那些层tabs，可以只保留有价值的信息—表明当前所在栏目，而不显示与之同级的其他栏目。
cnmoker.org
去掉一、二、三级tabs中可供访问的tabs后的样子：
墨者资讯www.cnmoker.org
再整理一下…
本文转载自墨者资讯网 墨者资讯网
是的，这就成了面包屑导航导航。
面包屑导航是另外一种反应网站信息结构的形式。因为省略掉了与当前栏目同级的其他栏目，所以面包屑导航的信息量小。
cnmoker.org
将上面演绎的过程总结一下：面包屑导航可以简化多层tabs导航中那些不太重要的层级。
copyright cnmoker.orrg
cnmoker.org要省略哪层呢？
就象上面说的那样，把当前页面以上以及同级的tabs都简化掉？显然不是，设计如果是这么简单的，那就不要设计师了。
本文来自墨者资讯
我们来看看yahoo：
内容来自墨者资讯
进入Autos栏目中，只展示Autos下的tabs，而不再展示与Autos同级的其他栏目。
看Autos的时候并不会经常会想着切换到财经、游戏等其他栏目，那么，简化掉第一级，只显示Autos栏目隶属于Yahoo！下。Autos频道下的两级菜单需要经常不断切换着看，即便当前是“LATEST MODELS”，上一级tabs“Home，New cars…”也依旧保留着，不简化。 copyright cnmoker.orrg
再看amazon： 本文来自墨者资讯
本文转载自墨者资讯网 墨者资讯网
不断寻找商品的过程是不断往下找的过程，目前已经到达“Bikes”了。“Sports & Outdoors › Bikes & Scooters › Bikes & Accessories ›”这些都是当前页面“Bikes”的父级。相比之下，当前，用户更需要在“Bikes”里进一步筛选，而不是退回去选sports&outdoors类的其他产品，所以，“Bikes”下的进一步分类要充分的展示，而之前逐层筛选过的那些父级，统统的面包屑掉。 墨者资讯www.cnmoker.org
从上面的两个例子中，我们可以看到： 墨者资讯www.cnmoker.org
可以省略，也是需要省略的，是那些当前较少可能去选的、不需要反复切换的… 本文转载自墨者资讯网 墨者资讯网
并非凡是当前页面上一级和平级的tabs都要简化，当然也不是都不简化。
本文转载自www.cnmoker.org 墨者资讯网
这里说的用面包屑来简化多层tabs，要解决的问题源于网站结构层级太多，解决这个问题最好的方法当然是让信息层级结构本身简化点儿，少几个层级。
（来源：臭鱼的交互设计） 内容来自墨者资讯
墨者资讯www.cnmoker.org
