电子商务网站设计分析 电子商务网站导航

网站中的面包屑导航(Breadcrumb Navigation)导航是一种作为辅助和补充的导航方式 , 它能帮助用户明确当下所在的网站内位置 , 并快捷返回之前的路径 。
面包屑的由来出自一个童话 , 两个孩子为了不在森林里迷路 , 于是沿途洒下了面包屑作为标记 , 帮助自己能够原路返回 。通过这个故事我们可以看出 , 之所以被称为面包屑导航 , 正是因为它在网站中也起了相同的作用 , 让用户既能看清自己在网站中所处的位置 , 也能快速的找到其他同类型产品 。
一个小小的面包屑是最能体现网站用户体验的部分之一 。电商网站的子页面数不胜数 , 而面包屑是指引用户的一盏明灯 , 由此可见面包屑导航对于用户浏览的重要性 。
1.关键词统一 , 避免用词重复
面包屑导航的存在就是为了让用户能最直观的了解自己所处的位置 , 因此 , 用词精简直接并且唯一 , 是面包屑必须遵守的原则 。也就是说 , 每一个产品页面都有属于它的唯一导航 , 这样能减少用户在购物时产生的疑问 。在用词方面也要尽量避免有歧义的用词 , 京东的面包屑导航在这方面做的就不够好(如下图) 。
一级分类和二级分类分别为“家用电器”和“生活电器” , 这两个含义相近的词汇增加了用户的思考时间 。因此 , 近义词和平级词汇应该在面包屑中尽量避免 。
淘宝网中的面包屑就相对直观 。从“所有分类”到“女装”再到“羽绒服” , 每一个大分类都没有重复性 , 让用户能在第一时间做出反应 。
2.显示层级页面的产品数量
用户使用面包屑的目的主要有两种 , 一种是想要返回上级 , 第二种就是查看页面中展示产品的类型 。在用户的实际操作中 , 这两种需求的重要程度不分上下 , 但是大多数电商网站都忽略了后者 。其实 , 这方面的改善并不困难 , 只要在层级页面的分类中展现出商品的数量 , 用户就能很清晰的看到所需商品的种类数量 , 便于用户挑选 。

电子商务网站设计分析 电子商务网站导航

文章插图
电子商务网站设计分析 电子商务网站导航

文章插图
电子商务网站设计分析 电子商务网站导航

文章插图
电子商务网站设计分析 电子商务网站导航

文章插图
电子商务网站设计分析 电子商务网站导航

文章插图
电子商务网站设计分析 电子商务网站导航

文章插图


苏宁易购的面包屑与唯品会的风格就完全不一样 , 苏宁易购的面包屑默认控制在4层以内 , 其他的多元化选项在另外一个区域中存在 , 降低了用户在使用时的受干扰程度 。
8.在面包屑中使用关键字
面包屑对于网站的SEO有着很大的影响作用 , 因此把握关键字的设置也许能为网站带来更多的流量 。
正如天猫的案例所示 , 在面包屑导航的第四层级中 , 用户可以根据自己的时机需求筛选关键字 , 让呈现出的产品更加准确 。
总结:
AnyForWeb认为 , 面包屑是每个电子商务网站的一个必备模块 , 用户体验是否过关在这里可以有很好的体现 。所有的网站元素可能都讲究创新改变 , 但是面包屑却始终如一 , 用最简单的方式来满足用户的浏览需求 。
【电子商务网站设计分析 电子商务网站导航】

    推荐阅读