导航设计的10个原则以及为什么质量导航如此重要_极简慕枫

如果内容是每个网站出版物的核心，那么导航就是它的大脑，也是信息架构设计的基本支柱。在处理大量内容时，导航的重要性不容小觑。无法读取无法找到的内容。如果无法找到和读取内容，这意味着有很多成本，但零值。郑州网站建设

导航是网站的“目录”。在传统出版物中，您可以使用页码编号来帮助您进行导航。您可以将出版物放在手中并轻轻一按。如果它是一个大型出版物，后面通常会有一个可以使用的索引。但是，您无法掌握网站。

你不能立即意识到它的大小或复杂性。您可以一次在一个网站上导航。这可能非常迷失方向。很容易混淆并迷失方向。在这个注意力不足的年龄中迷失或迷茫的读者可能会点击“ 返回 ”按钮。因此，创建一个让读者感到舒适并允许他们快速找到他们想要的内容的导航系统对于任何网站的成功至关重要。

设计导航就像设计道路标志系统一样。超越设计原则是功能，而不是风格。网络上的读者，如汽车司机，快速移动。导航永远不是读者的最终目标。它可以帮助他们到达某个地方。（大多数人都不会站在欣赏道路标志的位置。）当读者几乎没有注意到它时，导航效果最好。因此，导航设计应该始终简单，直接，朴素，最重要的目标是帮助读者到达他们想去的地方。

导航和搜索交织在一起。搜索是一种导航形式。在许多情况下，读者将使用“内容收集者”的组合。他们将使用搜索将他们带到他们感兴趣的主题区域或产品类型。然后导航应该启动，为他们提供搜索的上下文。

导航设计需要详细规划。一旦推出，它不应该被削减和改变每一个奇思妙想。您应该将导航看作是“一成不变”，因为您可能会使您的常规读者（客户）感到困惑，这些人应该避免不惜一切代价混淆。人是天生的，习惯性的和保守的。如果您每隔几个月更改一次网站的结构和导航，您就有可能疏远已经习惯了之前公式的常规访问者。

导航设计的10个原则

1.为读者设计

导航设计的基本原则是你应该为读者设计 - 使用网站的人。避免设计导航只是为了让它看起来不错。此外，避免从组织的角度设计导航，例如使用通常不被理解的内部，模糊的分类名称。

请记住，导航是对读者的帮助。除非你已经参与并发现他们喜欢导航的方式，否则很难设计出满足他们需求的导航。

设计导航时：

• 通过调查或采访他们如何浏览内容，从一开始就让读者参与其中。

• 尽早创建导航模型，并将其显示给读者样本以获得反馈。

2.提供各种导航选项

如果每个人都以相同的方式浏览内容，那么导航设计师的工作就会容易得多。不幸的是，不同的读者对他们如何浏览网站有不同的偏好。因此，为了适应各种读卡器及其导航要求，应提供一系列导航选项。

Threadless的

有些读者喜欢在地理上导航。其他人按主题导航。有些人想要阅读与他们刚读过的文档类似的最新文档。

没有单一的导航选项可以满足所有上述愿望。

允许读者以他们希望的任何方式浏览内容：

• 提供各种导航选项;

• 使用多重分类。

3.让读者知道他们在哪里

导航应该让读者清楚明确地指出他们所在网站的哪个页面。想象一下，你正在度假，你正在看一个城镇广场的地图。如果地图设计得很好，最突出的功能之一会告诉你 - “你在这里。”

CNN国际

CNN非常支持读者。在美国有线电视新闻网的娱乐页面上，您将看到以大写字母开头的标题“娱乐”。

导航应以超文本形式呈现。但是，如果它是图形形式 - 仅建议用于全局导航 - 描述阅读器所在页面的分类名称应该与导航中的其他分类不同。

InStyle婚礼

让读者知道他们在哪里：

• 每个页面都有突出的标题，可以立即告诉读者他们所在网站的哪个部分;

• 如果导航的一部分是图形形式，请确保描述阅读器所在页面的链接与该导航中的其他链接设计不同。

让读者知道他们去过哪里

网页导航设计的一个基本原则是让读者知道他们在网站上的位置。这是在超文本而不是图形形式中尽可能多地导航的关键原因。使用超文本时，单击链接时其颜色会发生变化。超文本的标准颜色对于未单击的链接为蓝色，对于已单击的链接为紫色。

让读者知道他们去过的地方：

• 在超文本中保持尽可能多的导航;

• 使用蓝色表示未点击，紫色表示点击。

5.让读者知道他们要去哪里

导航应该让读者知道他们要去哪里。实现这一目标的方法是创建尽可能不言自明的分类。

提高清晰度的方法数量：

• 当读者点击链接时，他们希望转到HTML页面。如果您打算转到非HTML页面（PDF，Microsoft Word等），请提前通知他们。

• 如果读者点击链接，他们希望保留在他们当前正在操作的浏览器窗口内，除非您明确告诉他们。只有在有令人信服的理由时，才能为阅读器打开新的浏览器窗口。

ASOS

Facebook的

• 如果导航元素是图像（例如公司徽标）并链接到主页，请插入类似“公司主页”的ALT文本。

• 鼠标滑过链接时更改链接的颜色。当有许多链接放在一起时，这很有用。由于链接会改变颜色，因此读者确切地知道他们要选择哪个链接。

• 当鼠标滑过特定链接时，请考虑下拉导航，显示较低级别的分类。这允许读者在他们希望的情况下进一步导航到网站。

黄金村门票采购

• 在要求用户参与过程的情况下，例如在线购买产品，具有进度图导航可能是有帮助的。这向用户显示了该过程中有多少个阶段，以及它们处于什么阶段。

6.提供背景信息

主页的主要功能是为读者提供上下文。主页导航不仅仅是关于超文本和搜索等功能导航。它还会从内容存档中获取内容要点，并将其显示为摘要和/或功能。

用于导航以提供最佳可能的上下文：

• 确保所有内容都被正确分类;

• 允许各种产品/选择主页发布该特定产品或部分最相关和最积极的内容;

• 在文档末尾使用相关导航，该文档提供类似文档或网站的链接。

7.保持一致

当读者感到困惑或迷失时，他们会转向导航。不要通过显示不一致或不熟悉的导航设计来进一步混淆它们。分类的一致性对于成功导航至关重要。

导航设计要求：

• 一致的分类;

• 一致的图形导航设计;

• 一致的超文本颜色。

8.遵循网络公约

许多人本能地将Web视为单一媒介。他们喜欢将他们在一个网站上获得的导航技能带到其他网站，因为这样可以让他们的生活更轻松。

随着时间的推移，Web上出现了许多导航惯例。故意避免这些惯例的设计师，只是为了与众不同，除了让读者感到困惑之外别无他法。去最大和最好的网站。了解他们如何设计导航。不要羞于模仿你找到的最佳实践。

遵循Web上出现的导航和分类约定。他们包括：

自由开关

• 全局导航 - 这是指跨越每个页面顶部和底部的导航，包含指向该网站主要部分的链接。

• “Home”是整个主页名称的约定。

• “关于”包含描述组织的历史，财务业绩，目标和使命陈述等的内容。例如“关于索尼”。

• “联系人”或“联系我们”包含联系方式，如电子邮件，电话，地址或位置详细信息。

冷藏超市在线

• 组织的徽标应出现在每个页面的左上角。它也应该链接回主页。

DIY网络

• 搜索框应该在网站的每个页面上都可用。它应该放在标头的最右边。

• 每个页面都应该有一个页脚，包含全局导航作为超文本。

9.不要惊讶或误导读者

永远不要让读者做一些他们不可能或很难做的事情。一个典型的例子是强制所有用户填写“邮政编码”，无论他们是否存在于该用户所在的国家/地区。永远不要为读者提供他们无法使用的联系方式。

为了避免给读者带来惊喜：

• 不要引导他们走错误的导航路径;

• 明确告知他们例外情况。

• 不要让他们做他们做不到的事情。

10.为读者提供支持和反馈

在任何网站上，读者只需点击一下即可联系该组织。联系设施可能涉及电子邮件，电话，回拨或客户聊天支持。如果读者面临复杂的任务，则特别需要“帮助”链接。

主持人鳄鱼

我们习惯于根据我们的行动获得持续的反馈。然而，在网络上，唯一可行和即时的反馈是通过文本。必须以全面的方式使用文本，以告知读者他们的行动结果。

例如，如果读者已填写30字段表格并点击“提交”，则网站应提供以下类型的反馈 - “谢谢。您的表单已成功完成。“如果表单未成功完成，则应说明，”您的电子邮件地址未正确输入。“

读者支持和反馈应：

• 在每个页面上提供联系链接;

• 为复杂的任务提供主题敏感的帮助;

• 确保读者避免犯明显错误;

• 隔离读者所犯的错误;

• 提供涉及流程的进度图导航;

• 提供允许读者提供反馈的选项。

郑州网站建设