图1353-1：面包屑导航

导航在网页设计中有着举足轻重的地位，在众多导航设计当中，面包屑导航是最常用的一种。无论是手机还是PC端，面包屑导航的作用是方便用户寻找路径，让用户了解当前页面在整个网站结构的所处位置。

1. 不要用面包屑代替网站导航

当网站的子页面分类较多时，通常都会选择面包屑导航作为页面的辅助和补充。但并不是所有页面都适合使用，尤其是不能代替网站导航，否则会造成对用户的误导。

2. 面包屑不能作为历史记录

如果用户从首页层层进入页面，面包屑导航的设计与历史记录没有区别，但如果用户从外部链接进入，显然面包屑就不能成为历史记录，这无论从优化上和设计上都是不合理的。为了给用户提供真正有用的信息，面包屑应该用来展示系统层级，而不是历史记录。

3. 网站有两个父层级，面包屑应展示一个

有的网站可能会有两个统计首页，这种情况只能选择其中一个作为面包屑的首项，同时列出容易给用户造成混淆。

4. 当前页一定是面包屑最后一项

不要觉得在面包屑上再写一篇当前页标题，就是重复了信息。面包屑最后一项如果不是当前页，会让用户产生困惑;相反，再写一篇当前页标题，对页面的SEO优化效果有好处。

5. 面包屑最后一项不需要链接

面包屑每一项都需要放链接，方便用户找回之前的路径，但除了最后一项。如果最后一项指向当前页的链接不但没有必要，还会让用户怀疑到底最后一项是不是当前页。

6. 面包屑层级应该是网站的页面层级

面包屑的层级应该是网站的页面层级，而不是分类层级，也不应该包括无内容的导航页。逻辑上的父级，除非有真实的页面存在，否则最好不要放在面包屑里，像网站地图这种可有可无的层级就不要加了。

7. 面包屑导航适合层级较多的网站

如果网站层级不多或没有分支，面包屑导航的作用其实并不大，相反还会影响网站简洁美观性。

8. 面包屑的第一项应该链接首页

面包屑的首项不是链接首页，可能会让用户产生疑问，这个面包屑导航是不可信，还是这个网站没有首页。

1. 不要把面包屑分行

即使面包屑有点长，分行也绝对不是个好主意，还不如想办法缩短一点，把没有层级删除。

2. 面包屑不要用太小的文字

缩小文字的确能让面包屑展示更长的信息，但如果用户点击不到或者看不清，面包屑的意义就不存在了。或许有人会说，放大页面就可以方便点击，但这体验对用户来说并不是很好，甚至有点糟糕。

3. 可以只保留上级面包屑

考虑到手机用户的使用习惯和使用需求，其实面包屑导航也不一定要将所有路径全部展示，只保留上级面包屑，其实也是不错的用户体验。

总体来说，面包屑的作用就是帮助用户在网站中快速找到想到达的路径，因此在PC端中要确保面包屑的每一项都能点击，并查看同层级的其他内容，这样即使用户从外部链接进入场景，也可以轻易找到想要的内容。在手机端中，面包屑未必能完全展示，这就可以根据用户使用方式缩短其长度。

转载请注明： 网创网 www.netcyw.cn/b1353.html