如何构建直观有效的导航结构（上）
Clip设计夹
发表于
导航是与可用性直接相关的因素之一。如果没有合适的导航系统，当我们进入一个网站后，很可能会感到犹豫迷茫。
今天就和大家分享网站设计时应考虑的因素，以构建出直观易用的导航结构。
良好的导航是详细研究的结果。同样，网站的设计应该使用户可以轻松进行导航并通过搜索和浏览找到所需内容。
01 网站信息架构与导航的区别
设计师有时会混淆信息架构和导航的概念。确实，这些概念密切相关，但是它们并不相同。信息架构为导航的设计提供指导。
信息架构是通过我们合理安排各方面的内容，使内容易于理解的方式。
信息架构定义网站的内容和功能，而导航则是帮助访问者查找信息和功能的界面组件的集合。
02 导航结构的指导原则
导航的主要目的是帮助访问者通过功能查找信息，并鼓励他们深度访问。
1. 易用性
在导航时，无论访问者来自哪个页面，他们都必须能够在该页面和网站的其他页面上找到所需的内容。
良好的导航应该像一只看不见的手，引导用户找到想要的信息。
2. 可见性
即使用户知道信息隐藏在某个图标(汉堡键)后面，他们也可能会忘记点击，因为它们不处于视线的直接范围内。
所以应该明确展示导航并将它放在用户能找到的位置。
03 内容组织模型
1. 单页模型
2. 扁平模型
3. 分层模型
04 建立导航结构的方法
1. 建立分类法
卡片式设计的特点和使用场景）2. 定义网站的结构
这里建议采用宽泛的方法来组织内容，因为这与人们期望交互的方式（从一般到特定）完全吻合。
例如苏宁易购的主页中就采用范围广泛的内容组织形式，主页充当各种产品类别的导航中心。
3. 创建导航元素
主要导航。主要导航是全局导航，可在所有页面上使用。此导航包含全局的选项，使用户可以从每个位置访问网站的主要部分。
二级导航。通过提供上下文相关的内容来辅助主要导航。
内容导航。内容导航提供细分化的页面信息，这些信息可以是搜索的结果页或者内容页。
关于导航设计的发现之旅还很长，本次的分享先到这里，主要介绍构建导航的基本原理和方法，希望对你有所帮助～
走，咱们去点赞！👇👇