深圳0755-83589234 13602656525 业务部 设计部
网站建设中面包屑导航的使用
来源:专业做网站 专业建网站 专业网站建设 专业网站制作 专业网站设计   发布时间:2016-08-25   浏览量:560 次

 专业网站建设-功成网络本文今天要跟大家分享的是网站建设中面包屑导航的使用

 作为一种辅助导航系统,面包屑能够帮助用户清晰的定位到自己所在网站的位置。这个词源自于童话中跟着面包屑回到自己家的孩子,而网页中的面包屑也是帮助用户找到自己位置的UI控件。

  面包屑通过路径展示告知用户他们所处的位置,而今天的这篇文章将会探讨一个可用的网页面包屑应当如何设计,通过最佳实践展示面包屑的正确用法。

  面包屑导航提供可用性

  作为一种视觉指引,面包屑为用户揭示出网页的层次结构,也正是因此,面包屑成为了用户了解网站背景信息的重要途径,帮助用户了解下列问题的答案:

  ·我在哪里?根据整个网站的层次,面包屑能让用户知道他们所处的位置。
  ·我还能去哪里?面包屑提升了整个网站的可查找性,面包屑的存在揭示了整个网站的结构,用户也随之明白网站还有哪些其他的部分。
  ·是否应当浏览更多?面包屑揭示出网站有更多值得探索的内容,鼓励用户浏览更多。反过来,面包屑的出现降低了网站的跳出率。

  减少操作次数

  从可用性的角度上来看,面包屑减少了用户跳转到高层级页面的操作数,这样避免了用户使用浏览器的返回按钮和翻找导航寻找上级页面的复杂交互。

  占用空间小

  面包屑这种设计元素在页面上占用的空间相当小,它基本都是以带链接的文本的形式存在的,并且通常只有一行。

  面包屑不会给用户带来困扰

  这个小小的设计元素占据的空间不大,但是给用户带来的便捷远远大于可能带来的问题和困扰。

  什么时候使用面包屑?

  是否要在网站中使用面包屑,主要取决于网站的结构。看看你的网站地图或者整体的结构图,分析使用面包屑能否提高用户在网站内部不同类别、目录下导航是否方便:

  ·当你的网站内拥有分类明晰、组织明确的多层次线性结构的时候,你应当使用面包屑。比如一个拥有种类繁多产品的电子商务网站,面包屑就相当有用。·当网站不具备逻辑清晰的层次结构的时候,就不要使用面包屑。

 

  面包屑导航最佳实践

  当你开始设计面包屑导航的时候,应当谨记下面的事情:

  1、不要使用面包屑来替代网页主要的导航系统

  面包屑只是一个辅助导航系统,它无法替代主要的导航系统。请记住,它是仅仅是为了用户方便的次要选项,用来抵达其他层级的快速定位链接系统。

  2、不要将当前页链接加到面包屑中

  面包屑的最后一个层级是当前的页面,而这一项在面包屑中是不应该加上链接的,因为它只起到展示定位的作用,没有任何意义。

  3、使用分隔符

  在面包屑中,用来分隔不同层级最常见的是大于符号(>),常见的使用方法是“父类别>子类别”。当然,分隔符的使用并不拘泥于这一种,有使用箭头(→)的,还有使用书名号(»)的,也有使用斜杠(//)的。使用哪种分隔符通常取决于整体风格和设计师的喜好。

  4、选择合适的尺寸和间距

  在设计的时候应当仔细考虑尺寸和间隔大小,不同的面包屑层级之间应当有足够的间距,确保用户能够识别。当然你也不希望面包屑占据页面太多的空间,如果面包屑比顶部导航还要大,看起来就非常尴尬了。

 

     专业网站制作-功成网络科技助您轻松走向成功,我们为您提供最完善的服务,包括网站的客户分析和调查、网站策划、企业徽标设计、企业形象页设计、整体风格设计、程序功能分析和开发、内容采编、网站内容维护更新、域名选择和申请、站点维护、空间租赁、网站宣传和推广、技术培训等等,所有这一些协助您轻松走向成功。

 

     以上内容纯属深圳功成网络公司(http://www.gc711.com/)观点,如有不同意见,欢迎给我留言。