主要和次要导航解释

最好的网站是可浏览的网站。

虽然我们不能确切地知道每个访问者在寻找什么，但我们知道这一点大多数人更喜欢点击导航。点击链接比进行网站搜索更快，也更省力，这意味着用户会查看你的菜单来找到他们需要的内容。

我们也知道，不是所有的网站内容都是平等的。在导航栏中，您需要突出显示用户最需要的页面，但这并不一定意味着模糊不常用的页面。

因此，如果您的站点拥有大量重要性不同的内容，那么将导航界面划分为几个部分是很有用的主导航和二级导航。这些术语是什么意思，它们如何应用到你的网站?

在这篇文章中，我们将学习网站主导航和二级导航的目的和区别，然后回顾两种常见的实现它们的方法。

尽管大多数多页面网站都有内置的主要导航用户界面，链接的页面会有所不同。例如，电子商务网站的主导航可以链接到不同的产品部分、价格页面和/或支持页面。取苹果的首页——用户可以在这里登陆来搜索任何苹果产品，所以主要的导航链接到他们的产品类别页面:

图片来源

另一方面，一个非营利组织可能会在其主要导航栏中突出“关于我们”和“捐赠”部分。它是关于提供一个通往按需页面的门户。

二级导航可以让用户在不深入挖掘的情况下访问这些细分内容——你可以在这个类别中放置“关于我们”、“常见问题”、联系信息和/或政策页面。

例如,世界野生动物基金会将主要和次要的导航界面合并到网站标题中。注意主菜单和副菜单是如何分开的，主菜单是通过它在徽标旁边的位置和全大写字体来标识的:

图片来源

如何应用主导航和辅助导航

如果你正在构建网站的导航，并且认为你需要主导航和次导航，首先要确定每个链接是主还是次重要。

这一步骤应该基于参数和用户基础，而不是你自己的观点。你可以用一些方法来排序你的网站内容的重要性，包括:

• 页面流量:查看每个页面的页面分析，以区分受欢迎和不受欢迎的页面。
• 采访:和两个客户谈谈他们倾向于如何使用你的网站，以及哪些导航方面需要改进。
• 卡片分类:这是一个简单的活动，可以按主要和次要级别划分和可视化页面。看到我们的卡片分类指南的指令。

在浏览完您的内容后，您应该对用户倾向于从主页到哪里有更好的感觉。您可能还意识到，可以合并或删除一些页面，从而使站点更简单、更整洁。

为了在你的网站的前端实现首要和次要的导航，你可以尝试一个结合或分离菜单的方法。

合并后的菜单

在组合菜单中，用户访问辅助导航通过主导航，在单一的动态菜单中显示。在页面加载时，菜单中只有主导航是可见的。当用户与主菜单交互时——通过鼠标悬停或点击/按下按钮——二级链接会以垂直下拉或水平弹出式显示。

服装零售商Madewell以这种方式构造导航界面。每个主链接显示一个次级选项菜单:

图片来源

鼠标悬停触发器可以很好地在桌面上打开下拉菜单，但在触屏设备或辅助设备上就不那么好用了。最好的办法是设置你的下拉菜单也扩展触摸事件，点击事件，并按下“enter”/“return”键。

这种动态菜单技术很常见，因为它帮助用户访问分层内容。通过设计，它显示了每个页面在站点结构中的位置，以及哪些类别包含哪些子类别。组合菜单还可以通过隐藏二级链接来释放页面空间，尽管这对于那些喜欢一次性查看所有选项的用户来说可能是个障碍。

独立的菜单

如果可以腾出空间，可以考虑将主导航和辅助导航分隔为两个静态菜单。在这种方法中，主导航菜单水平排列在页面的顶部，或垂直排列在页面的一侧。二级导航有自己的菜单，位置和布局取决于你。

分开的主菜单和二级菜单应该在视觉上彼此不同，主菜单的尺寸更大，放在页面的显著位置。

这加拿大高尔夫零售商很好地实现了双菜单方法，并将其与垂直菜单布局相结合:

图片来源

使用这两种方法，确保整个网站都保持格式。不一致的导航元素会造成不直观的体验。如果访客找不到他们想要的页面，这会让他们感到困惑和沮丧。

钉的导航

导航是网站设计中最重要的因素之一。不幸的是，这也是最具挑战性的成功之一——没有明确的指导方针和大量的考虑。每个网站的导航方法会因内容类型、访问者基础和个人品味而不同。

但是，经过一些试验，错误和测试，你可能会发现主次导航的组合是优化和增强用户体验的完美妥协，减少浏览摩擦，并推动转化率和销量。