什么是面包屑?这个名词其实比较抽象,一些做网页设计的或者就会清楚。在百度百科上面,我们可以看到:面包屑导航是一种显示用户在网站或网络应用中的位置的一层层指引的导航。其实]一个“面包屑”(或“面包线索”)是一个类型为二级导航方案,它揭示了网站或网页应用程序中用户的所在位置。面包屑是作为辅助和补充的导航方式它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。介绍完之后我们来进入正题,广州做网站公司的负责人告诉我们,其实要了解面包屑很容易,下面我们一起来看看。
在基于产品的属性上面,这种类型的面包屑常出现在具有大量类别产品和服务的网站中,如电子商务、购物网等。而我们基于用户的足迹上面,它显示用户浏览的轨迹,面包屑之间没有明显的层级关系,只是展示用户从那个级别过来的。这种面包屑在一级导航方案不明确的网站适合,其他情况不建议采用。对于面包屑的一些基本信息已经介绍过,我们来看一下它的好处。面包屑作为用户寻找路径的一种辅助手段,能方便他们定位和导航。这其实比较有利于用户的方便。而且面包屑可以减少的用户返回上一级页面的所需的操作次数。它最主要的特点就是临时性,动态性,占用屏幕空间小,干扰性小。而且现在很多网页都在为跳出率揪心,它却能降低网站访问者的总体跳出率。当用户从别处链接到网页,或者从搜索引擎查找到网页,则面包屑的存在能帮助用户快速了解当前的层级位置,并引导用户查看网站的其余部分,减少了看完直接跳走的用户数量。面对这些这些好处,接着我们就看一下怎么设计还有它的使用前提。我们的网站必须存在大量的分类目录。就好像一些购物类网站、分类信息网站。在一些引导性的流程操作或者软件安装进程中,面包屑也常被用来指示当前以及剩余的操作步骤。但是我们要注意层次简单的页面中一般不使用面包屑,但是当面包屑能显着帮助到浏览并提高他们定位能力时,也建议采用面包屑。相册浏览就是一个典型的例子,结构层次并不复杂,但用户在特定几个页面之间跳转的频率会比较高(如相册首页,相片缩略图页,相片浏览页等),所以面包屑的存在对提高此处的浏览效率是很有帮助的。需要提醒的是面包屑不能替代有效的主导航,它是一个辅助功能。而面包屑的样式也有一些比较常用的,横向的文字链接,由大于号“>”分开。这个符号也暗示了它们之间的层次关系。根据你的用户的认知及专业水平,在有必要的情况下,可以在面包屑父子级之间增加“下划线”以告诉用户“这里是可以点击的”。这比较基本的设计。当然,网页设计师为了更好地在这个区域施展他们的才华,一些新的尝试方案也是可以的。
在放置的时候,面包屑的位置通常出现在页面的左上或者右上部分,而且主要是在导航下面或内容区的上面。而且面包屑是一种辅助导航,在页面中不应该起支配作用。面包屑和主导航相比至少要比较小、或不太突出。在确定面包屑大小的时候,一个较很好的方法是,当访问这个页面的时候,它不应该是页面中最醒目的元素。我们最好做到不能第一眼就看到面包屑。