IA是网站的信息主干；导航是指UI中允许用户访问站点上特定信息的元素。
从业者有时会合并信息架构(IA)和导航设计的概念。虽然这些概念确实是相关的，而且信息架构可以告知网站导航设计，但IA和导航是不一样的。事实上，信息架构远远超出了网站导航的范畴。Nathaniel Davis在为UXmatters撰写的一篇题为“构建信息架构的实践”的文章中，将web导航称为位于站点信息架构之上的冰山一角。
什么是网站信息架构？
一个网站(或内部网)的信息架构有两个主要组成部分：
- 网站内容和功能的识别和定义
- 定义网站内容/功能之间关系的潜在组织、架构和术语
信息架构(IA)不是屏幕上的用户界面(UI)的一部分——相反，IA告知UI。IA是在电子表格和图表中记录的，而不是在线框图、综合布局(简称综合)或原型中。
此站点地图描述了nngroup.com站点上的不同内容块以及它们之间的关系。蓝色节点表示第1层的信息对象，绿色节点表示第2层的对象，黄色节点表示第3层的对象。节点的子节点都放在它的下面。
尽管IA本身在UI中不可见，但它无疑会影响用户体验(UX)。正如我们从用户体验的定义中所知道的，总的用户体验是建立在用户遇到的所有事情之上的。虽然用户看不到网站的结构，但他们会有一种感觉，即内容是按照他们的需求和期望进行分割和连接的。当然，遗憾的是，用户会离开许多站点，因为他们觉得内容/功能不是他们想要的，并且他们因为组织、架构和/或术语不当而经历困难。
打个比方，除非你是超人或放射科医生，否则你在看马或鸡的时候不会看到它们的骨架，但这些骨架让这些动物变得非常不同。不要试图骑鸡，因为它的骨架支撑不了你。
界定信息架构的工作包括：
- 内容目录：对网站的检查，以定位和识别现有的网站内容
- 内容审核：评估内容的有用性、准确性、语气和整体有效性
- 信息分组：定义内容之间以用户为中心的关系
- 分类法开发：定义一个适用于所有站点内容的标准化命名约定(受控词汇表)
- 描述性信息创建：定义有用的元数据，可用于生成“相关链接”列表或其他有助于发现的导航组件
什么是网站导航？
网站的导航是用户界面组件的一个集合。导航的主要目标是帮助用户找到信息和功能，并鼓励他们采取适当的行动。导航组件包括全局导航、本地导航、实用程序导航、面包屑、过滤器、facet、相关链接、页脚、详细页脚等等。
对于每个导航组件，必须做出一系列决策：
- 使用优先级：用户对这个导航组件的依赖程度如何？例如，用户是否主要使用本地导航来导航站点？还是他们可能更严重地依赖于相关链接？
- 位置：应该显示在哪些页面上？它应该放在页面布局网格的什么位置(例如，顶部、左侧、右侧、底部)？
- 模式：哪种导航设计模式最支持可查找性和可发现性——选项卡、巨型菜单、轮播、折叠菜单等等？
IA和导航之间的关系
当设计一个新网站时，设计师可以忽略IA而只关注导航吗？答案是否定的：这样做是低效的，甚至是危险的。如果导航不能充分容纳站点的全部内容和功能，那么代价会非常大。例如，让我们假设一个设计团队决定使用典型的inverted-L风格的导航(一个顶部导航栏和一个左侧栏)，因为他们喜欢它的外观。一个inverted-L可以容纳不超过4层深的站点。不幸的是，在项目的后期，他们进行了一个网站的清单，并发现网站的许多部分将超过4层深。现在他们必须要么回去设计一个新的导航结构，要么尝试把所有的内容塞进4层。
在设计导航之前定义IA
在进行设计或重新设计项目时，从定义或重新定义IA入手是很重要的。在开始制作线框图和原型之前，IA不需要是最终版本，但是有一个初版是必要的，这样可以控制内容的数量和复杂性。仅根据外观做出导航组件的选择可能会迫使你将理想的IA更改为不能最好地满足用户需求或容纳你的内容的东西。
原文链接：https://www.nngroup.com/articles/ia-vs-navigation/
翻译：马克笔设计留学
如果对于设计专业留学和作品集有任何疑问，可以随时和我们联系，微信：13718574833，知无不言言无不尽！
