如何构建直观有效的导航结构？

良好的导航不是偶然获得的，而是详细研究和计划的结果。本文将描述网站在处理信息架构时应考虑的因素，以帮助设计直观易用的导航结构。 导航是与可用性直接相关的基本原理之一。如果没有合适的导航系统，用户在与网站互动时会感到犹豫和困惑。因此，网站的设计应使用户能够轻松导航，并通过搜索和浏览找到所需的内容。 01 网站信息架构与导航的区别 设计师有时会合并信息架构和导航的概念。的确，这些概念是密切相关的，但它们是不同的。信息架构为导航设计提供指导。 信息架构是我们安排事物的各个部分，便于理解的一种方式。 信息架构定义了网站的内容和功能，而导航是界面组件和模式的集合，帮助访问者找到信息和功能。导航组件包括全局和本地导航菜单、面包屑导航、上下文链接等。为了有效，导航应始终包含网站的内容和功能。 02 导航结构的指导原则 导航的主要目的是帮助访问者通过功能找到信息，并鼓励他们采取适当的措施。 1. 易用性 导航时，无论访问者来自哪个页面，他们都必须能够在页面和网站的其他页面上找到所需的内容。良好的导航应该像一只看不见的手，可以帮助用户找到网站。 2. 可见性 隐藏的导航模式（如汉堡菜单）增加了用户忽略导航选项的机会。即使用户知道导航隐藏在特定的图表（如汉堡图标）后面，他们也可能忘记导航选项，因为它们不在直接视图中。这就是为什么用户应该显示导航并将其放置在网站上。 03 内容组织模型 内容组织模型是定义网页关系的组织结构。内容组织模型是网站导航结构的基础。产品设计社区建立了一些有效的内容结构模型。为网站选择合适的信息架构很重要。 让我们来看看常见的模型： 1. 单页模型 单页包含所有必要的信息和导航选项。单页模型是数字产品的内容时，单页模型是理想的选择。 2. 扁平模型 所有平化结构中，所有页面都同样重要，它们被放置在导航系统的同一水平上。该模型最适合小型网站。 3. 分层模型 分层模型显示了从主要元素到子元素的信息水平。它是大型网站的默认模型。 严格的分层模型和共存的分层模型可以定义。在严格的分层模型中，子页面仅与上一级的父页相关。 在共存的分层结构模型中，子页可以从多个家庭页面/更高级别的页面访问。 04 如何建立良好的导航结构？ 信息架构与导航直接相关。信息架构为下一个导航系统奠定了坚实的基础。这就是为什么在设计导航之前定义信息架构的关键原因。信息架构有助于处理内容的数量和复杂性，并设计更好的导航。 1. 建立分类法 分类是分类的实践和科学。创建分类方法是建立网站结构的一个非常重要的步骤。分类方法试图分组和描述不同的非结构化信息，以创建一个更结构化的设计。对内容进行分类的最重要的方法是进行分类。 信息架构应始终牢记目标用户。因此，一旦有了内容，就会与目标受众分类一系列卡片。活动的重点是看用户如何看待网站的内容。 2. 定义网站的结构 创建分类方法后，需要定义网站的结构。网站的结构应明确定义网站的页面级别、优先级和层次结构。本阶段的目标是定义网站层次结构的本质。 建议使用广泛的方法来组织内容，因为它完全符合人们对内容的期望（从一般到特定）。例如，亚马逊网站的主页使用了广泛的内容组织，主页作为各种产品类别的导航中心。 3. 创建导航元素 网站层次结构建立后，下一步是在设计中实施。当设计师为每种类型的内容选择合适的导航元素时，导航结构应提供自然的信息流。 考虑各种导航类型： 主导航。主导航是一种全球导航，可用于所有页面。该导航包含全球导航选项，允许用户从每个位置访问网站的主要部分。 二级导航。辅助导航支持主导航，提供上下文相关选项。 上下导航。上下导航通过提供特定的选项来支持内容。这些可以是搜索结果页面中产品信息页面的本地链接。 05 设计导航结构需要记住的事情 导航结构的重要性是帮助用户理解每个页面之间的关系，并准确地从一个页面导航到另一个页面。没有定义结构的网站或产品只是页面的随机集合。 1. 首页原则 主页应该是访问者的导航中心。链接到主页上最有价值的页面是非常重要的。这可以提高可发现性，访问者更有可能找到相关内容，并向搜索引擎显示最重要的页面。 三次点击的原则建议访问者只需点击三次鼠标就可以找到任何信息。这个规则将有助于确定信息的优先级。理想情况下，重要页面离主页2-3次，不那么重要的页面4-5次。 导航格式和设计决策一致。一致性提高了网站的可预测性。可预测性能使用户感到安全。 2. 用户心理模型 心理模型是对人们在现实生活中如何工作和思考的描述。产品设计师之间常见的问题是心理模型的不匹配。产品团队成员很容易陷入错误共识效应的陷阱。通常，他们会根据自己的需要将行为和反应投射到设计布局和导航中，而不是用户的真实需求。 要创建强大的网站导航，必须从全面的用户研究开始。首先了解用户的需求和行为，然后向目标受众映射内容。 3 .定位当前位置 目前的位置可能是最常见的错误见的错误。我在哪里是导航好的基本问题之一。确保访客在正确的位置，以确定他们在哪里。 通过向页面添加面包屑导航，网站的导航结构可以更清晰。面包屑是一个单击链接，通常可以在页面顶部看到。它们反映了网站的结构，并帮助访问者确定它们在网站上的位置。例如，面包屑导航是许多大型网站的重要组成部分， 4. 考虑认知能力 在给定的时间内，没有太多的信息可以让人的大脑处于最前沿。一个普通人可以在短期记忆中保留7个对象±2。这意味着，如果导航结构中有许多导航选项，则不能一次提供所有这些选项。当导航系统包含过多的链接或过长时，就会变得难以扫描和理解。因此，内容变得难以找到。将信息分块并逐步提供给用户，而不是立即显示所有内容。 5. 根据用户旅程图评估导航结构 用户的旅程很少是线性的。在大多数情况下，它们的转换路径涉及多个入口点和接触点，直接影响导航系统。准备好导航和标签后，勾勒出整个结构，然后创建网站地图。定义交互计划，并评估用户将访问哪些页面以完成该计划。 6. 使用数据分析来告知导航结构 在导航过程中，始终记住业务目标是希望人们在网站上做什么。将业务目标与网站上人们的实际行动相匹配，并相应地设计信息架构。 可使用等Google Analytics或Hotjar了解当前导航模型是否适合用户。 7. 遵循移动终端优先思想 从移动产品的信息架构开始，最重要的内容将被迫放置在页面上。移动优先级的想法有助于确定内容和导航选项的优先级。 因此，在开始桌面设计时，我们应该清楚地了解导航选项和每个页面上显示的优先级。 06 结论 导航是用户和系统之间的对话。良好的导航结构是反映用户行为的有效对话。这就是为什么导航设计应该把用户放在首位。 始终从用户的角度评估导航设计的有效性，使其适应用户的心理模型。同时，用户应参与产品设计的所有步骤——从创建信息架构到网站导航的最终测试，以构建良好的导航结构。 原文网址：https://xd.adobe.com/ideas/process/information-architecture/information-architecture-navigation/ 原文作者：Nick Babich 编译作者：YIZI 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。