网站导航的指南

      你能想象一个没有导航的网站吗？一些企业主不关注此部分，也没有意识到它对任何网站都是必不可少的。它改善了用户体验，并显著补充了信息架构。这就是为什么今天我们为您提供考虑网站导航的实践，学习如何计划和改进它，找出所有可能的有价值的元素，并考虑一些大胆的导航解决方案。

为什么设计网站导航很重要

      简单来说，它可以帮助访问者找到必要的产品，页面，联系信息，价格，订阅表格，他们正在寻找的任何内容。请注意，用户应该在最多3次点击中获得他们想要的东西。否则，您将面临失去潜在客户的风险。

此外，建议不要只依赖众所周知的导航菜单，因为它只是冰山一角，可能会惊讶地发现网站包含多少导航元素。让我们检查其中最突出的，并了解它们的位置，时间和如何使用它们来提供完美的用户体验。

最受欢迎的元素

• 1、网站导航栏和菜单
• 2、面包屑导航
• 3、搜索栏
• 4、网站地图
• 5、文本链接和锚点
• 6、图标和按钮
• 7、标签
• 8、链接到主页的徽标
• 9、页脚
• 10、404页

主要网站导航类型

1、导航栏

      网站导航的最佳实践包括导航栏和菜单，它们是引导访问者浏览网站的传统方法。大多数菜单使用结构的层次结构原则：从常规部分到更具体的部分。这是在整个网站中提供导航到任何类别和页面的最简单、最自然的方式。

2、Hamburger图标–使用或不使用

      导航栏通常被隐藏，以节省网站上的一些空间。在大多数情况下，当您单击或点击角落中的"Hamburger"时，它会显示。将其用于菜单标签有许多优点和缺点。大多数仇恨者声称它对用户体验和参与度不利，因为它将重要内容隐藏在图标下，并使用户执行更多操作以访问他们想要的内容。但是，我们可以注意到许多网站上使用的汉堡包图标，目前，没有更好的解决方案来替换该图标。

      此外，单页网站的页内导航与滑块的导航大致相似。这取决于滚动的类型 - 水平或垂直。这种类型的导航通常以固定透明面板的形式呈现，该面板具有一行点。您可以向下滚动以发现所有网站内容，也可以使用这些导航点直接跳转到下一部分。

3、网站导航的做法：导航菜单

      可能会遇到多个版本的导航菜单样式，下拉菜单在此类别中排名靠前。当单击菜单栏中的元素时，将显示它，并且下拉另一个菜单。下拉菜单可能包含许多级别，可将用户引导到网站的最特定区域。

      有一种常见的误解，认为多级下拉菜单会恶化用户体验。但是，具有大型2维下拉面板的大型菜单对于大多数用户来说效果很好。它们非常适合具有复杂导航系统的大型网站，其中常规下拉列表不太方便，并且错过了用户可能需要的大多数选项。与现实生活一样，这里的平衡至关重要 - 很明显，那些拥有多达5页的人不需要它，而那些无法构建产品的人也不会成功。

      尽管如此，下拉菜单仍然存在一个令人不快的问题，它激怒了访问者：它们通常在悬停时显示，并且在指针保留在菜单字段上时保持可见。当指针从面板中移出时，下拉菜单将隐藏，用户应重新开始。当指针暂时超出菜单区域以到达面板另一侧的内容时，所谓的"对角线问题"很明显。如果下拉菜单在一段时间内保持可见状态，即使指针移到菜单面板之外，也可以解决此问题。

      此外，用户中第二受欢迎的菜单是粘性菜单，因为它非常方便。因此，没有必要回到顶端;只需单击所需的页面即可。

4、添加链接到主页

      大多数网站所有者在导航上添加指向主页的链接。例如，如果您单击导航上的主页，将会被跳转到我们的主页，这是一个快速简便的方法。

5、痕迹导航

      此导航类型与导航菜单相反，它允许用户从网站上的任何地方跟踪返回的路径。

      痕迹导航通常显示在页面顶部，并显示此页面在网站结构中的层次结构位置。页面的父类别可能会以粗体突出显示，或者以不同的颜色或字体显示。它们通常用"超过"符号或其他字形分隔，并允许用户直接跳转到他们感兴趣的部分。

      痕迹导航可能是基于路径或属性的链接，可提供额外的导航。如上所述，基于路径的导航可以出现在任何网站上，而基于属性的痕迹导航主要出现在电子商务网站上。这种类型的导航不显示层次结构，但显示页面上可以通过多种方式访问的项目的特征。

6、页脚导航

      页脚在设计和结构方面经常被忽视或很少受到关注。它主要是由于着名的网页设计原则而发生的 - 首屏之下的东西就不那么重要了。但是，页脚是网站导航的最佳实践之一，因为它通常是显示有关公司，地址和电话号码的重要信息的最佳位置。

      页脚是社交按钮的常见位置，因此它会将访问者引导到公司的社交媒体页面。有时我们可以在网站的页脚部分找到一些令人惊讶的类别。

      页脚是网站其他附加数据（如"最近"或"热门帖子"、"评论"和"推荐"部分）或一些有用内容（如横幅、号召性用语或各种优惠）的理想场所。此外，我们甚至可以注意到那里的菜单。

7、单独的页面

      单独的页面导航有点类似于大型菜单，但由于内容的原因，它不能被描述为大型菜单。让访问者使用单独的页面进行导航可能不是最好的UX解决方案。但是，当在创建一个巨大的笨拙菜单或使用单独的页面来显示内容之间进行选择时，单独的页面菜单可能不是最糟糕的选择。