江苏龙网

  1. 主页 > 生活百科 > >

面包屑导航是什么，面包屑导航样式

面包屑导航，这个曾经风靡武林的古老控件，在不经意间变得默默无闻 。当许多交互设计师第一次听到它的名字时，它就退休了 。然而，在某些类型的网站中，它仍然是一种必不可少的导航方式 。今天，@德传良，的交互设计师，特意把资料重新整理了一下，带你从头认识面包屑导航的前世 。
什么是面包屑导航 网页上的控件，允许用户感知当前页面的层次位置或产品属性之间的关系 。面包屑一般的风格是在链接文字上加“>”，横向排列 。还有一些其他的风格 。
这里用的是“感知”，意思是面包屑导航不会是页面上最显眼的地方，只是在一定程度上帮助用户了解网站的结构和属性的从属关系 。
面包屑的分类 1.用于指示页面之间的层次关系以及当前页面所在的位置 。页面之间的这种层级关系可以没有隶属关系和包含关系，只要这些页面之间存在线性跳转关系即可 。
2.用来表示产品属性和当前页面位置的归属关系 。这些属性具有所有权和包含关系 。
3.用来显示用户的操作路径和历史(国外有文章说过这个，但是我没找到对应的网址……)
面包屑的作用 1.指明当前页面在哪里，感知产品属性之间的隶属关系 。
2.跳到上一页很方便
3.一般是作为主导航的补充 。
面包屑的使用 并非所有网站都需要使用:
1.信息层次很平 。这也是移动产品中面包屑被丢弃的原因之一；
2.没有线性页面关系；
3.还有其他可以代替面包屑的东西，比如:进度指示器；
它主要出现在页面的左上角和主导航的下方 。
面包屑的“变种” 进度指示器 。用于指示任务步骤中页面的位置，一般头部的区域是不可点击跳转的，只是用于指示 。
复合导航面包屑，方面搜索和搜索框 。
这种“变种”面包屑的好处是方便跳转上一级的页面，方便在本级进行筛选和搜索 。
面包屑的应用现状 移动产品和社交产品几乎看不到面包屑 。
原因1：当前的产品设计趋势都是将信息的层次结构扁平化，尽可能将各种模块平铺，使信息结构的广度增加，减少纵向的深度 原因2：社交类站，相对于大型电商类和内容类网站，其层级的复杂度相对较低 原因3：移动设备屏幕小了，寸土寸金，它的作用价值较低，就把它剔除了电商和内容网站只出现在部分页面 。
当然它不会出现在首页，一般它会出现在二级频道页的下一个层次的页面 比如，在京东首页，点击进入了【生活家电】频道页，在频道页点击了净化器后，你就能看到面包屑了比如在爱奇艺，点击进入【动漫】频道页面，在频道页面点击《猫和老鼠》后，可以看到面包屑 。
面包屑的猜想 如果在移动端不使用面包屑，那么更复杂的网站是否可以完全不使用面包屑？
【面包屑导航是什么，面包屑导航样式】面包屑中的内容和页面标题是重复的 。能否消除这里的信息冗余，完美利用信息？


    推荐阅读


    上一篇：互联网推广平台有哪些，互联网推广的模式及渠道

    下一篇：苹果手机如何备份通讯录，苹果手机如何备份通讯录步骤