初识
这种一级一级的导航，被称为：面包屑导航。
据说，这个名字来自童话故事“汉赛尔和格莱特”，两位小盆友被带入森林，试图借助来时沿路撒下的面包屑找到回家的路。
不过，面包屑导航更应该展现内容的归属关系，而不要用于追溯来路。浏览器上有“<返回”键，追溯来路，原路返回，已经够用了。
面包屑导航更有可能是照搬了电脑文件管理器里的地址栏。
面包屑显然只能用在PC产品上，移动设备的界面太小，摆不下，也舍不得用那有限的界面展示这么多信息。
层级少的不需要用，层级多的没有用
什么时候应该使用面包屑导航呢？
我们先来看一个层级较少的产品：
这里用了面包屑，但是，如果我们去掉面包屑这一行… 也没有问题。通过横向导航+左侧导航，仍旧可以看明白，当前是在：首页-珠宝首饰-幸运珠。
面包屑只是重复表达了一次。
对于层级少的产品，不需要面包屑。
如果是层级很多的产品呢？我们来看看前面那个亚马逊的例子：
这层级很多，用其它的导航方式就没法呈现了。似乎面包屑在这个时候是有用的。
不过，我们再仔细想下，这个面包屑里展示出了“汽车用品、车用电子…”总共4层，价值是什么呢？
面包屑原本希望给用户带来的无非是“看和用”两个价值。
看，展示出当前商品是在这样的一个层级分类下的。这确实做到了，但把这告诉用户真的有用吗？让用户知道身处何处，确实有价值，避免恐惧，增加安全感。可是，这一层层的目录都是陌生的，让用户知道自己当前在一个陌生的国家、陌生的城市、陌生的大楼里，恐怕也不会增加多少安全感。
用，方便用户直接点击前面的某一级。点最靠近的一级“行车记录仪”，可能还是会有一些的，看了这个商品，还想看看其它的记录仪。再往前的一级，更往前一级…恐怕很少有人会去点吧，因为很难会猜到那些层级里会有些什么。如果真的是想找另外一件与车相关的电子产品，比如：车用空气净化器，应该也不会是去点“车用电子”那个分类吧，而是直接搜索。
如果是电脑上的文件管理器，每一层目录都是用户自己创建的，比较熟悉，通过面包屑直接访问中间某个层级，或许还是有用的。但类似亚马逊这样的由服务提供者创建的层级，用户很不熟悉，不太会去直接访问。
对于层级多的产品，面包屑也没什么用。
所以，得到了这么个悲伤的结论：
对于大多数数字产品，面包屑导航都不是很有用。除非这产品用户十分熟悉，如同电脑文件管理器那样熟悉。
实际情况也证明了这个结论，使用面包屑的产品越来越少了。
首页问题
Adobe、Apple这些网站还是会用面包屑，放在页面最下，作为辅助。
如果确实需要用，还需要注意一个小问题：首页问题。
我们把apple.com的顶部导航和底部面包屑放在一起看，会不会觉得有些问题？
顶部导航上，首页（apple图标）与iPad是并列的；底部面包屑中，却是上下级关系。
我更赞同亚马逊的设计：汽车用品>车用电子>…，不是以首页开头。为什么呢？
我们来对比下电脑文件管理器与apple这样的网站：
电脑的文件管理器是标准的文件树状关系，根一级只有一个：计算机。
网站的首页，通常是各个栏目的精华荟萃，首页是栏目1、栏目2、栏目3的上一级，网站的根一级应该也是只有一个：首页。
但实际上网站顶部的主导航却表现成上图Apple那样，将首页与栏目1、2、3并列，不向用户强调它们之间的层级关系。这是目前最常见的，被公认为最方便用户理解、使用的。
主导航为了对用户友好而不严谨了，但面包屑导航，却要求不得不严谨，显示出首页是栏目n的上一级，于是就出现了前面apple.com的情况。
我认为亚马逊的方式更好，是说，既然树状结构里已经把首页降级了，那在面包屑里也表现成一致的，至少是一致了。
若有收获，就点个赞吧
0 人点赞
