手机网站中面包屑导航是否有存在的必要？

最近正好关注了一下面包屑导航的问题，试着回答一下，先说结论：绝大多数手机网站中面包屑导航没有存在的必要。

一、需求分析

1. 面包屑导航是什么，有什么作用？

面包屑是一种“历史记录”的应用方式，作用是帮助追溯来路、告诉访问者他们目前在网站中的位置，以及如何返回。面包屑导航是一种线性的导航方式，显示方式是“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样。

面包屑导航是判断页面在整个网站结构中的位置的最好方法，它能诱惑首次访问者在进入一个页面后去浏览整个网站，降低网站的总体跳出率；增加网站的内部链接，提高用户体验。

2. 用户在什么情况下需要用面包屑导航？

网站层级较多（3层及以上），内容庞杂。主导航展示能力不足或者使用不便，无法满足指引用户的需求。

用户不熟悉网站，他们需要直观清晰地了解目前所处的位置，以及当前页面在整个网站中的位置、怎么回来，比如工信部官网有大量的新用户访问。

如图，百度和UC浏览器都在底栏放置了前进和后退按钮。

而微信的内嵌浏览器左上角有返回、关闭两个按钮；知乎的内嵌浏览器底栏有后退、前进两个按钮，同时页面左上角可以退出内嵌浏览器。

从用户体验的角度来讲，WAP站自身几乎没有必要添加面包屑导航：

绝大多数WAP站都将配合手机浏览器或APP内嵌浏览器使用，而几乎所有的浏览器都会有很方便的回溯功能。随着大数据的发展，网页的推荐已经可以做到一定程度上贴近用户，用户更倾向于通过推荐内容扩展和接续阅读行为而非回溯。

4G和Wi-Fi网络的发展已经大大提升移动网络的速度，用户的的阅读行为也随之变得更加任性而并非中规中矩地沿一条路线查看。

社交网络和分享功能的兴盛让我们越来越难以预测用户是从何处进入某个WAP页面查看的，那么接续阅读最好的方法是基于人际互动的推荐（看过这篇文章的人也看过的、你的朋友也喜欢的、分享次数也很多的内容）而非回溯上级页面。

无论如何，WAP站的主导航依然存在，iOS等系统已经可以做到轻触回到顶部主导航处，能比较快捷地满足用户导航的需求。

三、网页设计角度分析

1. 面包屑导航的设计原则与WAP站的设计原则有冲突

WAP站的页面宽度较低，在WAP站的设计规范中，对每行字数上限做了限定。现今大多数的网站一行字数上限为14个中文字符。

面包屑导航只能逐层降级，不可跳级，文字必须横排排列，且不可以省略字数和符号。一旦层级较多就很容易超限，但如果层级很少，又没必要使用面包屑。

展示在手机屏幕的WAP站首屏页面非常珍贵，寸土寸金，应该把更多空间交给引爆用户的内容而不是辅助型的导航。

面包屑导航条只能出现在页面头部和尾部，但手机浏览器的上下部分已经预留了按键：头部有回退按钮，尾部有回退按钮或手机按键，所以面包屑导航条的必要性大大降低了。

面包屑导航需要持续使用，但只对三级页面有较大的意义，相对成本高。

面包屑导航不应该过于显眼，一般都比较小，但是手机字体本来就比较小，继续变小的话，点按会变得十分困难，太大又会占用过多的地方。

2. 不适合使用面包屑的WAP站

• 新闻类、电商类网站：目前多采用分频道的方式区分二级站点和主站，减少层级，努力做到结构上的扁平化；
• 社交类网站：结构一般都比较扁平，层次也比较清晰，功能点较少不需要指引；
• 知识类、生活类网站：一般使用站点地图来体现整个站点的结构，如同PC端一样，他们更注重展示与內容，较少采用面包屑。

3. 政府网站、官方网站：适合使用面包屑导航

查看政府网站和官方网站的人一般是新用户，不够了解该网站。这些网站由于是 to B 的项目，其信息架构会受到乙方的较大干涉，会出现各不相同的状态，就更容易让用户感到困惑。

官网的内容量比较少而且稳定，并不会像媒体类、电商类网站有海量信息，也不像UGC网站有许多用户自拟的标签。WAP设计者可以对之保持较高的控制力，将层级保持在合理的范围内。

面包屑导航条利于搜索引擎优化，百度蜘蛛直接沿着导航链走就可以了，能更好地对网站内容进行抓取。而Google已经将面包屑导航整合到搜索结果里面，因此添加面包屑有利于官网的推广，对企业是有好处的。

综上所述，除官方网站、政府网站之外，其他大多数WAP站没有必要添加面包屑导航。

作者：淺野早苗

来源：https://www.zhihu.com/question/19760227/answer/58054143

本文作者 @淺野早苗

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！