导航和信息架构(IA)之间有什么区别?

2019.07.15 mf_web

177

导航与信息架构(IA)


网页设计师有时会将信息架构(IA)的概念结合在一起和导航设计。确实,这些概念是相关的,并且IA通知网站导航的设计,但应该明确指出IA和导航是不可互换的。事实上,IA跨越简单的网站导航。一些网页设计师甚至将导航称为冰山一角,即整个网站的信息架构。根据专业人士的建议,在不首先考虑信息架构的情况下设计网站导航是不明智的。这是因为IA具有许多功能,这些功能包括向网页添加非常重要的上下文。这将使用户能够直接从搜索引擎访问网站深处的页面。

什么是网站的信息架构?

网站的信息架构由两个主要组成部分组成:

  • 标识和网站内容和功能的定义。

  • 基础组织,结构中的术语,将定义网站内容和功能之间的关系。

信息架构不是用户将在其屏幕上看到的网站的一部分。相反,IA形成UI(用户界面)。信息架构记录在图表和电子表格中,并以线框,原型或综合布局形式记录。信息架构本身在用户界面中不可见,但它肯定会影响用户的体验。总体用户体验是根据用户遇到的所有内容构建的。用户将看不到网站的结构,但他们会觉得内容被分割,然后以全面的方式连接,这不仅符合他们的需求,也符合他们的期望。如果不是这种情况,用户将离开网站,感觉内容或功能不是他们想要的,

  • 信息架构师负责为软件创建导航方案,这些方案简洁,描述性,占有信息气味(帮助用户导航到网站的相关部分的提示),并且是互斥的。


定义信息体系结构时,有五个活动要执行。

  1. 内容清单 - 这是对网站的检查,用于查找和识别网站上的现有内容。它将包括网页以及每个页面的元数据,图像,音频,视频和文档。简而言之,这种定性分析只会记录网站上的内容。

  2. 内容审核 - 这是对内容的完整性,语音,准确性和整体有效性的评估。这种定性分析会因审核员及其可用工具而异。内容清单表将包含链接,关键字,格式,内容所有者等等。在进行内容审核时进行人工监督至关重要。这与内容清单不同,因为审核将评估内容与其他信息资产和网页的交互方式。

  3. 信息分组 - 这是用户和内容的关系。网站开发人员需要决定如何组织内容。它会按功能或格式组织吗?目前如何导航信息?用户和客户如何浏览此内容?哪些项目将包含在哪些类别中?

  4. 分类 标准开发 - 这是一种标准化的命名约定或受控词汇表,将应用于站点上的所有内容。分类标准因网站而异,很少有一种分类标准适用于多个网站。应该开发它们以适应正在开发的特定网站或公司,同时牢记受众和用户。

  5. 描述性信息创建 - 这是有用的元数据,将用于生成“相关链接”列表或其他有助于导航和发现的组件。

    1. 结构元数据是需要收集的元素,例如标题,作者,主题,创建日期,目的等。

    2. 将内容输入内容管理系统(CMS)时,将自动创建管理元数据。这将包括创建的作者或日期等信息。

    3. 描述性元数据将描述特定于内容的组成部分的方面,如主题,标题,受众和目的。

    4. 创建或发布特定内容时会创建管理和描述性元数据,而结构元数据将被识别为系统要求的一部分。


如何创建直观的信息架构

  • 请注意网站的使命或目的。为什么人们访问该网站?

  • 确定网站的近期和长期目标。这些目标有所不同吗?

  • 确定目标受众,然后对每个组进行需求分析。

  • 收集网站的内容,然后开发内容清单。

  • 确定网站的组织结构。这可以是:狭窄和深,层次,宽和浅,顺序或基于标签。

  • 为网站创建大纲。这将包括内容清单以及站点地图。

  • 为网站创建可视蓝图。这将包括线框。

  • 定义导航系统。其中包括全局导航,本地导航和实用程序链接。

  • 对用户进行研究。可用性研究将是包括但不限于上下文任务分析,卡片分类,可用性测试和认知演练的方法。


什么是网站导航?

网站的导航是组成用户界面的组件的集合,也称为站点地图。导航的主要目标是帮助用户查找信息,功能并鼓励他们采取所需的操作。

  • 导航的组件包括本地导航,实用程序导航,全局导航,面包屑,构面,过滤器,页脚,相关链接,胖子页等。

  • 如果网站构建者没有自己编写,则可以使用站点地图生成器进行网站导航。

在制作导航组件时,需要考虑以下三点:

  • 使用优先级:用户究竟要依赖此导航组件的数量是多少?例如,他们是否可能严重依赖相关链接?或者他们会使用本地导航导航网站吗?

  • 放置:在网页上应该有导航吗?它将放置在页面布局网格中的哪个位置?这可能是顶部,底部,右侧,左侧等。

  • 模式:什么是最能支持可发现性和可查找性的导航设计模式?这可能是标签,旋转木马,手风琴,大型菜单等。


可用的导航系统是:

  • 简单易学

  • 通过整个网站一致

  • 能够提供反馈,并为用户提供一种简单的方式导航回到他们开始的地方

  • 使用到达下一个目的地所需的最小点击次数

  • 使用基于用户术语和视角的清晰直观的标签。

  • 支持用户任务

  • 由明显不同的链接组成

  • 逻辑分组导航

  • 小心不要禁用浏览器上的后退按钮

  • 小心不要让用户滚动到“提交”按钮或滚动到重要信息


信息架构与导航的关系

在制作新网站时,设计师不应忽视信息架构,只关注导航。这是不够的,甚至可能是危险的。

  • 导航不能充分适应网站的整个内容和功能范围,这可能会使企业的网站流量付出代价。

  • 例如:如果设计团队选择使用典型的倒L型导航,因为他们喜欢它的外观,这种样式将容纳只有不到4层深的网站。如果在项目的后期,他们进行网站库存并发现网站中的许多部分深度超过4层,他们必须选择是将所有内容塞入4层还是返回并设计新的导航结构。


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

当您决定设计或重新设计项目时,重要的是要从幕后看一下并从头开始设计站点地图,或者只是为站点地图重新设计IA。

  • 在开始线框和原型之前,IA不需要处于最终形式,但是有必要有一个初稿来处理网站上内容的复杂性和数量。

  • 基于单独的方式对导航组件做出选择可能会迫使网站设计者将他们理想的IA更改为可能无法容纳内容或不能满足用户需求的内容。

拥有大量数据和库存的网站将存在关系重叠的情况。这就是为什么预先建立信息架构至关重要的原因。该网站可能留有孤立页面或集线器,这些页面或集线器完全没有从任何相关类别或子类别连接。在研究链接关系,映射和编码后端或根据用户行为研究用户连接之前,导航将无法提供放置感。这就是网站访问者如何理解所有内容的地方感,更重要的是,搜索引擎如何能够直接链接到网站的顶级页面,它已经学会了最受欢迎的搜索。


当IA和导航兼容时会发生什么

简而言之,当导航和IA协调工作时,网站将按预期工作。

  • 将有一种方便而明显的方式在相关的页面和部分之间移动。

  • 最需要的信息易于在页面之间导航。

  • 导航选择将以最合理的方式排序。

  • 导航系统将是宽而浅的,而不是深层。

  • 网站结构简单,没有不必要的级别。

  • 网站的主要部分可以从每个页面访问,没有死角。

  • 页面顶部会有导航标签。

  • 站点地图将提供网站内容的全面概述。

  • 站点地图将从每个页面链接,并提供网站的简明概述。

  • 将提供良好的导航反馈。这会向用户显示他们在网站上的位置。

  • 类别标签将准确描述该类别中的信息。

  • 导航标签和链接将具有用户可以寻找以实现其使命的“触发词”。

  • 链接颜色等术语和惯例将与Web使用一致。

  • 该网站将具有整体的凝聚力。

虽然网站的导航(站点地图)将显示网站上可用的所有页面的分层结构,但IA远不止于此。站点地图将只是重要的导航点,并且与导航设置方式无关。这就是信息架构的步骤.IA与网站的组织有深入的关系,有助于如何安排,连接,访问和标记页面和内容。IA还将确定搜索功能如何为用户工作,并确保可用性对所有受众都有效且最佳。

开发信息架构是网站生命周期中的专用阶段,网页设计人员将专注于设计,可用性测试和用户角色,以确保内容能够响应所有用户。建立网站的人不应该在导航的基础上建立网站,而不考虑信息架构。如果没有首先咨询信息架构,导航将不知道网站信息的深度。

关键词

最新案例

联系电话 400-6065-301

留言