|
发表于 2016-8-22 10:17:01
|
显示全部楼层
|阅读模式
来自 中国–河北–石家庄
网页设计中,基本上除了首页的所有页面都会用到面包屑导航,往往出现在内容的上方。面包屑导航的运用,除了是告诉用户当前所在的位置以及上级路径,还有就是有利于百度蜘蛛的爬行。下面就介绍网页中关于面包屑导航的使用和设计。
面包屑导航提供可用性
作为一种视觉指引,面包屑为用户揭示出网页的层次结构,也正是因此,面包屑成为了用户了解网站背景信息的重要途径,帮助用户了解下列问题的答案:
·我在哪里?根据整个网站的层次,面包屑能让用户知道他们所处的位置。
·我还能去哪里?面包屑提升了整个网站的可查找性,面包屑的存在揭示了整个网站的结构,用户也随之明白网站还有哪些其他的部分。
·是否应当浏览更多?面包屑揭示出网站有更多值得探索的内容,鼓励用户浏览更多。反过来,面包屑的出现降低了网站的跳出率。
减少操作次数
从可用性的角度上来看,面包屑减少了用户跳转到高层级页面的操作数,这样避免了用户使用浏览器的返回按钮和翻找导航寻找上级页面的复杂交互。
占用空间小
面包屑这种设计元素在页面上占用的空间相当小,它基本都是以带链接的文本的形式存在的,并且通常只有一行。
面包屑不会给用户带来困扰
这个小小的设计元素占据的空间不大,但是给用户带来的便捷远远大于可能带来的问题和困扰。
什么时候使用面包屑?
是否要在网站中使用面包屑,主要取决于网站的结构。看看你的网站地图或者整体的结构图,分析使用面包屑能否提高用户在网站内部不同类别、目录下导航是否方便:
·当你的网站内拥有分类明晰、组织明确的多层次线性结构的时候,你应当使用面包屑。比如一个拥有种类繁多产品的电子商务网站,面包屑就相当有用。
·当网站不具备逻辑清晰的层次结构的时候,就不要使用面包屑。
面包屑的类型:
面包屑是基于网站的逻辑结构而存在的导航组件,它可以基于位置、路径来展示,也可以基于属性而存在。
1、基于位置的面包屑
基于位置的面包屑设计通常都能很好的反映网站的结构特征。它们直接将网站的层次结构展现在访客面前,其中包含多个层级(级别通常超过2层)。这种层级展示性的面包屑对于从外部来源(比如搜索引擎)进入网站的用户而言,具有明显的指引性作用。
2、基于路径的面包屑
基于路径的面包屑通常也被称为“历史足迹”,它展现出来的并非是网站结构,而是访客抵达特定页面的完整路径。这种面包屑路径并非是静态的,而是动态生成的。基于路径的面包屑有时候会对用户有所帮助,但是有的时候还是会让用户感到迷惑——有的用户浏览网站的时候浏览路径过于天马行空,这种基于路径的面包屑会帮助他们记录,无需翻看历史,也不无需使用浏览器的返回按钮来返回特定位置。另外,这种基于路径的面包屑对于一次就抵达特定位置的用户而言毫无用处。
3、基于属性的面包屑
这类基于属性的面包屑常见于电子商务类网站,产品常常基于类别和属性而组织到不同的子目录中,基于属性的分类让用户更容易理解产品和产品之间的关系,提供了更多不同的浏览路径。
不要小看面包屑导航,实用性很强哦!金色方向-石家庄网页设计:http://www.hbjsfx.com
|
|