了解设计中的信息架构基础知识 [+4 工具]
已发表: 2022-12-01信息架构 (IA) 是在数字产品中组织内容的绝佳方式。
无论您是要构建网站、移动应用程序还是电子商务商店,IA 都是安排和表示内容时的重要考虑因素。
原因是,如果用户可以毫无困难地轻松找到他们正在寻找的东西,那么您就有更大的机会赢得他们并将他们转化为客户。
但是,如果您没有正确地组织和显示您的内容,可能会使用户感到困惑,并最终离开您的站点而转向另一个站点。 因此,IA 对您的网站至关重要。
在本文中,我将讨论 IA、如何进行以及一些最好的 IA 工具。
开始吧!
什么是信息架构?

信息架构是一种可持续有效地组织、构建、标记和呈现内容或信息的实践。
在这里,内容可以是任何东西,例如网站、网站的一部分、博客文章、软件、移动应用程序、在线社区、书籍、在线商店等。 当用户访问网站并理解可用内容时,它增强了用户的可查找性和可用性。
在这个信息时代,用户体验设计师、信息架构师、内容经理和交互设计师使用 IA 以有意义的方式表示他们的内容。 信息架构是基于以下内容完成的:
- 用户及其寻求的内容以及他们将如何使用内容
- 用户将参与的内容或信息
- 用户将与内容交互的上下文或环境
信息架构与用户体验

用户体验 (UX) 设计是用户对使用服务、产品或系统的感受。 它与用户对产品的效率、易用性和实用性的看法有关。 UX 以信息架构 IA 为基础更上一层楼。
另一方面,IA 是关于组织和呈现站点内容以帮助用户快速找到他们正在寻找的内容。
IA 关注结构,而 UX 关注情感。
为什么设计师使用 IA?
信息架构对于在线用户体验至关重要。 用户体验是决定您的网站、应用程序或博客成功的重要因素之一。
如果您的用户满意,他们会喜欢回来从您这里购物或阅读您的博客。 但是,如果他们不能快速找到信息或面临太多干扰,他们将不会对您的网站感到满意。
因此,设计人员花时间在网站上很好地安排和展示信息,以便用户轻松找到他们想要的信息。 这就是信息架构的真实面目。
信息架构师尝试通过向站点上可用的内容添加导航系统和适当的结构来简化复杂的内容。 这样,用户可以轻松地参与信息并快速到达目的地而不会遇到麻烦。
IA的主要设计原则

为站点开发信息架构需要时间和耐心,更不用说好的策略了。 除了按逻辑组织数据之外,您还需要考虑几件事,例如用户行为、面向未来等。
为此,他们还必须了解站点功能和内容清单。 准备就绪后,您必须考虑信息架构师 Dan Brown 制定的这些原则:
- 选择的原则:在这里,遵循这个策略——少即是多。 您必须保留最少数量的选项以避免混淆并提高精度。
- 对象原则:将您的信息视为具有定义的属性、行为和生命周期的活动对象。
- 披露原则:为您的内容保留预览,以便用户可以查看它并深入了解内容中包含的信息类型。
- 前门原则:假设至少一半的用户使用不同于您站点主页的入口点。
- 范例原则:在描述不同类别的内容时,要包括范例。
- 增长原则:假设站点内容会增长并使其可扩展以适应增长。
- 导航原则:保持站点的导航简单明了,避免混合不同的内容以免增加复杂性。
- 多分类原则:为您的用户在浏览您的内容时提供多种分类方案。
所以,信息架构涉及到很多东西。 根据站点的大小和类型,您必须做好它并妥善管理它以吸引更多眼球并增加您的业务成功。
围绕 IA 的通用方法论

信息架构师执行许多活动,包括导航创建、数据建模、研究、标签、线框图等。 以下是信息架构中涉及的一些方法:
用户研究
为了提出一个好的设计,信息架构师需要进行彻底的用户研究和分析。 它可以帮助他们了解项目的目标受众。 它是在用户访谈调查、利益相关者访谈、卡片分类练习、可用性测试等的帮助下完成的。
卡片分类等技术可帮助信息架构师了解用户如何对不同的事物进行分类以及他们与应用程序的交互。 它还让他们了解用户将如何使用应用程序中显示的数据以及他们用这些数据做什么。
完成研究后,IAs 将仔细分析以电子表格、推荐、用户角色等形式呈现的数据。它将显示用户是谁、他们的目标以及他们使用您的应用程序的方式。
创建导航
层次结构和导航是信息架构最重要的方面之一,因此,正确并有策略地做到这一点至关重要。
要创建良好的层次结构,IA 需要考虑用户的期望,即他们希望在您的应用程序中看到什么内容以及如何轻松与之交互并实现他们访问您网站的目的。
例如,在其网站上销售产品的组织需要仔细放置产品说明和一些常见问题解答,以帮助用户回答他们希望看到答案的一些常见问题。 因此,IA 必须确保将两者都放在每个产品页面下。
标签
IA 负责决定在何处放置信息以及如何在应用程序中放置信息。 完成后,他们必须为每个部分命名。 这个过程可能涉及 IA 和内容策略师。
标签涉及在网站上正确安排所有链接和内容,同时确保层次结构和导航标题正确。 这是帮助用户更快、更轻松地在应用程序中查找信息的重要一步。
线框图
线框是表示各种屏幕之间所有连接并确定网站实际工作方式的好方法。 它要求 IA 使用在研究阶段收集的数据,并使用线框图来显示数据层次结构。
线框图也是与客户共享的关键信息。 此外,设计人员和开发人员在构建原型、模型和最终产品作为 Web 或移动应用程序时使用线框作为参考。

内容建模
内容建模可以与组织的内容策略师共享。 此过程将开发人员和 IA 聚集在一起,以确定内容类型及其结构代表用户需求、编辑实践以及业务需求和逻辑。
为了重新设计网站,您可能希望映射新的数据模型以确保无缝的内容迁移。 您可以使用电子表格来确定关系要求和文件类型。 或者,它可以直接实施到内容管理系统 (CMS) 中。
元数据和分类法
分类法意味着您可以对一组不同的事物进行分组。 在信息架构领域,分类法是显示相似数据类型如何分组的记录。
因此,IA 将根据目标受众的心智模型为站点或应用程序选择合适的分类法。 此外,他们可能会使用元数据标记他们的内容,并帮助用户根据考虑的分类法找到他们正在寻找的内容。
例如,电子商务企业可能会考虑一个或多个分类法,每个分类法都针对其产品类别,例如服装、家居装饰等。
搜索系统
如果您拥有一个向客户提供大量产品的网站,那么拥有搜索选项是帮助客户找到合适产品的一种非常有用的方式。

信息架构师需要为网站添加一个强大的搜索引擎,并提供有用的过滤器和排序选项。 他们还决定每次搜索后网站内容的外观。
如何在任何设计中从 IA 入手?

IA 是创建任何数字产品(如移动应用程序或网站)的重要步骤,因为它需要逻辑结构。 如果你之前接触过这个领域,你可以自己创建信息架构或聘请专业人员为你做。
信息架构需要不同部门的协作,包括设计、工程、开发和内容创建者。 尽管执行 IA 的不同组织的步骤可能有所不同,但基本原理或多或少是相同的。
以下是为您的站点创建 IA 时需要采取的一些步骤。
维护内容清单
通过收集一个地方的所有内容或信息开始使用内容清单。 它将帮助您为所有数字内容创建一个目录,包括您正在进行的内容和想法。
这样,您将了解现有站点的工作方式及其重要页面和部分、主要子主题和主题、内容质量以及当前数据的组织方式。
维护内容清单还可以帮助您确定要丢弃、保留和添加您可能需要的其他东西。 您可以将所有数据放入电子表格中,以便于管理。
此数据将基于您正在处理的项目。 例如,如果您在网站上工作,包括当前 URL、页面标题、最后更新日期、媒体、作者、页面类型、关键字等。
此外,更新您的过时内容,同时删除不会为您的访问者或客户增加价值的不相关部分。 这样做将帮助您了解丢失的数据、管理损坏的链接以及处理其他细节问题。 这种执行站点审核的方式将使您清楚地了解如何组织您的网站。
进行用户研究
在您执行现场审核并了解其设计需要完成的工作之后,接下来就是用户研究。 它涉及创建买家角色和用户访谈。 使用这些技术,您将能够映射用户的需求,无论他们是您的老客户还是新客户。
为此,您可以执行以下活动:
- 树测试:它将帮助您查看用户对标签和导航的响应。 它将反映访问者在您的网站上找到数据的难易程度。
- 卡片分类:帮助您了解用户的习惯和行为,便于分类。
这里要注意的一件事是在进行每项研究后做笔记。 您可以记下哪些策略有效,哪些策略需要更改以获得更好的结果。
创建类别
类别可以通过多种方式创建,例如个人习惯。 但是在创建类别时,您必须确保它能为用户增加价值。
例如,如果您有一个按内部词汇和首字母缩略词组织的站点,新用户可能很难理解。 因此,要创建适合您的受众的类别,您可以从完整的内容列表开始。 接下来,实施用户研究以对内容进行分组和优先排序。

您可以首先创建适用于具有相似主题的较大内容组的类别。 例如,如果你有不同的产品,如 T 恤、连衣裙、衬衫、正装等,你可以将它们归为“服装”。 现在,您可以将服装分为不同的部分,例如男装、女装等。
要得出最佳分类,您可以执行频繁的用户测试并利用每个部分的研究。 您还可以进行竞争对手研究来推动您的分类工作。
标记您的类别
创建所有类别和子类别后,您必须为每个类别和子类别添加标签。 如果您想创建标签,请确保它做得很好,因为您如何标记每个类别会影响用户在使用该网站时的影响。
一个好标签的一些顶级品质是:
- 它必须用“关于我们”、“主页”等熟悉的、易于理解的术语来吸引用户的注意力。这将帮助用户了解他们愿意打开哪个页面并寻求信息。
- 标签必须显示用户点击标签后可以期待的内容。
- 通过使用图像添加上下文并使标签更容易被用户掌握。
- 标签必须易于扫描,以便用户可以快速定位区域以寻求答案。 为此,请避免读者可能难以理解的复杂或生僻词。
一切都完成后,您可以运行可用性测试以确保它适合他们。
添加元数据和分类法
设置标签后,组织每个类别并为每个组确定内容的优先级。 使用元数据,可以轻松找到不同的分类法。 这样,访问者可以更快地找到合适的产品或内容。
为了使流程高效,您必须慢慢来、保持一致并使用一些有用的工具。
包含搜索功能
添加“搜索”功能可提高网站上产品或内容的可搜索性。 因此,当您为您的网站构建搜索功能时,请确保您的网站上有很多页面或产品,其导航良好,并考虑用户习惯。
此时,您可能还想为您的站点开发良好的导航,以便用户可以轻松查看所有选项并使用它们到达他们想去的任何地方。 您还必须使用适当的线框图、原型设计和数据建模来完善您的网站架构。
用户测试
完成以上步骤后,你的信息架构一定准备好了。 并确保它是好的,进行用户测试。 或者,您可以利用分析数据并获得用户洞察力来塑造您的信息架构工作。
信息架构工具
#1。 优创车间
为了帮助用户找到正确的信息,您可以使用 Optimal Workshop 并创建令人惊叹的架构。 您可以轻松地使用他们的树测试和卡片分类工具来测试新的 IA 或对现有设计进行基准测试。

此外,您可以使用数据可视化并确信您的设计符合用户的心智模型。 Optimal Workshop 还将通过让您的利益相关者参与设计过程的每一步来帮助加速设计开发。
#2。 Optimal Workshop 的 Treejack

Treejack 是 Optimal Workshop 的另一项产品,可帮助您为站点创建合理的信息架构。 它将使您能够在几秒钟内获得有关您网站的强大见解,以便您做出更好的业务决策。
Treejack 将有助于避免猜测,使您能够了解用户的困难以及如何制定更好的策略。
#3。 流图
在使用 FlowMapp 构建数字产品、应用程序和网站的同时,为您的网站设计出色的信息架构。

由于其直观的工具可帮助您收集、协作和组织您的设计、开发、用户体验和内容策略,它受到全球超过 20 万用户的信任。 FlowMapp 还与 Zoho、Slack、Intercom 等连接,让您的工作更简单。
#4。 土坯
使用 Adobe XD 指导您创建逼真的原型来讲述您的故事,并帮助您轻松快速地将更聪明的想法变为现实。 无论您想设计 Web 应用程序、网站还是游戏,它都会为您提供支持。
Adobe XD 专为您打造,提供强大的工具以及专家教程和提示。 从线框图到开发,Adobe XD 是满足您所有设计需求的一站式应用程序。
结论
信息架构是管理站点内容的重要步骤,以便用户可以更快地找到相关信息。 上面解释了一些原则和方法,您可以考虑并使用一些最好的 IA 工具来创建令人惊叹的设计。
您还可以探索一些最好的线框工具来改进您的产品设计。