电子商务网站设计分析之面包屑导航

AnyForWeb正式推出电子商务网站设计分析的系列文章，每月更新，本次主题为电商网站的面包屑导航设计，欢迎关注！

网站中的面包屑导航(Breadcrumb Navigation)导航是一种作为辅助和补充的导航方式，它能帮助用户明确当下所在的网站内位置，并快捷返回之前的路径。

面包屑的由来出自一个童话，两个孩子为了不在森林里迷路，于是沿途洒下了面包屑作为标记，帮助自己能够原路返回。通过这个故事我们可以看出，之所以被称为面包屑导航，正是因为它在网站中也起了相同的作用，让用户既能看清自己在网站中所处的位置，也能快速的找到其他同类型产品。

一个小小的面包屑是最能体现网站用户体验的部分之一。电商网站的子页面数不胜数，而面包屑是指引用户的一盏明灯，由此可见面包屑导航对于用户浏览的重要性。

1.关键词统一，避免用词重复

面包屑导航的存在就是为了让用户能最直观的了解自己所处的位置，因此，用词精简直接并且唯一，是面包屑必须遵守的原则。也就是说，每一个产品页面都有属于它的唯一导航，这样能减少用户在购物时产生的疑问。在用词方面也要尽量避免有歧义的用词，京东的面包屑导航在这方面做的就不够好（如下图）。

一级分类和二级分类分别为“家用电器”和“生活电器”，这两个含义相近的词汇增加了用户的思考时间。因此，近义词和平级词汇应该在面包屑中尽量避免。

淘宝网中的面包屑就相对直观。从“所有分类”到“女装”再到“羽绒服”，每一个大分类都没有重复性，让用户能在第一时间做出反应。

2.显示层级页面的产品数量

用户使用面包屑的目的主要有两种，一种是想要返回上级，第二种就是查看页面中展示产品的类型。在用户的实际操作中，这两种需求的重要程度不分上下，但是大多数电商网站都忽略了后者。其实，这方面的改善并不困难，只要在层级页面的分类中展现出商品的数量，用户就能很清晰的看到所需商品的种类数量，便于用户挑选。

优购时尚商城的面包屑导航就注意到了这方面的小细节。系统会根据用户对条件的筛选自动抓取商品种类的数量，让用户根据商品的实际情况进行选择。

3.分类少也能使用面包屑