面包屑导航可帮助您的用户在您的网站上移动而不会迷路。您在浏览其内容时是否注意到网站顶部的那些离散链接路径？更重要的是：你曾经用过它们来导航吗？你可能在没有意识到的情况下完成了两件事，而且没有任何问题。毕竟，良好用户体验的目的是摆脱用户的方式。
然而，面包屑导航的功能不止于此：它是您网站上用户的组合生命线和路线图。正确完成后，它为用户完成了几个理想的UX功能：
他们不会迷路，因为他们可以看到他们与网站上其他页面的关系。
他们可以返回网站上的旧页面，点击次数减少。
他们对前进的犹豫不足，因为他们回来的路很清楚。
它们提供了对网站整体结构和组织的深入了解。
那么，考虑到这一点，面包屑导航实际上如何工作？好吧，它有几种不同的形式，但只要你遵循既定的惯例，在你的网站上正确执行它并不是那么棘手。这是故障。
路径面包屑：留下历史记录。
可能是第一种要使用的面包屑，它们遵循您通过网站的路径，以便您可以看到您点击的页面，最终到达您现在的位置。但是，它们存在一些问题（我们将在稍后详细介绍）。
路径面包屑最大的问题是，因为它们只是告诉您去哪里，所以当您浏览网站时，它们不会为您提供任何其他信息。虽然如果你有一个特别缠绕的网站结构它们可能会有所帮助，但实际情况是，在这种情况下，你可能最好不要重新考虑你的层次结构而不是使用路径面包屑。
位置面包屑：指示层次结构。
说到层次结构，这就是位置面包屑的作用。这种结构的一个好处是，无论您的用户在何处进入网站，他们都可以确切地看到他们的入口页面与网站其他部分的关系。
家具公司网站面包屑导航显示进展首页>家具>家庭办公家具>书桌
来自在线家具供应商家具公司的这个例子是位置面包屑的一个很好的例子。在图标和主导航下，您可以看到显示网站内容排序的面包屑。如果在仔细阅读办公桌后，我想跳回“家具”，我可以完全绕过“家庭办公家具”。
属性面包屑：过滤产品。
属性面包屑在电子商务网站上特别受欢迎，作为缩小或改进产品的一种方式，特别是如果与大量库存相结合。
亚马逊面包屑导航显示家居及厨房的进展>家具>家庭办公家具>家庭办公室书桌>樱桃或浓缩咖啡> L形
来自亚马逊的这个例子实际上混合了位置和属性面包屑。从“Home＆Kitchen”到“Home Office Desk”的所有内容都是位置面包屑，但“Cherry或Espresso”和“L-Shape”是指定的属性。
导航面包屑最佳实践。
在这篇文章中，我曾经多次使用过“做得好”的警告，但这究竟意味着什么？面包屑导航的一些最佳实践包括：
使用箭头（>或?是流行的选择）来指示方向。是的，上面的例子都没有使用这些，这就是他们的问题。冒号，分号和反斜杠是常见的选择，但它们不像箭头那样在视觉上表示层次结构。
保持您的面包屑导航离散，并将其隐藏在您网站的主导航下。Apple的网站将他们的面包屑导航掩埋在他们网站的页脚中，正是用户无法看到它的地方。我没有看到这一点。说真的，Apple，我爱你，但请解决这个问题。
不要使当前页面可链接，但要链接以前的痕迹页面。否则，有什么意义呢？
避免重复，并在用户探索时简化标题。痕迹导航栏中的最后一项应保留其完整标题，但如果之前的项目长度为几个字，请尝试缩短它们。
请在移动设备上使用它，但提供一个简化版本，也许仅仅是最后一两页。否则，可能会占用整个屏幕。
面包屑导航是否具有可用性错误？
到目前为止，您可能确信面包屑导航是有史以来最好的可用性功能，您应该随处使用它。但是，有一些情况下面包屑可能不太有用，并且认识到何时以及如何正确使用它们是必不可少的。
1.你有一个只有一两层导航的小网站。
面包屑可以防止用户迷路。如果您的网站不够大，用户不会迷路，那么您就可以了 - 不需要面包屑。
您的网站需要多大才能要求进行面包屑导航？一旦你通过第二层导航，面包屑变得越来越有用。换句话说，没有人需要“主页>第1页”的面包屑。但是一旦你点击“主页>第1页>第2页”，那么他们就开始有目的了。
你有很多不相关的内容。
博客就是一个很好的例子。虽然许多博客的内容类别和结构可能会受到面包屑导航的影响，但更常见的是，它们是广泛的，庞大的内容，其中包含大量内容，只有在必须将其强制放入不真正属于的框中时才能对其进行分类。 。
您可以通过创建一个带有用于按主题索引博客的标签的类别系统来代替面包屑。您可能会认为这将创建一个面包屑系统（主页>类别>标签>博客标题），直到您记住每个博客通常有两个或三个与之关联的类别，可能还有六个标签。
3.您正在尝试更换主导航。
这是一个非常糟糕的主意。例如，如果没有导航菜单，您的用户就无法轻松地从网站的某个部分移动到另一个部分。他们只能追踪他们在追随不同路线之前回到家中的路径。如果他们想直接从他们现在的页面跳到更深层次的页面，他们就不能。
另一方面，如果有人在您网站的更深层次上输入了您的网页，例如博客帖子或目标网页，该怎么办？除了主页和他们所在的页面外，他们的面包屑路径并没有显示任何内容。这是无用的，因为它令人困惑。
良好的用户体验始于组织。
其中的主要目标UX是帮助用户感到舒适，并为他们探索您的网站放心。组织是提供这种体验的关键。正确完成后，面包屑导航与UX一起工作，以创建用户探索内容的方式和顺序。它使您的网站更易于搜索，并且可以找到更重要的信息。
简而言之，不要让你的用户迷失在树林里。使用面包屑帮助他们找回自己的方式。
本文地址：
http://www.njanyou.cn/web/2501.html
Tag：
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
南京小程序开发公司教你实现微信小程序星级评价效果
下一篇：
什么是推荐的2019年页面加载时间？
