面包屑导航，一个以前盛行江湖，不知不觉已不为人知的历史悠久控件。许多交互设计师在刚听到它名字的情况下，它就退隐武林了。但是，在某种种类的站点上，它或是不可或缺的导航栏方法。今日美团官网的交互设计师@德川亮 刻意再次整理材料，重新开始带你了解面包屑导航的前世今生。
什么叫面包屑导航
网页页面上让客户认知现阶段网页页面所属的等级部位，或是是商品的属性相互关系的控件。面包屑导航的一般款式是用连接文本再加上“>”，横着排列 ，也是有一些其它的款式。
这儿使用了“认知”，也就是说面包屑导航不容易是网页页面中最醒目的地区，它就是一定水平上协助客户了解网址的结构特征和属性的主从关系。
面包屑导航的归类
1. 用以说明网页页面中间的层级关联和当页所属的部位。这类网页页面中间的层次关联可以是并没有隶属和包含关系的，只需这多个网页页面自身存有线形自动跳转关联。
2. 用以说明商品属性中间的隶属关联和当页所属的部位，这种属性是存有隶属和包含关系的
3. 用以表明客户的使用途径和历史时间（海外的一些文章内容有那么说的，但我并没有寻找相应的网址……）
面包屑导航的功效
1. 说明现阶段网页页面所在的部位，认知商品属性中间的隶属关联
2. 便捷自动跳转到以前的网页页面
3. 整体上是做为主导航栏的填补
面包屑导航的应用
非是全部网址都要运用的：
1. 信息内容等级很平扁的。这也是面包屑导航在挪动商品中被丢弃了的因素之一；
2. 不会有线形的界面关联；
3. 有别的取代面包屑导航作用的物品 例如：进展标示条；
关键发生在界面的左上角，主导航栏的下边
面包屑导航的“变异”
进展标示条。用以说明网页页面处在每日任务流程中的部位，而且一般头顶部的地域是不能点一下开展自动跳转的，仅仅用以标示功效。
含有导航栏，挑选项（facets search）和输入框的复合型面包屑导航。
这类“变异”面包屑导航的特点是便捷在上一个等级的界面中自动跳转，便捷在现阶段的等级下开展选择和检索。
面包屑导航的运用现况
挪动商品和社交媒体商品几乎看不见面包屑导航
- 缘故1：现阶段的设计产品发展趋势全是将信息内容的结构分析扁平化设计，尽量将各种各样控制模块铺平，使结构化分析的深度广度提升，降低竖向的深层
- 缘故2：社交媒体类站，相对性于大中型电子商务类和具体内容类网址，其等级的复杂性相比较低
- 缘故3：硬件设备显示屏小了，土地金贵，它的功效使用价值较低，就把它去除了
电子商务类和具体内容类网址也只能在一部分网页页面会发生
- 自然它不可能发生在主页，一般它会产生在二级频道栏目页的下一个层级的网页页面
- 例如，在京东首页，点击查看了【生活电器】频道栏目页，在频道页点一下了油烟净化器后，你也就能见到面包屑导航了
例如，在爱奇艺视频，点击查看了【日本动漫】频道栏目页，在频道页点一下了《猫和老鼠》后，你也就能见到面包屑导航了。
面包屑的猜测
手机端不用面包屑导航，较比较复杂的网址是不是还可以彻底不应用面包屑导航？
面包屑和网页页面文章标题里的主要内容有反复，是不是可以清除这儿的信息冗余，让信息内容获得极致的运用？
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
