网站内容与功能设计(什么是网站信息架构(IA)和导航系统的概念混淆到一起)

　　网站内容与功能设计(什么是网站信息架构(IA)和导航系统的概念混淆到一起)

　　原作者：Jennifer Cardello / 原文章：信息架构（IA）与导航的区别 / 发布时间：06-22-2014 / 译文：小秋娘

　　一句话总结：信息架构是支撑网站的骨干；导航是指网站交互界面上允许用户访问特定信息内容的元素。

　　人们有时会混淆信息架构 (IA) 和导航系统的概念。这些概念确实是相关的，信息架构主导了网站导航系统的设计。但是信息架构和导航系统是不一样的。其实，信息架构除了网站导航，还有很多东西。在 Nathaniel Davis 为 UXmatters 杂志撰写的题为“Building Information Architecture Practice”的文章 中，他将导航系统比作网站信息结构的冰山一角。

　　什么是网站信息架构？ 网站（或局域网）信息架构有两个主要组成部分：

　　信息架构（IA）不是可见用户界面的一部分——事实上，信息架构构成了交互界面。信息架构一般记录在表格和图表中，而不是*敏*感*词*、电路板模拟图（缩写为comps）或产品模型。

　　这张网站information 架构图描述了不同的内容模块以及它们之间的关系。蓝色方块表示第一层信息的构成，绿色是第二层的构成，*敏*感*词*是第三层的构成。每个色块（表示的信息级别）包括其下的内容

　　虽然信息架构本身在交互界面中是不可见的，但它必须对用户体验产生影响。正如我们从用户体验的定义中知道的那样，整体用户体验是基于用户所面临的一切。用户虽然看不到网站的结构，但还是希望他们能感觉到内容的划分和连接符合他们的需求和期望。当然，当用户觉得网站的内容/功能不是自己想要的，又因为网站的结构、组织、制定的问题而感到纠结时，就会离开网站，这是很悲哀的情况.

　　例如，除非您是超人或放射科医生，否则当您看马或鸡时，您看不到它们的骨头，但正是这些骨头使这些动物如此不同。所以不要试图骑在鸡身上，因为它的骨头不能承受你。 （图太美了……不敢想←_←）

　　用于定义信息架构的活动包括：

　　什么是网站Navigation？

　　网站 导航系统是用户交互界面元素的集合。导航系统的主要目标是帮助用户找到信息和功能，并鼓励他们执行预期的操作。导航组件包括顶层导航、局部导航、功能导航、面包屑导航、过滤器、分面导航、相关链接、页脚、超宽页脚等。

　　导航相关组件的一些例子：1）Functional Navigation； 2）顶部导航； 3）ubara 导航； 4）section 导航； 5）相关链接（本例中为文章和博客）； 6）超宽页脚（美国小企业管理局）

　　针对每个导航元素的一系列决策应包括：

　　信息架构与导航的关系

　　在设计新的网站时，设计师是否可以忽略信息架构而只关注导航系统？答案是不。这是低效的，甚至是危险的。不符合网站 整体内容和功能定义的导航系统可能非常昂贵。例如，假设一个设计团队决定使用典型的反“L”导航系统（顶部导航栏和左侧导航轨道），因为他们喜欢它的视觉效果。反“L”导航系统可以支持少于4层的网站结构。不幸的是，在项目后期，他们进行现场检查时，发现很多部位都超过了四层深。现在他们要么回去重新设计导航系统，要么把所有东西都放到一个四层结构中。

　　反L形导航系统示例（波士顿萨福克大学）

　　在设计导航系统之前定义信息架构

　　在进行设计或重新设计项目时，从网站define 开始或重新定义信息架构非常重要。信息架构不需要在开始设计框架图和产品模型之前完成，但必须先了解并确认内容的数量和复杂程度。仅仅因为形状决定了导航系统的组成部分，它可能会被迫将理想的信息架构改变为不能很好地响应用户需求或适合网站内容的形状。