想象一下这个场景：你一直想买一个新的笔记本电脑包。最后，您有时间坐下来，在线浏览不同的网站选择自己喜欢的商品，经过重重筛选，您找到了自己满意包包，想要购买。但随后，沮丧的事发生了，-你无法找到“买我”按钮，购物车图标已经消失，退货政策无处可见。这一切看起来都太复杂了，最终，你放弃了这个网站，选择另外一家。这是网站导航如何破坏用户体验，最终影响流量，转化率和跳出率的典型示例。

　　良好的网站导航可以帮助用户找到他们正在寻找的内容，并为他们提供积极的体验，鼓励他们返回。

　　01.导航策划

　　有些事情最好是提前计划的。当涉及到创建一个网站时，一点点前瞻性思维肯定是必要的。在您深入研究之前，请说明您的网站需要哪些功能和页面，以及它们的层次结构应该是什么。您需要“关于我们”页面，社区论坛、博客或常见问题页面吗?哪些页面对您的网站访问者最重要或最有价值?要根据您的需求规划菜单，请创建“站点地图”。站点地图是您网站的所有主要页面及其中所有子类别的列表。它应该清楚地表明哪些页面更重要，哪些更不重要。您的站点地图将成为导航菜单的基础。

　　02.确定页面的优先级

　　在决定您的层次结构时，请考虑您希望引导访问者的位置以及如何最好地引导他们通过您的渠道，最终将其转换为客户或粉丝。此外，请考虑访问者最感兴趣的信息。这称为“主要导航”，应尽可能轻松访问。构成主要导航的所有页面都应显示在网站的主菜单中。

　　即使在您的菜单中，您也会拥有优先级越来越高的页面。一旦您确定了页面的优先级，就可以在导航菜单设计中传达这一点，从而使最关键的页面脱颖而出。这样做的好方法和一般规则是，菜单上首先或最后出现的项目会引起更多关注，因此您应该放置高优先级页面。

　　如果您的网站包含大量信息，您可能还需要辅助导航页面的附加菜单。这些页面不太重要，但当然仍需要清晰的导航。

　　03.坚持惯例

　　虽然尝试打破模板并创造一个前所未见的设计很诱人，但有时候最好坚持人们已经知道的东西。毕竟，超链接通常显示为蓝色和下划线，或者为什么徽标通常会放置在网站的一个顶角中，这是有原因的。存在这些熟悉的细微差别或“设计惯例”，因为它们起作用。在导航方面，您希望用户能够尽可能轻松地无缝浏览您的网站。即使内容，产品或设计对他们来说都是全新的，他们仍然希望菜单位于标准位置之一：顶部角落或网站标题中。

　　04.考虑创建一个粘性菜单

　　粘性菜单(也称为“固定”或“浮动”菜单)是一个菜单，即使访问者向下滚动您的网站也会保留。这对于长滚动页面尤为重要，因为您不希望访问者必须一直向后滚动才能访问另一个页面。但是，还可以选择添加“返回顶部”按钮，以帮助用户节省时间。无论您采用哪种解决方案取决于您网站的设计和布局，因此在考虑为您的网站提供最方便的导航时，请考虑不同的选项。

　　05.限制菜单中的项目数量

　　没有人喜欢被信息轰炸。在浏览网页时，努力保持专注，并且会突然出现所有分心。保持菜单最小化，最多六个或七个类别。这样，用户将能够更好地处理信息并更快地到达他们想要的页面。

　　如果您的网站包含大量信息，您可以使用下拉菜单将其细分为多个部分。这意味着当访问者将鼠标悬停在菜单上的一个项目上时，会出现一个可供他们选择的子类别列表。但是，尽量避免使用下拉菜单，因为当用户点击菜单中的某个项目时，他们希望直接转到另一个页面。额外的步骤可能是用户体验中的轻微“打嗝”。

　　06.如有必要，创建大型下拉菜单

　　虽然我们建议限制您的菜单项，但如果网站包含大量内容，则并非总是如此。在这种情况下，您可以创建一个大型菜单。超级菜单是从经典导航菜单下拉的大型列表或面板，为您提供了一系列选项。

　　一个典型的例子是销售许多不同产品的电子商务网站。您不希望在菜单中包含所有产品，因为这看起来很混乱。相反，您可以将产品分类，从而实现更有序的浏览体验。例如，如果您有一个健身中心的网站，您的主菜单可能包含一个名为“课程”的项目，其中大型下拉菜单分为子类别，如“健美操”，“拉伸”和“怀孕课程”。在每个子类别下都是所有特定类别。

　　为避免混淆或信息过载，您可以使用设计工具在潜在的混乱中创建层次结构。使用排版样式来使子类别脱颖而出-您可以将它们设置为粗体，稍大或不同于其下方文本的颜色。您还可以在它们周围添加一些额外的空间，以便访问者了解分离。

　　07.添加搜索栏

　　内容繁重的网站的另一个选择是添加搜索栏。它可以帮助用户更快地找到他们想要的东西。请记住，您的网页设计需要为关注度越来越低的受众群体提供服务，让所有人都能无缝地工作，而不必等待太久。搜索栏对于浏览网页经验较少的访问者也很有用，因为这是一个他们可以立即理解的熟悉概念。

　　就搜索栏的位置而言，请将其与菜单保持一致。它应该在您网站的标题中，并且与菜单一样，当访问者向下滚动您的网站时，它可以保持固定。

　　08.清楚地标记菜单

　　现在您知道哪些项目会出现在您的菜单中，现在是时候决定每个项目的确切措辞和标签了。您的菜单不适合使用修辞或使用行业术语。相反，文本应该是描述性的，最重要的是清晰。

　　如果您不完全确定哪种措辞能够更好地运作，您可以尝试两种不同的版本，并通过在您的网站上执行A/B测试来测试它们。

　　09.将Logo链接回主页

　　不将您的Logo链接回主页是一个常见的网页设计，可以轻松避免。您的菜单不需要在其中包含“主页”一词。而是在您网站的每个页面顶部添加您的Logo，并将其链接到主页。这对于大多数用户来说非常直观，因为它坚持网页设计惯例。

　　通常，Logo显示在网站标题的左侧，但确切的位置会有所不同。最重要的是，您的Logo将显示在您网站的顶部，非常靠近您的菜单。

　　10.指出用户所在的页面

　　人们通常不喜欢迷失方向，你的网站也是如此。您可以通过向用户清楚地了解他们在您网站上的位置来改善您的用户体验。有许多不同的方法。

　　您可以添加一个不容错过的大标题，添加面包屑(包含您访问过的所有页面的文本列表，以便到达您现在的位置)，或者只是突出显示您在菜单中的页面。您可以通过将该项目设置为不同的颜色，粗体显示文本，加下划线或您可以提出的任何其他不会过多关注的创意选项来指示菜单中的页面。

　　11.确保访问者可以从任何页面访问任何页面

　　最后一个提示和经验法则是访问者应该能够从任何页面导航到他们想要的任何页面。请记住，并非所有人都必须从主页访问您的网站。这意味着他们登陆的任何其他页面都应该连接到您网站的其他部分。

　　一个简单的解决方案就是确保可以从菜单访问所有页面。如果每个页面都包含一个菜单-那么，您已经排序了。为了使事情更简单，更直观，请在每个页面上保持网站菜单设计的一致性，将其放在完全相同的位置，以避免混淆。