导航

News & Events

新闻动态

大型网站面包屑设计101

时间:2020-04-27浏览次数:425
当我们走进一个公园,看到一张导航图。如何看懂这张导航图呢?有三点。第一点,找到自己的位置;第二点,找到曾经走过的位置;第三点,找到自己要去的位置。这就是面包屑设计的初衷。什么是网站面包屑设计?为什么要叫面包屑设计呢?这源于一个西方童话故事,故事中两个孩子用面包屑组成一条回家的路。在数字世界中,面包屑为您的站点用户提供了追溯到原始着陆点的功能。因此,在门外汉看


当我们走进一个公园,看到一张导航图。
如何看懂这张导航图呢?有三点。第一点,找到自己的位置;第二点,找到曾经走过的位置;第三点,找到自己要去的位置。这就是面包屑设计的初衷。

什么是网站面包屑设计?

为什么要叫面包屑设计呢?这源于一个西方童话故事,故事中两个孩子用面包屑组成一条回家的路。在数字世界中,面包屑为您的站点用户提供了追溯到原始着陆点的功能。因此,在门外汉看来,“面包屑”是辅助导航,帮助您的用户通过您的网站/应用程序。
对于一些企业网站来说,其实并不需要面包屑设计,访客能够一眼即知,自己处于网站的何种位置。但是对于大型网站而言,如购物网站、门户网站,访客需要知道自己处于网站的哪个位置,这就需要面包屑设计。
 

image.png



面包屑设计的目的

面包屑是一个有效的视觉辅助,因为它表明了用户的位置在网站的层次结构。因此,这使得用户很容易理解他们所在的位置以及他们可以导航的其他位置。
除了用户的观点,面包屑也非常有用的搜索引擎优化,因为它很容易导航通过你的网站,你的弹跳率大幅下降。
此外,您还希望最小化用户的操作数量,并为他们提供无缝体验。一项研究显示,使用面包屑导航的用户完成网站任务的速度要比不使用面包屑导航的用户快得多。

面包屑设计三要素

在我们深入研究面包屑的设计方面之前,面包屑设计一般包括如下三个要素。
1. 路径:
顾名思义,基于路径的面包屑显示用户到达当前页面的路径。这种类型的面包屑提供了类似于前进和后退按钮的功能,因此它是最少使用的。
2. 地点:
基于位置的面包屑指示当前页面在网站层次结构中的位置。
3.属性:
基于属性的面包屑根据网站的属性或类别来指导用户。这种类型的面包屑更常用于电子商务网站。

面包屑设计原则

不是主导航。 面包屑不是主要的导航;它是一个次要的功能,只是为了支持用户的导航。你的主页不需要面包屑。
不要突出设计。 因此,它们不应该被设计成一种吸引任何注意力的方式。简单来说,它们不应该是你设计的中心。过于引人注目的设计可能会分散访问者对主要导航的注意力。
风格与页面匹配。元素的样式和大小调整应该使其与页面的其余部分完全结合在一起。它应该是你的用户在访问你的网站时注意到的第一件事。不要让你的设计太突兀,也不要设计得让人很难找到。
位置很关键。你的主导航应该在页面的顶部,因为面包屑是次要导航,它应该在你的主导航之下,但在页面内容之上。
相似性。 因为在你的网站的每个页面上都有面包屑,所以要确保它们以相同的方式放置,并占据相似的空间。
使用通用符号。一般的面包屑都是使用大于号,不要使用怪异或者不常见的符号。
避免在移动网站使用。 如果你觉得你的移动网站需要导航栏来导航用户,那么你的检查表上的第一件事应该是重新检查和分析你的设计。当涉及到移动站点时,面包屑甚至不应该出现在议程上。

厦门会心信息科技有限公司

       厦门会心信息科技有限公司, 国家高新技术企业,股权代码: 860896 ,自主研发共计 68 项软件著作权, 成立于 2010 年,14年来一直主营小程序开发、APP 开发、微信开发、软件开发、网站建设、商城开发、400 电话、抖音等短视频营销、品牌推广等服务,我们凭借优秀的团队及强大的技术力量,为中小企业提供全面的一站式软件应用及服务,我们一直致力于成为中国领先的移动互联网应用及运营服务提供商。
       会心科技秉持着“言必信,行必果”的服务宗旨,在客户有口皆碑。公司的经营理念是“成功源于共享,合作成就未来”。
       会心科技通过自主研发不仅拥有国家认证的68项软件著作权,并获得了厦门市科学技术局2016年以至2018年研发经费补助津贴,以及在2017年4月,在两岸股权交易中心成功挂牌。2017年10月,获得国家级高新技术企业认定和厦门市市级高新企业认定。2018年10月,获得职业健康安全管理体系认证证书。2019年1月,获得《质量·服务·诚信AAA企业》证书,2019年10月,在闽西南科技板成功挂牌。2020年至2023年连续获得连续获得科技型中小企业认定。

14周年庆钜惠活动,免费获取报价方案请致电400-0592-888或提交留言,我们马上为您服务!

我们的客户
他们都是我们的服务客户,赶快加入吧,不要再犹豫了!
为什么选择我们
WHY DID YOU CHOOSE US?
  • 陈** 153****3562提交成功 1小时前
  • 赵** 134****8672提交成功 1小时前
  • 汪** 180****5522提交成功 1小时前
  • 宋** 188****8153提交成功 2小时前
  • 齐** 159****9983提交成功 2小时前
  • 周** 138****7756提交成功 2小时前
  • 孙** 136****5982提交成功 3小时前
  • 池** 135****6522提交成功 3小时前
  • 包** 133****5922提交成功 2小时前
  • 王** 188****3354提交成功 2小时前
  • 项** 187****3614提交成功 2小时前
  • 丁** 150****6588提交成功 2小时前
  • 苏** 139****2265提交成功 1小时前
  • 周** 150****9984提交成功 1小时前
  • 高** 150****4952提交成功 1小时前
  • 王** 138****8466提交成功 1小时前
  • 郑** 150****5492提交成功 3小时前
  • 卞** 151****7164提交成功 3小时前
  • 钱** 180****9543提交成功 3小时前
  • 魏** 158****9962提交成功 3小时前
  • 江** 134****3586提交成功 3小时前
  • 朱** 136****5863提交成功 2小时前
  • 王** 158****6521提交成功 2小时前
  • 魏** 159****4496提交成功 2小时前
  • 马** 153****4763提交成功 2小时前
  • 王** 134****7621提交成功 2小时前
  • 赵** 180****3549提交成功 1小时前
  • 吴** 186****4852提交成功 1小时前
  • 林** 155****8643提交成功 1小时前
  • 张** 130****9462提交成功 1小时前

14周年庆钜惠活动,免费获取报价方案请致电400-0592-888或提交留言,我们马上为您服务!

13799776661
400-0592-888
厦门
厦门市思明区软件园二期望海路19号之二3层
福州
福州市仓山区金山街道浦上大道216号福州仓山万达广场C区C3号楼6层
泉州
泉州晋江市青阳泉安中路与湖光路交叉处嘉诚商厦10层
闽ICP备10202970号-1        版权所有ⓒ厦门会心信息科技有限公司     网站地图