首页 > 经验 > 关键词 > 面包屑导航最新资讯 > 正文

网站面包屑(breadcrumb)设计

2011-05-09 10:37 · 稿源:以用户为中心的产品设计

一、什么是面包屑

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application. The term comes from the Hansel and Gretel fairy tale in which the two title children drop breadcrumbs to form a trail back to their home. Just like in the tale, breadcrumbs in real-world applications offer users a way to trace the path back to their original landing point.

——《Breadcrumbs In Web Design: Examples And Best Practices》

[译]一个“面包屑”(或“面包线索”)是一个类型为二级导航方案[1],揭示了网站或网页应用程序中用户的所在位置。这个词来自汉赛尔与格莱特童话故事[2]中,两个孩子丢下面包屑,形成一条小径回到自己的家。就像在童话,应用面包屑在现实世界的用户提供一种方法来跟踪路径返回到原来的着陆点。

——《在网页设计面包屑:实例和最佳做法》

面包屑是作为辅助和补充的导航方式(secondary navigation scheme)[3],它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。

二、 面包屑的现状及分类

很多著名的互联网公司在建站之初就采用了面包屑导航做为网站产品线的“标准配置”,现在被越来越多的行业网站所认可及采用。

1.基于用户所在的层级位置(Location-based)

基于位置的面包屑用于告知用户在当前网站中所在的结构层级。用在具有多级导航中。

网易新闻中心的面包屑导航案例

2.基于产品的属性(Attribute-based)

这种类型的面包屑常出现在具有大量类别产品和服务的网站中,如电子商务、购物网等。

阿里巴巴示例(所展示公司仅为案例,无其他用途)

3.基于用户的足迹(Path-based)

显示用户浏览的轨迹,面包屑之间没有明显的层级关系,只是展示用户从那个级别过来的。这种面包屑在一级导航方案不明确的网站适合,其他情况不建议采用。

三、 面包屑的好处

通过上面的案例研究以及面包屑的分类,我们可以看到采用面包屑功能的好处:

1.面包屑作为用户寻找路径的一种辅助手段,能方便他们定位和导航。

2.面包屑可以减少的用户返回上一级页面的所需的操作次数。

3.临时性,动态性,占用屏幕空间小,干扰性小。

4.降低网站访问者的总体跳出率。

当用户从别处链接到网页,或者从搜索引擎查找到网页,则面包屑的存在能帮助用户快速了解当前的层级位置,并引导用户查看网站的其余部分,减少了看完直接跳走的用户数量。

  • 相关推荐
  • 大家在看
  • 将面包装进“口红”里,三只松鼠口红小面包创造社交领域新玩法

    “要面包还是爱情”是亘古不变的难题,那么二者融合又会产生什么奇妙的火花呢?近日,三只松鼠将恋爱中的必送礼物口红与口袋面包结合起来,一款自带话题的口红小面包正式上线。随着消费水平不断升级,消费者对零食的要求也越来越高,好吃又要好玩的零食成为新宠儿。好玩的零食能够很快拉近人的距离,因此成为了打开社交场景的钥匙,零食社交化逐渐成为零食演变的新趋势。三只松鼠深蕴其道,为了让消费者吃面包也能变得优雅有趣,口

  • 街电科技与面包新语开启全新合作,广东地区全门店覆盖强化区域优势

    日,街电科技与新加坡都市时尚烘焙品牌面包新语开启全新阶段的独家合作,续签广东地区全部 85 家门店,延续品质美味与贴心服务的完美组合,为广大食客驱走炎炎夏日的焦躁。街电与面包新语的再次牵手,将进一步巩固街电在广东地区的餐饮场景渗透和区域影响。完善广东美食布局,街电订单持续提升巩固区域优势餐饮作为日常生活中最高频的消费场景,最能反映城市特色和地域文化,而广东人对于美食的追求更是广博与精致并存。餐饮场景中

  • 稳定导航,不断革新—智斗士导航仪

    导航仪属于现代汽车科技的产物,用于汽车导航、定位和娱乐。但随着汽车的普及和道路的建设,人们在城际之间的经济往来也更加频繁,车载GPS导航仪显得更加重要,准确的定位、导航、娱乐功集于一身的导航更能满足车主的需求,成为每辆车子的基本装备;但是随着市场需求量的增大,市场上出现了众多的山寨汽车导航仪品牌,这就为车主选购车载GPS导航仪增加了很大的难度。智斗士也就是在这个情况下悄然孕育而生,智斗士是河南方戈贸易有限公司旗?

  • 北斗导航系统最后一颗卫星:后天发射!

    经过长达26年的艰辛建设,北斗卫星导航系统终于要大功告成了!来自中国卫星导航系统管理办公室的官方消息:按照发射技术流程,我国北斗三号全球卫星导航系统最后一颗、也就是第55颗组网卫星,

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 中国北斗导航系统完成布局 美国GPS III卫星升空:3倍精度

    随着最后一颗北斗GEO卫星的发射成功,中国谋划了20多年的北斗导航定位系统已经完成布局,今年将开始为全球提供服务。美国也没闲着,马斯克的SpaceX公司用猎鹰九号也成功发射了一颗GPS III卫星,

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 最后一颗卫星成功发射!交通部:全国超660万辆车已安装北斗导航

    6月23日9时43分,我国在西昌卫星发射中心用长征三号乙运载火箭,成功发射北斗系统第五十五颗导航卫星,暨北斗三号最后一颗全球组网卫星,至此北斗三号全球卫星导航系统星座部署比原计划提前半年

  • 百度地图新增摊位上传绿色通道 用户使用地图可直接导航至地摊前

    要说当下最火的一个热词,想必就是”地摊经济“了。各行各业都在探索”地摊经济+某某“的全新市场模式。除了有不少网友再朋友圈晒起了自己的摆摊计划,还有毕业生称,作为

  • 四维图新:子公司获准导航电子地图制作甲级测绘资质增项

    【TechWeb】6月10日消息,四维图新对外发布公告称,公司的控股子公司中交宇科(北京)空间信息技术有限公司已通过中华人民共和国自然资源部关于甲级测绘资质单位新增专业范围审查意见的公示,获准其甲级测绘资质新增“导航电子地图制作”的专业范围。公告称,中交宇科为公司旗下从事交通信息化和空间数据服务的提供商,通过高精度测绘、高精度地图、高精度定位等技术为行业用户提供应用服务。此次获准新增甲级测绘资质“导航电子?

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 满足轻奢需求 一汽-大众CC设计清新又高档

    买车,舒适度是自己的,设计是给自己同时也是给别人看的,因为,人,都是有社会属性的,当然希望别人觉得你的选择有档次,又有品位,比如大众CC。优点:大众CC的 18 寸轮毂 245 的米其林轮胎,还有前后独立空调,全新触摸按键,真的没谁了。动力也是很不错的,只要敢给油,就有推背感,虽然不像美系车那么猛,但还是有的。油耗也很动人,买了车的第二天就开车去上班了,高速上居然开出了 4 点多的油耗。回头率真的超级高,比奥迪和

  • 我乐家居拯救糟糕睡眠的卧室设计,你不准备看看?

    你的睡眠被偷走了吗?如今,睡眠质量几乎成了一个社会性问题,防噪耳塞、枕边精油、蒸汽眼罩、褪黑素…………五花八门的新奇好物只为给人们一个安稳的睡眠体验。不过,这些方法虽然有效,但却治标不治本,想要拥有优质睡眠,还是得先从自家的卧室设计入手。今天,我乐家居就教你如何轻松get一间“高质量睡眠的卧室”。1、利用好色彩搭配研究证明,不太合适的卧室色彩设计往往会影响人们的睡眠质量;反之,好的卧室色彩设计则会平静

  • 哈弗大狗内饰首次曝光:从未见过的设计

    近日,有网友曝光了一张哈弗全新SUV——哈弗大狗的实车内饰图片。新车将基于哈弗全新平台打造,并由前路虎设计总监、现长城汽车全球设计总监兼副总裁菲尔·西蒙斯操刀设计。图

  • 苹果新iMac曝光:窄边框设计

    尽管从全行业来说已非主流,但苹果一直保留着iMac一体式电脑产品线。据国外爆料人消息,苹果可能会选择在今年6月22日举办的WWDC上推出新款iMac。首先是外形方面,iMac将参考iPad Pro的设计语

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天