想象一下，您进入一家百货公司，准备购买一件新 T 恤。您知道您想要的品牌、您想要的颜色，并且您知道您想要 100% 纯棉，非常适合您的敏感肌肤。
突然你意识到你面前的车间一团糟。
在牛仔裤的标志下，你会发现成堆的毛衣和开襟羊毛衫。在标有“棒球帽”的大型展示中，各种尺寸的袜子混在一起，顶部还散落着一条冬季围巾。
不知所措地，您看了一眼商店的地图，结果证明这对您的 T 恤查找任务帮助不大，因为它只包含前往花园和厨具部分的路线。
生气，你离开了商店，发誓永远不会回来。
当网站的导航令人困惑时，在线客户可能会感到完全相同的挫败感——不知道该去哪里，或者对缺乏帮助他们做他们想做的事情的信息感到恼火。
然而，一切都没有丢失。在本文中，您将了解设计实践、站点地图以及为您的网站构建最佳导航的秘诀。
介绍信息架构 (IA)、用户界面 (UI) 和用户体验 (UX) 设计
在开始深入研究网站导航的最佳实践之前，最好对以下类型的设计有一个基本的了解：
- 信息架构（IA） ——这种类型的设计着眼于内容的组织和结构。一旦了解了基础知识，就可以帮助客户找到他们需要的信息并完成您希望他们采取的行动。
- 用户体验（UX） ——这种类型的设计是关于用户如何体验产品或服务，并努力使网站的整体感觉是积极的。
用户体验设计师将查看或进行研究以了解用户需求和痛点。他们将考虑用户旅程，查看 IA 以确定用户可能需要什么，并绘制包含页面元素的线框。
UX 设计师可以与 Web 开发人员和内容策略师密切合作，以真正了解并为用户服务。 - 用户界面 (UI) ——这种类型的数字设计完全是关于用户与您的产品或服务之间的接触点，例如图标、间距、号召性用语按钮和响应式设计。UI 设计师将查看页面的可访问性、文本颜色是否易于阅读以及页面是否适用于不同的屏幕尺寸。
在创建网站时，每种类型的设计都是必不可少的——尤其是网站导航。
执行不佳的用户界面 (IU) 会导致糟糕的导航，从而导致糟糕的用户体验 (UX)。但是强大的 UI 将使用户更容易弄清楚去哪里找到他们想要的东西，从而产生更好的用户体验，从而让用户更快乐。这些快乐的用户更有可能购买东西、订阅您的时事通讯并与他们的朋友分享您的产品、服务和信息。
您的主要目标是创建易于使用的导航，让您的用户对您的网站和您所提供的服务感到积极，这样他们就可以让您的网站感觉他们能够完成他们想要的。
什么是站点地图——它为什么有用？
站点地图是搜索引擎网络爬虫如何理解您的网站。这包括有关页面和文件的信息，例如视频和音频内容。站点地图还告诉搜索引擎网站的层次结构以及哪些页面很重要。
创建站点地图并将其提交给 Google 后，您可以使用Google Search Console检查一切是否正常。请务必检查您的链接是否正确，以免让访问者和网络爬虫失望。
在构建网站导航时，站点地图将非常方便。毕竟，它很可能包含您网站上包含的所有页面。这意味着您将能够快速确定对您的用户最重要的类别以及您必须在导航中包含的内容。
网站导航的重要性
就像本文开头的购物示例一样，如果一个网站难以导航，用户和搜索引擎会发现很难理解它的含义。
网站导航被视为信息架构 (IA) 设计的一部分。以下是正确处理如此重要的三个原因：
1.影响SEO
您的主页通常是您网站上最权威的页面。从这里链接的任何页面也被视为重要的。如果您没有将用户引导至主页上的相关页面，那么这些页面排名靠前的机会就会降低。
2.影响流量
一个人在您的网站上停留的时间越长，搜索引擎就会越爱您。如果访问者登陆您的主页并且没有单击链接或与您的页面交互并返回搜索引擎结果页面，则表明该用户对您的内容不感兴趣。此“跳出率”计算为登陆页面并离开的人的百分比。您可以在Google Analytics中找到此比率。
3.影响转化率
如果您网站的访问者不想留下来与您的内容互动，他们就会离开，因为他们找不到他们想要的东西。您不会为您的产品页面带来任何流量，您不会进行任何销售，并且这些访问者都不会转化为客户。
导航类型
以下是三种最常见的网站导航样式：
- 标准水平 –这是最常见的导航样式，水平显示列表。
- 下拉菜单——如果您有很多类别要涵盖，例如大型百货商店，下拉导航可以让您轻松列出您的内容。它扩展为用户提供更多选择。但请注意不要构建太多级别，因为这可能难以使用，尤其是对于残障人士。
- 垂直侧边栏 – 虽然现在有些过时，但侧边栏会将您的导航保持在一个地方。如果您没有很多类别，它仍然是您导航的有效选项。
当您设计导航时，了解您将链接到多少页面至关重要。如果数字很高，那么下拉菜单是一个完美的选择，但如果少于七个，标准水平是最好的。大多数网站都使用标准水平，因此您的网络访问者可以快速轻松地知道该做什么。
必须遵守的 10 条诫命
既然您已经发现了为什么良好的导航如此重要，以及三种最常见的导航类型，那么是时候为您提供正确的规则了。
- 应该为用户写作—— 一旦你的用户登陆你的网站，他们就会看到导航栏。避免使用过于复杂、令人困惑或含糊不清的语言——使用流行的词或短语来告诉他们你必须提供什么。例如，在 Namecheap 导航栏上，您会找到Domains、Hosting和WordPress等词。您不会找到TLD、托管服务或开源内容管理系统之类的词。
想想你的听众。如果大多数人不理解特定行业的术语，请不要使用它。这对于搜索引擎优化 (SEO) 也很重要。如果您的导航是描述性的并且结构良好，它可以帮助搜索引擎爬虫识别您的哪些页面是重要的。 - 应该尽量减少导航中的项目数量—— 如果您在导航中包含太多选项，很容易让访问者不知所措。少即是多。您的类别和标签越简洁，它们对于搜索引擎优化 (SEO) 的效果就越好。
- 应尽量减少导航级别—— 最大限度地减少客户访问网站上特定信息所需的点击次数时，客户就会越满意。Nielsen Norman Group确认“ ……层次结构越深，访问者就越有可能迷失方向。”
具有易于识别类别的扁平层次结构可帮助用户快速找到他们正在寻找的内容。但是，如果您的网站有大量类别，可能会让客户不知所措，那么在这些类别之前添加另一个级别以使其更简单可能是有意义的。 - 您应根据用户流量更新导航—— 谷歌分析提供用户流量报告。如果主页是用户与网站交互的主要页面，您可以查看哪些导航项已使用，哪些未使用。
不时检查这一点，以真正了解哪些路径最常用。如果许多导航项没有被点击，只需删除它们，或者如果认为对用户来说不够清楚，那就重命名项目。 - 导航应该不难找到—— 不要试图用导航栏来创造。将其水平放置在顶部或垂直放置在左侧。如果很难找到，访问者会感到沮丧，并且更有可能跳回搜索引擎结果页面并找到另一个网站。
- 应该参考站点地图来决定定位—— 通过使用站点地图来创建导航，会很快知道哪些页面是最重要的，因此应该是最高优先级的。将最重要的页面深埋在菜单中是没有意义的。它需要位于用户可以找到的前面和中心。
- 为移动设备设计导航—— 手指的大小不同，所以在涉及链接时要考虑到这一点。确保它们足够大。考虑减少导航中的项目并首先显示重要页面。
- 使用悬停效果—— 如果用户将鼠标悬停在某些文本上，最好向他们显示他们所在的位置，以便他们可以轻松地看到他们在做什么。这相当于用手指指向地图上的位置。您还可以更改文本颜色，使其突出。可点击的文本需要对用户显而易见，以便他们可以与之交互。
- 在不同的屏幕尺寸上测试导航—— 不要忘记网站访问者将使用许多具有不同屏幕尺寸的不同设备。如果用户使用的是平板电脑或台式机，请确保它易于导航。
- 包容的—— 网络用户并不都是一样的。有些人可能有视觉和听觉障碍，或者可能有认知和学习障碍，影响网站体验。良好的导航应该对所有用户都有好处，因此要注意对比色、更改字体大小的能力、对链接和按钮使用描述性标签以及提供键盘访问。您可以在W3C找到有关指南和 Web 可访问性标准的更多信息。
一次成功的导航
仔细考虑导航是成功网站的关键。这是一种将重要信息呈现在用户面前的方式，使其变得简单、信息丰富且快速，从而带来积极的体验，让他们再次光顾。