0ca8944d67b1c111402d9a349c2eb652
12. 面包屑导航

初识

这种一级一级的导航,被称为:面包屑导航。
据说,这个名字来自童话故事“汉赛尔和格莱特”,两位小盆友被带入森林,试图借助来时沿路撒下的面包屑找到回家的路。
不过,面包屑导航更应该展现内容的归属关系,而不要用于追溯来路。浏览器上有“<返回”键,追溯来路,原路返回,已经够用了。

面包屑导航更有可能是照搬了电脑文件管理器里的地址栏。

面包屑显然只能用在PC产品上,移动设备的界面太小,摆不下,也舍不得用那有限的界面展示这么多信息。
 


层级少的不需要用,层级多的没有用

什么时候应该使用面包屑导航呢?
我们先来看一个层级较少的产品:
这里用了面包屑,但是,如果我们去掉面包屑这一行… 也没有问题。通过横向导航+左侧导航,仍旧可以看明白,当前是在:首页-珠宝首饰-幸运珠。
面包屑只是重复表达了一次。
对于层级少的产品,不需要面包屑。

如果是层级很多的产品呢?我们来看看前面那个亚马逊的例子:
这层级很多,用其它的导航方式就没法呈现了。似乎面包屑在这个时候是有用的。
不过,我们再仔细想下,这个面包屑里展示出了“汽车用品、车用电子…”总共4层,价值是什么呢?
面包屑原本希望给用户带来的无非是“看和用”两个价值。

看,展示出当前商品是在这样的一个层级分类下的。这确实做到了,但把这告诉用户真的有用吗?让用户知道身处何处,确实有价值,避免恐惧,增加安全感。可是,这一层层的目录都是陌生的,让用户知道自己当前在一个陌生的国家、陌生的城市、陌生的大楼里,恐怕也不会增加多少安全感。

top Created with Sketch.