当前位置:首页 > 内容营销 > 正文

信息架构的四大支柱

信息架构的四大支柱

信息架构让用户知道他们正在访问什么类型的信息,以及内容的导航和消费所遵循的规则。...

架构很重要。 用沙子建造的城堡随着潮汐而倒塌。 但建在坚固的基础上,房子可以屹立一千年或更久。

网站也不例外。

嗯,有点不同。 但让我们再坚持一下这个比喻。

过去伟大的整体结构的建筑令人难以置信。 例如,埃及的古老金字塔已有数千年的历史——原因很简单。 坚实的架构。 随着结构标高的增加,坚固、宽阔的基础支撑着越来越小的重量和体积。

事实证明,这个原则也可以应用于数字领域。

物理建筑是重量和体积的组织和管理,必须遵守物理规则。 信息架构是组织和管理网站、应用程序或其他界面上的数据以及管理其结构的规则。 信息架构让您的用户知道他们正在访问什么类型的信息、如何访问以及管理内容的导航和消费的规则。

信息架构四个主要支柱。 四个中的第一个是金字塔的底部,可以这么说:组织。

组织系统

决定如何将内容和页面划分为类别。

信息架构的坚实基础始于您的组织系统。 这是您网站数据访问方式的基础。 顾名思义,组织系统只是指对数据进行分类的方式。 它可以是以下任何一项或全部:

  • 作者姓名
  • 标题
  • 尺寸
  • 颜色
  • 价格

…等等。 IA 的基础是如何组织数据以供用户查找。 例如,亚马逊以多种方式对其产品和内容进行分类:

图片来源:亚马逊

看看他们不同的产品是如何构建的。 在左上角有一个下拉菜单,标签为:Shop by Department。 此菜单分为 3 个不同的子部分。

顶部是亚马逊的所有特定产品,例如 Kindle Fire、在线视频和音乐以及 Echo。 在此之下,他们有实际的物理和数字产品类别,您可以从亚马逊和各个供应商处购买。 在最底层,他们有专业的产品和服务。 诸如手工项链、信贷和支付服务以及家居装修服务之类的东西。 最底部是他们的完整商店目录。

这些子部分中的每一个都有自己的弹出菜单以供进一步说明。 对于一家主要的在线零售商来说,这是一个经过深思熟虑的基础设施。 它允许用户从广泛的类别开始,并在浏览时缩小选择范围。 此外,他们可以非常具体地了解他们将从主页中找到的内容类型。

亚马逊以可用而闻名。 它们提供用户需要的所有信息,以了解他们的目的地以及到达那里时等待他们的东西。 这些信息是可访问的、可查找的、可用的和直观的。

这是 IA 正确完成的绝佳示例。 一个强大的基础,我们的信息金字塔的其他准则可以从中分层。

标签系统

选择描述类别的语言类型

IA 的下一个重要支柱是用于标记内容的语言。 这也包含一个很大的可用性因素。 更具体地说,它是关于语言水平的。 您的听众使用哪种方言?

这在很大程度上取决于您的用户研究和目标市场。 如果您的产品面向大众,那么您使用的语言类型不应包含太多特定于行业的行话。 然而,如果您提供特定于利基的东西,您的听众可能会对该主题有更多的了解,并且能够理解更多的行话。

例如,看看投资博客 Seeking Alpha 的主页:

图片来源:寻求阿尔法

只需浏览一些热门文章,您就会看到大量行业特定的语言,坦率地说,对于金融外行来说,这些语言只不过是拉丁文中的一个句子。 对于投资新手来说,即使是顶部的标签也可能看起来很混乱。 ETF和基金? 股息? 为什么收入需要自己的标签? 投资策略不都是为了赚钱吗?

这个网站显然是为金融界人士准备的。 在这个行业工作的注册会计师或投资银行家在导航充满行话的 IA 时不会有什么困难。 而没有财务背景的人可能需要查阅字典。 当然,这对这个网站没问题,因为它专门面向受过教育的观众。

现在形成鲜明对比,让我们来看看 Spotify 的主页:

图片来源:Spotify

看到 Spotify 主页上的主要标语是“Music For Everyone”,用于描述其内容的语言同样是通用的,这很好。 注意标签是一两个词,下面的句子简单易懂。 任何会阅读英语的人都可以理解这些内容的组织方式。

这再次帮助我们了解网站的整体架构。 您拥有直观且信息丰富的组织结构、清晰易懂的标签(针对您的特定受众),我们金字塔中的下一个模块是导航。

导航模式

设置您的受众认可的网站导航系统

这些也称为导航系统。 通常,您在大多数 Web 界面上看到的是页面顶部的选项卡系统或带有子菜单的菜单项,偶尔会从菜单选项中下拉。 您几乎可以在任何地方找到工厂导航模式的运行情况。

图片来源:Weather.com

在上方,您将看到 Weather.com 的主页。 顶部的导航栏很容易看到,简单易懂,最终可以使用。 只需单击一下按钮,即可获得有关您当地、国家或全球天气的所有信息。 这是一个非常标准的导航栏样式模式。 这种模式的流行变体包括粘性条或整页菜单。

然而,有效导航模式的可能性远远超出了通常的怀疑。

图片来源:斯巴鲁

汽车制造商斯巴鲁设计了一个引人入胜的网站,其中包含多个导航选项,让用户可以探索公司的环保活动历史。 导航地图的形状像一棵树的年轮,每个年轮都描述了公司历史上的不同时期。

用户可以在年轮内部单击以转到更具体的时间线并近距离探索引人入胜的内容,或者他们可以从远处浏览。 您可以通过单击和拖动、滚动、单击特定圆圈或链接或浏览整个站点中零星放置的菜单来导航。

导航不像某些标准模式那样一致。 然而,它更具互动性和吸引力。 此站点中的 IA 设置为允许用户浏览内容,随时随地发现信息,并在遇到问题时接收有用的提示。 它仍然满足可用性的主要要求,并且还增加了新颖性的元素。

然而,问题是,这种交互式导航可能会导致用户感觉迷失在网站结构中。 我们的 IA 金字塔的第四层也是最后一层代表了这个问题的各种变通方法。

信息检索

在您的网站上选择一种信息检索系统

这是您在网站上查找特定数据的方式。 通常,您可以找到标识关键字的经典搜索框,以便找到您要查找的特定内容,但它也可以是编号/项目符号列表中的项目。 然而,一般来说,当人们谈论信息检索时,他们谈论的是搜索引擎。

更一般地说,您有两种类型的信息检索系统:

  1. 站点特定检索
  2. 站点和网络检索

在前一种情况下,您网站的搜索引擎只会从您自己的网站中检索结果。 在后者中,搜索结果将包括来自网站和互联网其他部分的结果。

让我们从站点特定检索的示例开始。 我最喜欢阅读设计灵感的网站之一是设计特别好的网站的聚合器:Awwwards.com

奥瓦兹

图片来源:Awwwards.com

此图片是“每日网站”类别中关键字“电子商务”的结果页面。 搜索引擎会显示为此关键字排名的网站列表,并且还有一个网站 Awwward。 作为一个方便的附加功能,它们还列出了此关键字在其他部分中出现的次数。 您可以通过页面顶部的菜单按其他类别进一步缩小结果范围。

这是查找您要查找的内容的极其有效的方法,因为它允许您搜索具有不同类别的特定属性。 再一次,这一切都是关于以可用和直观的方式定义您的架构。

对于 Web 和站点检索,让我们来看看所有搜索引擎之母。

谷歌

图片来源:谷歌

谷歌有很多你可以搜索的现场内容。 它的响应式设计最佳实践、材料设计指南、趋势、应用程序等。 但是,当您在该搜索栏中键入内容时,更有可能希望从外部来源获取数据。 无论如何,这就是谷歌最擅长的。 特别有趣的是,Google 实际上可以用作您自己网站上的搜索引擎。

无论您的搜索栏策略如何,为您的用户提供多种查找内容的方法都很重要。 搜索栏本身仅对于内容丰富的网站才是真正必要的。 如果您的站点没有大量数据可编入索引,则您可能不需要它。 但是对于博客、新闻网站和任何其他内容丰富的平台,它们是必需的。

您的 IA 金字塔到此结束。 有了所有这些元素,您就可以确信您的网站结构安全地基于可用性最佳实践。 当然,像 IA 这样的深层次主题还有更多内容,但是如果您理解并实施了这四个支柱,那么您将在长期拥有可扩展且可用的 IA 的道路上走得很好。

要了解有关信息架构的更多信息,请查看以下有用资源:

  • Usability.gov
  • 用户体验展位

注意:本文所表达的观点是作者的观点,并不一定代表卡菲昂及其员工或合作伙伴的观点。

,

最新文章