深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

从头带你认识面包屑导航的前世今生

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
面包屑导航,一个曾经风靡武林,不经意间已默默无闻的古老控件。很多交互设计师在刚听闻它大名的时候,它就隐退江湖了。不过,在某些类型的网站上,它还是必不可少的导航方式。今天美团网的交互设计师@德川亮 特意重新梳理资料,从头开始带你认识面包屑导航的前世今生。什么是面包屑导航网页上让用户感知当前页面所在的层级位置,或者是产品的属性之间的关系的控件。面包屑的一般样式是用链接文字加上>,横向排布 ,也有一些其他的样式。这里用到了感知,就是说面包屑导航不会是页面中最显眼的地方,它只是一定程度上帮助用户理解网站的结构和属性的从属关系。面包屑的分类

1. 用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和包含关系的,只要这几个页面本身存在线性跳转关系。

2. 用于表明产品属性之间的所属关系和当前页所在的位置,这些属性是存在所属和包含关系的;

3. 用于显示用户的操作路径和历史(国外的一些文章有这么说的,但我没有找到对应的网站……)

面包屑的作用

1. 表明当前页面所处的位置,感知产品属性之间的所属关系;

2. 方便跳转到之前的页面;

3. 总体上是作为主导航的补充。

面包屑的使用不是所有网站都需要使用的:

1. 信息层级很扁平的。这也是面包屑在移动产品中被废弃了的原因之一;

2. 不存在线性的页面关系;

3. 有其他替代面包屑功能的东西 比如:进度指示条;

主要出现在页面的左上方,主导航的下方:面包屑的变种进度指示条。用于表明页面处于任务步骤中的位置,并且一般头部的区域是不可点击进行跳转的,只是用于指示作用。带有导航,筛选项(facets search)和搜索框的复合性面包屑。这种变种面包屑的优点是方便在上一个层级的页面中跳转,方便在当前的层级下进行筛选和搜索。

 

相关行业资讯

1、深圳企业网站建设|中小企业网站建设有哪些注意事项?
2、如何向搜素引擎彰显网站的亮点
3、哪些方法不合适网站优化呢
4、注意这些细节拥有最牛网站设计
5、新人写seo文章注意的那些事情
6、四点网站优化排名的技巧
7、一个出色的网站制作策划方案包含哪些内容
8、网站优化宝典--把网站当做孩子养育
9、利用微信多点循环定位进行精准营销
10、近期疯狂的淘客网站之个人分析
11、公司网站制作模块设计功能化
12、手机网站基本价格多少做了物有所值吗
13、迈进网站运营总监
14、对网站优化时需要检查网站哪些情况
15、易捷网络:如何做好企业网站品牌建设
16、深圳建站:网站搭建前要考虑什么需求
17、五个缺少决定网站存亡
18、 网站制作:该如何选好域名
19、手机营销型网站制作必须具备的因素有哪些
20、网站优化技巧让用户回头率高效提升
21、企业网站建设有什么样的需求呢
22、做网站优化就该像谈恋爱一样
23、网站建设之品牌意识塑造
24、设计网站一般是什么价格?
25、网站建设费用都有哪些不同
26、网站制作中的3个注意事项
27、怎么提高网站带给用户的第一印象减少跳出率
28、探讨企业网站制作如何才能真正出效益
29、5点心得提高论坛用户粘度
30、如何避开降权站换友链
31、网站制作的技巧都有哪些
32、网站优化降噪有哪些方法
33、手机版网站制作切记不要走入的误区
34、您的网站,该改版了吗
35、简要分析关于网络推广的一些缺点
36、旅游网站设计的原则和方法
37、门户网站做线下活动中如何更好的调动用户
38、网站优化需注意,发现问题马上改
39、网站运营之论草根站长该如何实现网站盈利
40、如何得知一个网站的开发语言
41、企业网站内链建设的几个建议
42、在seo操作中哪些操作会导致网站降权
43、互联网推广需要哪些终端
44、定制网站开发的页面布局原则是什么
45、频繁调整的百度算法让知名网站也在新增功能来提升用户体验
46、公司网站建设应该如何明确定位
47、网站如何获得用户的信任3
48、公司网站建设的基本常识
49、只需几点就可看出网站制作公司的深浅
50、如何写一份详细的网站SEO优化方案
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号