在网站设计中使用面包屑导航的概念对于许多设计师来说都是陌生的。他们中仍有相当多的人仍然不相信面包屑导航是设计的组成部分。他们把它当作附属物，唯一的目的就是以某种方式填补设计中的空白。但是，如果使用得当，面包屑导航可以通过多种方式提高用户体验和网站的可访问性。 面包屑导航可作为视觉指南，向受众告知其在网站上的确切位置，以使他们在浏览时不会感到迷路。它增强了他们的信心，也为他们提供了一种浏览网站的替代方法。 面包屑导航广泛用于内容繁重的网站或具有分层内容结构的网站。

　　在基于电子商务的网站中，面包屑导航可用于使人们更容易地有效定位产品。大多数人没有他们想要的产品的确切名称。而是他们使用面包屑导航来找到满足其确切要求的产品。 但是，面包屑导航并不需要始终具有相同的无聊结构。它可以是以下三种类型： 基于位置的面包屑 基于位置的面包屑导航在Web设计师中非常流行，因为它直接影响访问者的浏览体验。这使得访问者可以很清楚地知道访问者在网站上的位置或页面在网站层次结构中的位置。基于位置的面包屑导航用于内容级别超过2的网站。

　　这种面包屑类型的目的是帮助导航。 基于路径的面包屑 这是另一种常见的导航导航类型，指示用户访问当前页面必须执行的步骤。这种面包屑导航通常在访问者需要填写跨越两个或更多页面的表单的网站上看到。在这种面包屑式导航类型中，访问者将可以看到他们之前访问过的页面的链接，这可以确保他们朝着正确的方向前进。但是，事实是，基于路径的面包屑并不像“前进”和“后退”按钮那样受欢迎。 基于属性的面包屑导航 基于属性的面包屑并非始终都遵循单个路径。它仅用于描述特定页面的属性。这种面包屑式导航广泛用于电子商务网站，在该网站上可以通过不同的路径访问单个产品页面（也称为分面导航）。

　　例如，可以通过三种或四种方式访问​​电子商务网站上冒险书籍的登录页面，因此，您根本无法信任静态面包屑导航，而是需要选择基于归因的面包屑导航。 面包屑导航的好处
＃1方便导航 面包屑导航使用户可以轻松导航网站。有些人甚至将其视为第二层导航系统。通过单击它，访问者可以从一页移动到另一页，而无需他们一次又一次地使用“前进”和“后退”按钮。
＃2更好的用户体验 面包屑导航以积极的方式增加了整体用户的体验。您不必花费数小时来微调主导航，也不必对网站的主导航做一些根本性的事情，以使访问者可以轻松访问所有页面，因为有了面包屑式导航即可处理这个问题。
＃3增加平均在网站上花费的时间 由于面包屑包含指向同一层次结构中其他页面的链接，因此访问者很可能会发现它们很有趣，值得签出。这将大大增加用户在网站上花费的时间。正如一些专家所相信的那样，Google和其他搜索引擎正在使用跳出率，平均在页面上花费的时间等数据来确定网站的质量，这意味着面包屑可以帮助您以一种或另一种方式在网上获得更好的可见性。
＃4减少无用的页面浏览量 浏览量越多越好，对吗？好吧，你不能再错了。我们需要更加关注平均在页面上花费的时间，而不是无用的页面浏览量。现在，如果我们没有面包屑导航，人们将不得不从一个区域跳到另一个区域，而无需他们浏览中间的某些页面。这将减少有时会干扰分析数据的无用页面视图的数量。
＃5低跳出率 当人们找不到他们一直在寻找的产品时，他们会感到恼火。如果网站导航无法帮助人们找到信息，则可能导致访问者从网站反弹回来。解决跳出率低的问题的有效方法之一是合并面包屑导航的想法。
＃6反映了网站的层次结构 有时，人们无法识别页面在网站层次结构中的位置。大多数网站的主要导航都没有提供有关页面位置的任何提示，这就是我们应该使用面包屑导航的原因。
＃7有趣的视觉 面包屑导航不仅使人们更容易轻松地浏览网站，而且在美学方面也做出了巨大贡献。

它不占用设计的大量空间，如果可以明智地使用它，则可以使界面看起来更加优雅和优美。 使用面包屑的缺点 好吧，每件好事都有阴暗面，面包屑导航也不例外。它也有自己的缺点。
＃1令人困惑的 某些网站根本不需要另一层导航。是的，有些网站的导航是如此出色，以至于不需要面包屑导航。例如，一个简单的博客不需要面包屑，因为它的大多数文章都可以通过主导航或搜索框进行访问。
＃2 笨拙当您在平板电脑，智能手机等较小型设备上访问站点时，面包屑导航通常看起来很笨拙。这会增加视觉上的混乱和笨拙，尤其是在触摸电话设备上。
＃3需要定期更新 如果基于Web应用程序的网站包含面包屑式导航，可能会遇到麻烦。由于这些类型的网站总是会更改其层次结构，因此面包屑可能会导致链接断开或导航不一致。

使用面包屑导航之前我们需要考虑的因素

＃1太大太大 了面包屑导航的目的是方便导航，因此，它不应主导设计。因此，您不应使其看起来太大，否则可能使页面的其他设计元素黯然失色。不要同时突出它。有些网站甚至使用灰色来使面包屑看起来不太突出，以免干扰界面的其他元素。
＃2一致性 面包屑导航的设计和结构应在整个站点范围内保持一致，理想情况下，面包屑导航也应与网站的现有设计和主题保持一致。面包屑的不一致使用只会使访客感到困惑。
＃3不要看起来 花哨的字体不应使用花哨的字体，鲜艳的颜色或怪异的分隔符，因为它们会超出使用面包屑导航的目的。不要将其作为设计的重点；只需确保很容易找到就可以了。无需过度设计。
＃4使用分隔符 不同的面包屑级别之间应该有足够的间隙，否则人们可能会发现很难通过它导航。大多数设计师使用分隔符，例如Arrow，正斜杠，大于字符等，他们通过帮助人们识别不同的面包屑级别而又不费力地斜视，而做得很好。 ＃5不要将当前页面包含在导航中 由于页面上已经有人，因此将当前页面的链接添加到面包屑导航没有任何意义。这样做弊大于利，因为它会使读者感到困惑。 因此，在尝试为网站设计面包屑导航时，需要考虑这些因素。