面包屑的由来出自一个童话，两个孩子为了不在森林里迷路，于是沿途洒下了面包屑作为标记，帮助自己能够原路返回。通过这个故事我们可以看出，之以是被称为面包屑导航，正是由于它在网站中也起了相同的浸染，让用户既能看清自己在网站中所处的位置，也能快速的找到其他同类型产品。
一个小小的面包屑是最能表示网站用户体验的部分之一。电商网站的子页面数不胜数，而面包屑是指引用户的一盏明灯，由此可见面包屑导航对付用户浏览的主要性。
1.关键词统一，避免用词重复
面包屑导航的存在便是为了让用户能最直不雅观的理解自己所处的位置，因此，用词精切实其实接并且唯一，是面包屑必须遵守的原则。也便是说，每一个产品页面都有属于它的唯一导航，这样能减少用户在购物时产生的疑问。在用词方面也要只管即便避免有歧义的用词，京东的面包屑导航在这方面做的就不足好（如下图）。
一级分类和二级分类分别为“家用电器”和“生活电器”，这两个含义附近的词汇增加了用户的思考韶光。因此，近义词和平级词汇该当在面包屑中只管即便避免。
淘宝网中的面包屑就相对直不雅观。从“所有分类”到“女装”再到“羽绒服”，每一个大分类都没有重复性，让用户能在第一韶光做出反应。
2.显示层级页面的产品数量
用户利用面包屑的目的紧张有两种，一种是想要返回上级，第二种便是查看页面中展示产品的类型。在用户的实际操作中，这两种需求的主要程度不分高下，但是大多数电商网站都忽略了后者。实在，这方面的改进并不困难，只要在层级页面的分类中展现出商品的数量，用户就能很清晰的看到所需商品的种类数量，便于用户挑选。
优购时尚商城的面包屑导航就把稳到了这方面的小细节。系统会根据用户对条件的筛选自动抓取商品种类的数量，让用户根据商品的实际情形进行选择。
3.分类少也能利用面包屑
传统意义上都建议当网站的层级分类很多的时候可以利用面包屑，如果网站分类较少就可以省去这个部分。但AnyForWeb认为，面包屑还能有助于用户明确产品定位。当用户对产品没有目标性时，定位式面包屑就能让用户拥有更加顺畅的购物体验。
聚美优品的商品分类实在并不算少，但他们仍旧选择利用定位式的面包屑设计。设计师将产品大分类和用户随意马虎变动的部分做了一些小间隔，便于用户对条件进行修正。
4.利用具有指向性的符号
面包屑的从用户体验上来说是一个“主要的小角色”，既要让用户看得清楚，又不能太能干，因此，在色彩上紧张以黑、灰为主，形状上可以采取单独连接符号，多考虑关键字之间的包含关系，并且具有指示性。
亚马逊网站的面包屑在符号上用户体验很不令人满意，“：”既不能明确的显示出字词之间的概括性，指示性也远不如箭头那么直接。
而魅力惠的面包屑符号就知足了所有的标准，符号颜色和字词相同，大小也很适中，让用户在有须要的时候能立时找到它，但又绝不刺目耀眼。
5.降落滋扰
面包屑导航的设计该当始终遵照这样一个履历法则：它不应该捉住用户的把稳力。一个称职的面包屑一定不能起到主宰页面的浸染，低调的扮演着帮忙主导航的角色，让用户在购物时完备不受到它的滋扰。
银泰的面包屑设计不像大多数网站选择全透明背景，而是利用了与周围背景色很附近的灰色。这种做法很随意马虎让面包屑就此融入全局中，不产生用户利用时的任何困扰。
6.避免重复主导航的形式
现在的电商网站都很热衷于在小细节上做文章，他们的出发点是希望在细节中表示出优秀的用户体验，就比如在原来大略的面包屑中添加下拉菜单。网站方认为这样做能让用户在更短的韶光内找到自己须要的商品，但实在意义并不大。
以一号店为例，电子商务网站的主导航基本都有下拉扩展分类的功能，以是，面包屑导航如果也采取相同的形式就会变得很重复，而在实际功能上实在差异也不大。
京东的网站就避免了这一点，主导航是常规的下拉菜单形式，面包屑的设计也比较大略明了，没有过多的功能。
7.只管即便精简层级
精简面包屑导航层级缘故原由不仅仅为了提升用户体验，也为了利于搜索引擎的抓取。只管即便把面包屑掌握在4个层级以内，对用户视觉和SEO都有很大的好处。
唯品会的面包屑就显得过于疲塌繁琐了。虽然从分类上来说比较风雅，分门别类十分清晰，但是“傻瓜式”的面包屑更适宜实际利用。
苏宁易购的面包屑与唯品会的风格就完备不一样，苏宁易购的面包屑默认掌握在4层以内，其他的多元化选项在其余一个区域中存在，降落了用户在利用时的受滋扰程度。
8.在面包屑中利用关键字
面包屑对付网站的SEO有着很大的影响浸染，因此把握关键字的设置大概能为网站带来更多的流量。
正如天猫的案例所示，在面包屑导航的第四层级中，用户可以根据自己的机遇需求筛选关键字，让呈现出的产品更加准确。
总结：
AnyForWeb认为，面包屑是每个电子商务网站的一个必备模块，用户体验是否过关在这里可以有很好的表示。所有的网站元素可能都讲究创新改变，但是面包屑却始终如一，用最大略的办法来知足用户的浏览需求。
