面包屑导航将退出历史的舞台？

来源：未知浏览 206次时间 2021-05-16 03:30

最近因为项目关系一直在跟网页设计发现了一个很有意思的导航——面包屑导航,一度是每一个一线SEO优化人需要掌握的稳超竞争对手发现了一个很有意思的导航——面包屑导航,一度是每一个一线SEO优化人需要掌握的曾经也是风靡一时如今却有衰败之势在很多界面中逐渐看不到它的身影。我想好好了解下这个有意思的导航于是翻阅了一些文献了解到它居然起源于一个童话故事。这是一个后母虐前妻孩子的故事。一个贫穷的樵夫再娶后母计划把俩孩子丢到森林深处网站排名后母计划把俩孩子丢到森林深处然后趁其不备偷跑掉好巧不巧被汉塞尔听到于是偷藏面包边走边撒捏碎的面包然后他们回到家过上幸福快乐的生活？并没有但这不重要重要的是给了我们一个启发。

面包屑可以做路标指引而且还不会占用太多空间引导访问者在目前的网站中所处的位置并引导其顺利返回,实乃高端辅助。

1.大型电商内容页（基于路径+属性的面包屑导航）例如：天猫

优点：

让用户直观的了解自己所在的位置并且便于用户返回上级减少返回的操作次数是向用户展示产品类型层级一目了然让用户短时间快速了解网站的组织方式并能在第一时间进行反应做出操作。

缺点：

用词方面有要求高度提炼归类。各分类层级太过接近概念模糊会产生歧义命名时最好避开近义词和平级词且一不小心容易喧宾夺主与主导航重复。

2.政府相关及新闻网站（基于位置的面包屑导航）例如：搜狐网

优点：对于这类中规中矩的网站模式直观的定位上下级所属关系明显让用户直观了解当前页在整个网站的位置更有利于用户操作占空间小干扰性小。

缺点：当用户层级少分类少的情况面包屑就相当鸡肋冗余累赘。

3.操作系统（基于路径的面包屑导航）例如：百度网盘

没错各类文件管理器的导航就是面包屑导航也许你觉得这个不需要设计那么看看下面的百度网盘导航依然是面包屑导航。非常直观无论是上翻还是进入下一文件夹都很是顺手很好用。

一个不可操作的进度展示块条未完成为灰色部分完成的为彩色部分。

优点：向用户展示这个任务的全部流程展示任务已经完成的进度当前的流程点以及让用户清楚的明白下一步是什么。

缺点：网页端多为静态就对界面美化的要求比较高并且导致进程概念被削弱甚至会产生用户焦虑。

2.复合面包屑导航,包含筛选项和搜索框

面包屑总的来说它分为三类：定位层级区分和操作路径和浏览历史（这一块外文有描述但很遗憾我并未找到案例）。它的作用其实也不少：

1.利于SEO优化

2.精准定位方便前后级跳转减少不必要操作

3.体现当前架构层级

4.占比小干扰性小作为次级导航做好了辅助的角色

其实面包屑最开始很长一段时间应用于移动端但为提高用户体验做到短小精悍面包屑已经退出移动端的舞台至于网页端面包屑也慢慢在演变信息层级扁平化增加了广度却减少了纵向的深度层级复杂度降低。

由此猜想：不久后面包屑会不会彻底退出导航的舞台？还是继续精简优化成为更高效有用的变种面包屑？谁都无法预料提高用户体验一切皆可能。