面包屑是我们熟悉的一种导航工具。 它们通常出现在页面内容的顶部，以告诉您您的位置。 它小巧，方便，通用且简单。 但是，即使这样的UI控件在设计上也很精致。 今天就来聊聊面包屑吧〜
至
作为辅助导航系统，面包屑可以帮助用户清楚地定位其网站。 该术语起源于童话故事中的孩子，他们跟随面包屑回到家中，网页中的面包屑也是帮助用户找到自己的位置的UI控件。
至
面包屑通过路径显示来通知用户他们在哪里，今天的文章将讨论如何设计可用的网页面包屑，并通过最佳实践演示面包屑的正确用法。
至
面包屑导航提供可用性
至
作为可视指南，面包屑为用户揭示了网页的层次结构。 因此，面包屑已成为用户了解网站背景信息的重要方式，可帮助用户了解以下问题的答案：
至
·我在哪里？ 根据整个网站的层次结构，面包屑可以让用户知道他们在哪里。 ·我还能去哪里？ 面包屑改善了整个网站的可搜索性。 面包屑的存在揭示了整个网站的结构，用户了解了网站的其他部分。 ·您应该浏览更多吗？ 面包屑显示该网站上有更多值得探索的内容，鼓励用户浏览更多内容。 反过来，面包屑的存在会降低网站的跳出率。
至
减少操作次数
至
从可用性的角度来看，面包屑减少了用户跳转到更高级别页面的操作数量，从而避免了用户使用浏览器的后退按钮并通过浏览导航来查找更高级别页面的复杂交互。
至
占地面积小
至
面包屑是一种在页面上占据很小空间的设计元素，基本上以带有链接的文本形式存在，并且通常只有一行。
至
面包屑不会打扰用户
至
这种小的设计元素占用的空间不大，但为用户带来了更多的便利由于可能的问题和困扰。
至
何时使用面包屑？
至
是否要在网站中使用面包屑取决于网站的结构。 查看您的站点地图或整体结构图，并分析使用面包屑是否可以提高用户浏览站点中不同类别和目录的便利性：
至
如果您的网站具有清晰分类和组织的多级线性结构，则应使用面包屑。 例如，对于具有多种产品的电子商务网站，面包屑非常有用。 ·当网站的逻辑层次结构不清晰时，请勿使用面包屑。
至
可能您还想看