面包屑导航的概念来自童话故事《汉赛尔》和《格蕾特》。当汉赛尔和格雷特穿过森林时,他们意外地迷路了,但是他们发现路上散落着面包屑,以帮助他们找到回家的路。因此,面包屑导航的功能是让访问者了解当前所处位置以及提供返回各个层级的快速入口。以下是一些关于在网页导航设计如何运用面包屑导航的提示:
第一、控制网站的级别
面包屑导航可以很好的满足用户体验,也有利于网站的SEO优化效果。因此,在网站导航的设计中,不仅要考虑用户体验,还要考虑搜索引擎的爬行。建议将面包屑导航控制在4个级别内,因为级别太多可能会导致网站上的面包屑被拖拽和繁琐。
第二、实现精细化
面包屑导航的功能是提示用户。既然是提示,提示信息越详细越好。在网购电商平台的导航中,用户可以清楚地看到网站层级页面的分类和相应的产品品牌信息,以及公司品牌所属的详细产品品牌。用户可以清晰明了的作出选择。
第三、避免使用移动侧的碎屑。
如果您认为您的移动页面需要跟踪导航,这意味着移动页面的设计存在问题,可能是因为网站太复杂,与移动使用场景不一致。为了解决这个问题,你需要尝试简化整个系统,以确保面包屑不会出现在你的手机上。
第四、适合面包屑导航需要具备的条件
1、层级较深的网站,面包屑导航适合层级较深的网站,如果只有一级分类的话,通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航。
2、独立不交叉的网站结构,由于面包屑网站导航路径是线性结构的,因此网站内容必须划分的非常清晰,且不存在交叉;否则,面包屑导航的路径就不是唯一的,同一分类可能出现在不同的路径中,让用户感到困惑。
第五、不要把最后一项链接在自己身上。