当前位置:380元网站建设 虎网站 > 网站建设 > 正文

浅谈网站建设中面包屑导航的运用

发布日期:2019-10-11
面包屑导航在网站建设中的作用即跟我们日常生活中的导航系统有着共性,所谓的面包屑导航一词来自汉赛尔与格莱特(又译糖果屋)童话故事中,主人公沿路丢下面包屑,形成一条小径,从而指引其回到自己的家中。因此,运用在网站建设中,可以更好地指引用户在网站上浏览内容,提高用户体验。其实,和童话故事主人公一样,网站用户也需要知道其在网站层次结构中的位置,以使其在需要的情况下能直接浏览上一级页面。小编将和大家分享面包屑导航应用及其最佳实践:什么是面包屑导航(What)、什么时候使用面包屑导航(When)和如何设计面包屑导航(How)。

一、面包屑导航有什么用?

面包屑导航作为有效的视觉辅助,能告诉用户其在网站层次结构中的位置。这种特性对用户来说是上下文信息的重要来源,可以帮助用户找到以下问题的答案:我在哪里?告诉用户其在整个网站层次结构中的位置。我能去哪里?用户更能找到相关网站栏目和页面。相比菜单栏,用户通过清晰直观的面包屑导航,更容易熟悉和了解网站结构。我该去那里吗?面包屑导航体现了网站的内容价值,能鼓励用户继续浏览网站。比如,用户打开电商网站某产品页面时,该产品可能不是他想要的产品,但用户也许想浏览其他同类产品。通过面包屑导航,就能相应地减少网站的总体跳出率。

1. 减少用户行为次数

就适用性而言,面包屑导航减少了用户访问上一级页面本应产生的行为次数。除了使用浏览器「后退」按钮或网站主导航回到上一级页面,用户也可以使用面包屑导航。

2. 占用最少页面空间

紧凑的结构,不占用过多页面空间,面包屑导航是一条横向文字连接。好处在于,如有内容过载的情况,其带来的负面影响微乎其微。

3. 面包屑导航为用户带来零烦恼

人们可能没有在意这个小小的设计元素,但没人不明白面包屑导航,也没人不会使用面包屑导航。

二、什么时候该用面包屑导航?

测试网站是否会得益于面包屑导航,有种好方法是构建网站导航结构的网站地图或图表,再分析面包屑导航是否能帮助用户,提高其在同类或不同目录下的导航能力。你应该使用面包屑导航的前提是,有大量内容存在于有线性或层次结构的网站分类目录中。所谓分类目录,是指网站内容可以分类呈现,这些类别还可以继续分为更多细分类别。典型例子正如将大量产品合理地进行分类的电商网站。对于层次单一、没有合理架构或分类的网站,则不推荐使用面包屑导航。

三、面包屑导航的分类

面包屑导航可以按位置、路径和属性分为3类。

1. 位置面包屑

位置面包屑导航体现的是网站结构。其能辅助用户了解网站层次结构,并在有多层级(通常大于两级)网站中导航。若用户从别处链接(比如搜索引擎结果)进入网站深层次页面,这对用户来说非常有用。

2. 路径面包屑

路径面包屑(也称「历史痕迹」)显示用户浏览至某特定页面的所有页面路径。这类面包屑导航链接通常是动态产生的。有时,路径面包屑很有用,但大多时候会令人困惑——因为用户浏览网站可能会从一个页面突然跳到另一个页面,非常地随意。这类无规律的浏览路径并不能为用户提供太大帮助,但倒可以用浏览器「后退」按钮来轻松取代。此外,若用户直接进入某网站深层次页面,那路径面包屑也毫无用处。

3. 属性面包屑

属性面包屑对电商网站非常有用,其通过特定页面或更常见的按产品类别将大量页面进行分类。这类面包屑导航可以帮助用户了解各类产品之间的关系,也提供了另外一种导航方式。

4. 层次结构还是浏览记录?

面包屑导航的经验法则是要展示网站层次结构,而不是用户浏览记录。因此,推荐使用位置面包屑导航或属性面包屑导航,而不用路径面包屑导航。

四、面包屑导航设计的最佳实践

当设计面包屑导航时,要切记以下几点:

1. 不要用面包屑导航替换主导航

面包屑导航应作为一项额外功能,其不能直接替换原本有用的主导航菜单。要切记,面包屑导航是一项便捷功能,是辅助导航手段,是网站导航的另一种方法。

2. 当前页面的面包屑导航无须添加链接

面包屑导航(用户当前位置)最后一项不一定要显示——如果你想让它显示,务必保证其无法点击或操作。由于用户已经在当前页面,在面包屑导航中再添加链接就显得多此一举了。

3. 使用分隔符

分隔面包屑导航各级文字链接最醒目的符号是「大于号(>)」。通常,大于号(>)用来指代层次结构,就像父目录>子目录这类格式。其他可以使用的符号有右箭头(→)、双书名号(»)以及斜杠(/)。具体选择哪个符号取决于网站设计美学和已使用的面包屑导航类型。

4. 选择恰当的尺寸和内边距

在设计时要仔细考虑目标尺寸和内边距。面包屑导航各级文字间应该留有足够空间,否则用户可能会觉得不好用。同时,面包屑导航不能在页面中起支配作用,因此其不能比主导航菜单更显著。

5. 不要让其成为设计焦点

不要使用花哨的字体或绚丽的颜色,因为这样会喧宾夺主,毕竟面包屑导航其主要目的不在于此。当确定面包屑导航的大小和风格时,经验法则是要保证用户进入页面后的第一关注点不是面包屑导航。

6. 手机设备上不要使用面包屑导航

若你在手机设备上需要通过面包屑导航,也许你会发现会出现故障。就手机上使用面包屑导航和相应运行环境而言,其可能的原因在于网站的过度复杂(网站层次结构太深)。为解决这个问题,应该先思考如何简化,然后你就不需要面包屑导航了。

总结:对于网站建设中整体架构复杂,内容层次多的情况下,设置一个面包屑导航是极其有必要的,它能够帮助用户更加快捷精准找到自己所在的网站位置,快速的浏览所需的内容,提高网站适用性以及体验舒适度。

申根签证可以入境新加坡吗 爱沙尼亚免签吗?

    如何用芝麻分办签证芝麻分办理新加坡签证流程介绍? 芝麻分在750分以上的亲可以在6月底通过阿里旅行办理卢森堡的“信用签证”,申请成功后就可以在申根联盟国家自由出入,芝麻分高于700分的现在就可以申请新加坡签证。 1.登录阿里旅行,选择签证。 2.登录后查看芝麻分,是否符合申请标准,并填写申请表 3.根据提示要求上传资料 4.在线支付,等候出签,电子签发送至电子邮箱周期3-4天。 爱沙尼亚免签吗...

       企业企业建设网站的好处? 在互联网经济的影响下,伴随着互联网的发展,传统产业和新兴产业都加快了互联网经济市场的合理布局,建立高端定制的企业网站平台已变成企业企业进到互联网经济的标准。该网站已变成企业企业互联网营销的载体,并已变成企业企业品牌推广的前提条件。利用建立网站建设,顾客能够利用Internet搜索自己的业务和有关介绍,提升企业品牌知名度并推动盈利能力转变。 可是,当我们搜索该网站时,几年前,不管打开网站的总体设计风...

       荆门洪湖丹妮尔医疗用品跟虎网科技签定网站建设事宜 丹妮尔选用虎网站经济型入门级网站案例,其功能比较简单的程序,广告单图(无动漫),页面较简单,适合小微企业产品展示型网站。丹妮尔处于荆门市荆门市辖区洪湖市峰口镇陈赵村118号。丹妮尔是经荆门市荆门市辖区工商局审核的有资质公司,统一社会信用代码:91421083MA493U7J02。   洪湖市丹妮尔生卫材料有限公司是一次性卫生材料、一类医疗用品的专业生产企业。公司注册生产无纺布、一次性护理垫、妇婴护...

       西安网站建设使用PHP语言开发有什么好处 人们常常感受到色彩对自己心理的影响,这些影响总是在不知不觉中发挥作用,左右我们的情绪。色彩的心理效应发生在不同层次中。无论哪一层次的作用都是不能忽视的。下面由西安网站建设公司小编为大家浅析一下网站设计中的色彩! *先,针对于网页设计者来说,色彩的心理作用尤其重要,因为用网络是在一种特定的历史与社会条件的环境下,即高效率、快节奏的现代生活方式的条件,这就需要做网页时把握人们在这种生活方式中的一种心理...

       移动终端的视频学习企业网站设计实现 随着互联网+时代的到来,智能手机、平板的出现,移动电子智能终端产品以势不可挡的趋势迅速普及到了每个人的手中。人们逐渐学会通过 电子智能移动终端产品查阅所需资料,移动学习就此拉开了序幕。随着我国移动市场不断推进,无线互联网的开发,4G、5G、WiFi覆盖面积的迅速扩大,为移动学习提供了强大的技术支持。视频教学设计能够很好地提高学生的学习效率,通过教学网站同步发布教学视,能够帮助学生在课后能够很好的温...

       做网站需了解的网站建设知识 在如今的社会,网站建设公司非常多,使很多客户无法认清哪家网站建设公司才是真正的有实力,很难做出选择。其实我们只需要弄明白以下几个网站建设知识,就可以很好的辨认哪家公司才是真正的适合你。 1,先确认你的需求和你对网站建设的费用和日程计划。自己千万不要什么都不知道,什么都不明白。 2,了解市场主流技术和要求,目前市场有三种,一是老的0成本ASP+ACCESS组和,另一种是PHP+MYSQL组合,还有一...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读