网站中的面包屑导航(Breadcrumb Navigation)是一种辅助和补充的导航方式,可以帮助用户了解当前在网站中的位置,快速返回到之前的路径。
面包屑的起源来自一个童话故事。为了不在森林里迷路,两个孩子沿路撒面包屑,帮助他们原路返回。从这个故事中,我们可以看出,它之所以被称为面包屑导航,正是因为它在网站中也起到了同样的作用,让用户不仅可以看到自己在网站中的位置,还可以快速找到其他同类产品。
面包屑导航是最能体现网站用户体验的部分之一。电子商务网站中有无数的子页面,面包屑是引导用户的灯塔,可见面包屑导航对于用户浏览的重要性。
第一,关键词统一,避免重复用词
面包屑导航的存在是为了让用户最直观的知道自己在哪里。所以面包屑必须遵守的原则就是文字简洁、直接、独特。也就是说,每个产品页面都有自己独特的导航,可以减少用户在购物时的疑惑,尽量避免出现模棱两可的文字。
比如淘宝上的面包屑就比较直观。从“所有品类”到“女装”到“羽绒服”,每一大类都没有可重复性,让用户第一时间做出反应。
第二,显示层级页面上的产品数量
用户使用面包屑主要有两个目的,一是返回上级,二是查看页面显示的产品类型。在用户的实际操作中,这两个要求的重要性是相等的,但大多数电子商务网站忽略了后者。其实改善这方面并不难。只要在分级页面的分类中显示产品数量,用户就可以清楚地看到自己需要的产品类型和数量,方便用户选择。
第三,面包屑可以用于较少的分类
传统上建议网站分级分类多的时候可以使用面包屑,网站分类少的可以省略这部分。然而,作者认为面包屑也可以帮助用户定义产品定位。当用户对产品没有目标时,定位面包屑可以让用户有更流畅的购物体验。
第四,可以使用具有指向性的符号
面包屑在用户体验方面是一个“重要的小角色”,需要用户看得清楚,不要太显眼。所以颜色以黑色和灰色为主,形状可以采用单独的连接符号,更多考虑关键词之间的包含关系,具有指示性。
第五,减少干扰
面包屑导航的设计应该始终遵循经验法则:不要引起用户的注意。一个称职的面包屑一定不能主导页面,而要在辅助主导航上起到低调的作用,让用户在购物时不会被它打扰。
第六,避免重复主导航的形式
如今,电子商务网站热衷于对小细节大惊小怪。他们的出发点是在细节上展示优秀的用户体验,比如在原来简单的面包屑上添加下拉菜单。网站认为这样做可以让用户在更短的时间内找到自己需要的商品,但是没有意义。
七、尽量精简级别
简化面包屑导航层次结构的原因不仅是为了提高用户体验,也是为了方便搜索引擎。尽量把面包屑控制在4级以内,对用户的视觉和SEO都有很大的好处。
八.在面包屑中使用关键词
面包屑对网站SEO的影响很大,把握好关键词的设置可能会给网站带来更多的流量。
总结:
东浩联创小编认为,面包屑导航是每个电子商务网站必不可少的模块,用户体验是否过关在这里可以得到很好的体现。所有网站元素可能都注重创新和变化,但面包屑导航始终如一,以最简单的方式满足了用户的浏览需求。
领取专属 10元无门槛券
私享最新 技术干货