新媒网 · 跨境数据社区

在咱们跨境电商这个圈子里摸爬滚打这么多年，我深刻体会到，产品再好，如果用户找不到、用不明白，那也只是空中楼阁。特别是数字产品，光有漂亮的外表远远不够，能让用户自然而然地找到需要的功能和信息，这才是真正的本事。客户应该能一眼找到你的商品，并且清楚知道去哪里才能买到他想要的东西。

信息架构（Information Architecture，简称IA），简单来说，就是把你的内容进行分类和组织，让它“一看就懂，一用就顺”。

说起来，很多团队（包括我过去的自己）在这上面都走了弯路。大家总觉得信息架构就是搞个清楚明了的导航栏，但其实远不止如此。它就像你网站的骨架，首页放什么、产品目录能挖多深、帮助文档怎么分组，这些都离不开信息架构的考量。

所以，我现在做任何项目，绝不会再凭感觉来。今天，我就以一个过来人的身份，带大家深入了解信息架构到底是什么，我设计时遵循的原则有哪些，有哪些实战案例值得借鉴，以及现在有哪些工具能帮咱们把这事儿做得更顺手。

什么是信息架构？

信息架构，说白了，就是如何组织和呈现你的内容，无论是网站、手机应用、博客文章，甚至一本实体书，亦或是线下门店的布局，目的都是让用户容易理解。要让用户能看懂内容，咱们就得把两大关键因素考虑进去：用户的场景和用户的需求。

场景，指的是用户接触内容的环境。要搞清楚这个，咱们就要思考用户在何时、何地、为何以及如何寻找并使用你的内容。而内容的结构，则要根据用户的需求、目标、行为和预期来定。这就要求咱们得知道目标用户是谁，咱们的内容能给他们带来什么价值，以及他们实际上是怎么使用这些内容的。

为什么信息架构这么重要？

信息架构是线上用户体验的核心。信息架构师的工作就是通过结构化和导航系统，简化复杂信息，让用户能够轻松愉快地使用。无论是玩手机游戏还是浏览B2B网站，良好的信息架构都能帮你快速找到所需，达成目标。

要更好地理解信息架构的价值，咱们不妨从人脑的工作原理说起。

用户体验、信息架构与认知心理学

认知心理学，就是研究人脑内部处理过程的学问。它和认知科学一起，探究咱们人类的这些习惯：

• 记忆
• 注意力
• 学习
• 决策
• 感知
• 解决问题
• 创造性思维

深入了解认知心理学，能给咱们改善用户体验和设计带来很多启发。下面咱们就聊聊设计中常用的一些认知原则。

心智模型

人们为了理解和与世界互动，会在脑海中构建心智模型。每个人的心智模型都是独特的，并且会随着获取的信息不断变化。心智模型，就是你脑子里对世界的个人版本。

把这些模型应用到不同的任务和场景中，能帮助你更好地为用户解决问题。比如，著名的“艾森豪威尔决策矩阵”，就是一种时间管理的心智模型。它简化了工作任务的优先级排序。

格式塔原则

简单来说，“格式塔”是德语中“形状”的意思。但和大多数文化共享的词汇一样，它的含义更深。格式塔还指一个形状或物体如何与其周围空间互动，以及事物集合如何大于其各部分之和。

格式塔原则通过邻近性、相似性、闭合性、连续性和图形-背景等概念，帮助我们进行用户设计。你可以在相关文章或视频中深入了解这个原则。

认知负荷

认知负荷，指的是工作记忆在同一时间能够处理的信息量。人脑在任何给定时间只能记住有限的信息。因此，创建的指引必须避免信息过载。

还需要记住的是，外部事件和环境也会影响用户的认知负荷。例如，在2020年新冠疫情期间，很多人难以集中注意力。这种“脑雾”现象常常因为认知负荷增加，甚至延伸到简单日常任务上。

识别模式

人脑会记录事件、人物和地点等信息。识别模式能让我们更容易提取存储的信息。它们还在你接收新数据时，与已有数据进行逻辑比较。

回忆模式有助于你猜测接下来可能发生什么，前提是它与你之前看到的模式一致。所以，当你访问一个网站时，你可能会期望网站的某些部分与其他你访问过的网站保持一致。设计师们正是利用这些假设来提升用户体验的。

信息架构对业务的影响力

优秀的信息架构价值非凡，因为它能帮助用户快速找到信息。这意味着你的网站信息架构可能会影响：

• 潜在客户开发
• 员工绩效
• 招聘
• 市场营销投资回报率
• 客户服务

信息架构不光在线上管用，它也能帮你不在地铁里迷路，准时找到新牙医诊所，或者避免一头闯进你最喜欢的餐厅厨房。

然而，信息架构在数字产品中威力尤甚，因为如果你在一个网站上迷路了，可没有人会等着帮你指路。要是在一个跨境电商网站上迷失方向，你很可能会直接离开，再也不回来。这意味着你买不到心仪的产品，这家公司也失去了你的生意。

信息架构让你能参与到网站的决策过程中。它能确保用户每次点击都能找到他们想要的东西，并且建立起一个逻辑框架，从而赢得用户的信任。那么，信息架构师们究竟做了些什么，让信息架构如此宝贵呢？

信息架构系统

信息架构涉及研究、规划和沟通。信息架构师的工作通常始于一堆复杂的信息。当他们完成工作时，这些信息就会变成一个清晰易用的结构。

为了构建这个复杂的结构，信息架构师通常会执行一系列任务，包括用户研究、卡片分类、内容清单、站点地图和标签设计。在用户体验设计过程的后期，信息架构师可能会带着不同的目标重复其中一些步骤。信息架构师的目标始终是理解用户。他们希望了解用户的需求和目标，以及他们如何寻找信息。然后，他们会创建一个结构来满足这些需求、目标和行为。

要顺利完成这个过程，咱们需要精通四个不同的系统：

• 组织系统
• 标签系统
• 搜索系统
• 导航系统

目标是设计每个系统，以满足用户的需求。

组织系统

组织系统，也称为分类系统，负责对信息进行分类。它侧重于创建方法和框架，用于组织和构建信息。这个框架的创建是为了让用户能够高效地查找、理解和使用信息。简单来说，信息架构系统就是决定内容在网站、应用或其他数字平台上如何排列和呈现的“规则”或模式。

在组织系统中，有四种常见的类型。

1. 层级（或自上而下）系统

在这种信息组织系统中，内容像一棵树一样排列。咱们在顶部看到非常宽泛的主题，下面则是更具体的主题。例如，在一个销售产品的网站上，我们通常会从主页开始。在主页上，我们会找到产品，这些产品可能会被分类，然后最终我们会看到具体的产品。这就是层级系统的工作方式。

2. 顺序（或分步）系统

这种组织系统是用户通常必须遵循特定路径才能达到目标的系统。这是博客、教程指南或调查网站常用的系统类型。该系统最适合必须按特定顺序完成的任务。

3. 矩阵（或网格）系统

矩阵系统是最常用的系统，用户可以根据自己的目的以不同的方式导航。在这个系统中，选择基于多个筛选条件，用户可以采取不同的路径。这种类型的系统在跨境电商网站上非常常见，对于拥有大量复杂数据集的网站来说，它绝对是最佳选择。

4. 有机（或网络）系统

有机系统允许用户自由导航，通常通过搜索、链接或标签。没有严格的层级结构。这个系统最适合内容丰富的平台，用户希望灵活探索。维基百科和基于标签导航的博客是有机系统的流行示例。

还有其他组织信息的方式。按字母顺序、按时间顺序、按主题或基于用户细分的组织系统在网上都很受欢迎。

标签系统

为了让用户能快速理解和操作信息，标签系统规定了如何用文字、图片或符号来表示数据。简单地说，标签就是我们给行为、材料和类别起的名称。一个强大的标签系统，能确保这些名称始终保持一致、易于理解和使用。

没有它，你的网站就会变成一场“猜谜游戏”。这就是为什么我在设计信息架构时，从不忽视标签的重要性：

• 清晰度：标签能减少混乱，让内容更容易浏览。
• 可用性：清晰的标签无需额外解释就能引导用户。
• 一致性：确保整个网站或应用中的术语保持统一。
• 可查找性：好的标签能提升搜索和导航效果。
• 无障碍性：精心编写的标签能帮助使用屏幕阅读器等辅助技术的用户。

总之，标签提供了上下文信息，让你的用户知道去哪里寻找更多内容。标签必须简单易读，并且对你的目标受众来说是熟悉的。

搜索系统

搜索系统是一套程序、工具和方法，让用户可以直接搜索信息，而不必费力地浏览菜单或类别。它们就像是寻找内容的“捷径”，尤其适用于信息量庞大的网站（想想看国外的YouTube、亚马逊，或者谷歌）。组织系统引导用户通过结构化导航，而搜索系统则让用户能快速定位特定内容，即使他们不确切知道内容在哪里。

导航系统

导航系统允许用户在网站、应用程序或产品上移动和浏览内容。组织系统关注内容如何被组织，而导航系统则关注用户如何访问和探索这个结构。

我喜欢这样理解：组织系统是地图，而导航系统则是指引用户穿越地图的方向和路标。一个导航系统可能包括：

• 主导航界面 – 用户首先看到的最顶层菜单。
• 子导航菜单 – 更深层内容的二级菜单。
• 面包屑导航 – 显示用户在网站内所处位置的路径。
• 分页 – 将长列表或文章分解成可管理页面。

导航能帮助用户找到特定信息。它是由不同部分组成的集合，形成用户能识别的模式。例如，在层级导航中，用户从上到下导航。在这个阶段，信息架构师决定用户将如何浏览网站以及网站页面如何连接。

接下来，咱们看看设计信息架构时需要遵循的一些重要准则。

信息架构原则

在探讨信息架构时，很快就会发现，许多网站表面看起来不错，但用户一旦尝试互动，就可能出现问题。为了解决这些挑战，信息架构师丹·布朗（一位美国专家）在2010年提出了信息架构的八项原则。他将其描述为“普世真理”，为评估信息架构的有效性提供了一份清单。十多年过去了，这些原则在构建数字产品方面仍然被广泛应用。

让我用通俗易懂的语言，结合我作为开发者看到的实际情况，给大家解读一下这些原则。

1. 对象原则

把内容想象成活生生的“对象”。每个对象都有自己的属性、行为和生命周期。比如，一个跨境电商网站的产品页面并非一成不变，当产品下架后，它可以被更新、归档或重新分类。在我规划网站结构之前，我总是会问自己：“我正在处理哪些类型的内容？”是博客文章、产品页面，还是视频？了解这些，能帮助我设计出符合内容生命周期自然流动的结构。

2. 选择原则

选项太多只会让用户不知所措。选择原则告诉我们：越简单越好。如果你弹出一个订阅邮件的窗口，用户就应该只有三个选择：订阅、关闭或忽略。选择原则的目标是只给用户最相关、最重要的选项。这些决策应该与特定的任务相关。

3. 渐进展示原则

只在用户需要的时候展示信息，不多不少。比如谷歌就做得很好，它的“大家也在问”功能：你先看到问题，只有点击后答案才会展开。我在设计用户引导流程时也尽量遵循这个原则：不要一开始就一股脑把所有东西都抛给用户。一步一步地展示细节，让用户更容易消化。

为了让内容更容易被用户处理，每次只应呈现特定的信息量。

4. 范例原则

范例原则是说，当有些东西不完全清楚或不直观时，就应该提供例子来引导用户。跨境电商网站在这方面做得很好。比如，以外媒Jungalow的首页为例。它没有仅仅列出“壁纸”或“植物+花盆”这样的类别，而是将它们与充满活力的图片搭配起来。名称本身很直观，但视觉效果更进一步——它们设定了用户的预期，并向访问者展示了点击后会发现什么样的色彩缤纷、波西米亚风格的产品。

5. 前门原则

不是所有用户都通过你的首页进入。他们可能通过谷歌搜索，直接进入一篇博客文章、一个产品页面，或者一个随机的落地页。所以，每个页面都必须像一个“前门”。我总是会在页面中加入导航辅助（页眉、页脚和面包屑导航），并简短说明他们当前的位置，这样无论用户从何处进入，都不会感到迷失。外媒Nude Barre的网站完美地诠释了这个原则。除了带有下拉菜单和搜索框的导航标题外，每个页面底部都有一个很大的页脚。这个页脚包含了网站导航的重要链接以及对业务的简短描述。用户可以很容易地了解公司在做什么，找到他们需要的东西，或者无论身处何处都能在网站上浏览。

6. 多重分类原则

人们喜欢以不同的方式获取信息。有些人喜欢菜单，有些人喜欢搜索，有些人则喜欢滚动到页面底部。我深知“一刀切”的模式并不总是适用。对于内容丰富的平台，我确保提供多种导航方式。例如，导航菜单、搜索栏、标签，甚至相关内容链接。外媒Ailey Extension这个健身网站就是一个很好的例子。它提供了：

• 带有子导航菜单的导航栏。
• 搜索栏。
• 面包屑导航。
• 带有导航链接的页脚。
  

7. 专注导航原则

专注导航的理念是，你网站的导航菜单和工具应该处处一致，并且只展示相关内容。如果你在博客上使用了面包屑导航，那么在所有页面上都应该使用。再比如，你有一个主菜单，链接到产品和服务，每个都有自己的子菜单。那么，产品下只放产品，服务下只放服务。否则，用户就会感到困惑。看看外媒HubSpot下面的首页。它有一个组织良好的子导航菜单，可以很容易地看到哪些链接属于教育、服务等等。

8. 成长原则

成长原则的核心，就是设计你的信息架构，使其在网站规模扩大时不会崩溃。想象一下一个跨境电商商店。也许你女装类别现在只有衬衫和裤子。这没问题——但一个好的信息架构会预留空间，以便将来扩展到连衣裙、鞋子，甚至全新的配饰类别，如围巾、帽子和珠宝。这个理念就是让你的结构具备“未来保障”，使其能够随着你的业务一起成长。

这八项原则并非死板的规矩。我更倾向于把它们看作是指导方针，在我规划新产品或整理杂乱网站时指引方向。它们提醒我，要优先考虑用户体验，而不仅仅是后台的文件夹和数据库。

接下来，咱们看看这些原则在一些真实网站的信息架构案例中是如何发挥作用的。

信息架构图示例

由于网站的内容结构取决于用户的具体需求，因此没有两个结构会完全相同。一个跨境电商商店的信息架构可能与一个博客的信息架构完全不同，但仍然能满足用户需求。

大多数网站和应用程序，无论其领域如何，都有一个共同点：它们最多只有三到四层层级结构。这样，用户想要的内容仍然只需几次点击即可访问，但网站导航又不会太宽泛。你可以在下面的信息架构图——以骨架形式概述网站的视觉站点地图——中看到这一点。

美国杜克大学图书馆

作为2013年网站改版的一部分，美国杜克大学发布了信息架构蓝图（如下图所示）。其新的信息架构将有六个主要类别：

• 搜索与查找
• 使用图书馆
• 研究支持
• 课程支持
• 图书馆
• 关于我们

最重要的页面都归于这些类别之下。它们构成了网站的全局导航，用户可以在下拉菜单中访问子类别。

站点地图的其他部分显示了将出现在导航栏上方（“实用导航”）页眉中的内容、页面的内容区域（“新闻、事件、展览”和搜索框）以及页脚。

慈善应用

下面是来自UX设计师Bogomolova Anfisa（一位外国设计师）的手机应用信息架构图。从外媒Pinterest到Goodreads，大多数应用程序都有类似的结构。

根据这个信息架构，用户首先会看到帮助他们理解和使用应用程序的说明。然后他们会看到一个欢迎页面，并可以使用社交媒体或电子邮件登录，或者如果尚未注册，则注册一个帐户。从那里，他们会进入主页，其中包含查看书签、消息、个人资料或创建新帖子的选项。

“博物馆”应用

下面是设计机构Pixel Fridge（一家外国设计机构）为其客户（一家博物馆）设计的手机应用信息架构。六个紫色方框代表了博物馆网站的六个主要部分——但用户研究和测试表明，并非所有六个部分都被认为同等重要。

左侧是他们放置在导航标题中的类别和子类别。右侧是放置在网站页脚中的类别和子类别。

旅游预订网站

与美国杜克大学图书馆网站和“博物馆”应用一样，这个旅游预订网站有六个主要类别。这些类别是：

• 账户管理
• 预订行程
• 关于
• 目的地
• 客户服务
• 旅行贴士
  

您将在下图中注意到，该网站的层级结构中有一个额外的层级。目的地类别下三个子类别关联的页面构成了第四层。

如果你觉得这些案例看起来像是用户体验（UX）设计过程中会看到的东西，那你就对了。虽然信息架构涵盖了从技术写作到图书馆学等多个学科，但它在用户体验领域尤其重要。下面，我们将探讨信息架构和用户体验之间的关系。虽然这两个概念都适用于虚拟和物理空间，但我将侧重于前者，以帮助你创建易于使用的网站、手机应用和其他数字产品。

信息架构与用户体验的区别是什么？

信息架构（IA）和用户体验（UX）两者非常相似，但又不完全相同。

用户体验设计，就是关于产品用户如何与产品进行互动。它包含了完整的用户旅程，从第一印象到任务完成，重点在于使其简单、有趣且高效。

一个用户体验设计师会思考这些问题：

• 产品使用起来有多容易？
• 不同技能水平的人如何使用它？
• 它是否令人满意和值得信赖？
• 体验在所有页面或设备上是否一致？

信息架构关注信息的组织和结构。而用户体验则涵盖了使用网站或应用程序的整个实际体验。构建信息架构只是用户体验设计过程中的一个步骤。其他步骤还包括内容清单、用户研究和测试、线框图和原型设计。新媒网跨境认为，掌握两者差异，能更好地指导实战。

如何为你的网站创建信息架构

信息架构是制作任何数字产品最重要的步骤之一。无论是制作你的第一个网站，还是为你的业务开发应用程序，都需要一个清晰的计划。是选择聘请经验丰富的信息架构师，还是亲力亲为，这取决于你。

信息架构工作中，团队协作非常多。研究、开发和设计团队有时会共同参与整个过程。但即使是你自己完成的小项目，如果了解了基础知识，也能做得更好。由于每个信息架构项目都不同，步骤可能不会总是按相同的顺序执行。但这些步骤可以帮助你进行学习、规划和研究，为你的下一个数字项目构建出色的结构。

对我来说，信息架构就像我制作新网站或应用程序时的路线图。它让我始终保持在正确的轨道上。它告诉人们如何组织、标记和链接信息，以便他们可以轻松地浏览体验。为了改进这个过程，我有时会与设计师或用户体验分析师合作。我也会自己画出来。以下是你为网站创建信息架构的方法。

第一步：盘点你的内容。

在我碰网站地图或导航菜单之前，我会先清点所有现有的内容。如果是重新设计，那意味着要制作一个电子表格，里面包含网址、标题、内容类型、最后更新日期和关键词。对于一个全新项目，我则会列出想法、草稿和计划中的素材。为了便于管理，我会把所有东西都集中在一个地方。

对于网站来说，通常意味着一个电子表格，详细列出：

• 当前网址
• 页面标题
• 上次更新日期
• 页面类型（博客、产品、落地页等）
• 媒体（图片、视频、可下载文件）
• 作者
• 重点关键词

即使你是从零开始，把你的想法和草稿整理出来，也能帮助你明白哪些部分最重要，哪里还需要补充内容，以及如何组织信息。这次盘点标志着站点结构规划的开始。

第二步：了解你的用户。

我职业生涯早期犯的一个错误，就是想当然地认为我的思维方式和用户一样。这可大错特错。所以，我即使是进行简单的研究，比如卡片分类或树形测试，也能发现用户实际如何分组内容，以及他们自然会使用哪些词汇。

我喜欢用的另一个工具是谷歌趋势（Google Trends）。它是免费的，能让我比较人们搜索不同词条的频率。例如，假设我正在为我的产品寻找一个好的关键词。我可以使用谷歌趋势应用比较两个或更多同义词，比如“sofa”和“couch”，以确定我的用户最可能搜索哪个词。有了这样的洞察，我能更好地让网站上的语言与用户的实际表达方式相符。

从这两张图片可以看出，“sofa”一词在英国的使用频率高于美国。有了这些信息，就能大大提升你的商品在各个国家地区的表示方式。

接下来，试试信息架构师们常用的一些流程。

第三步：分组和分类。

有了内容盘点和用户研究，我开始将内容归类成逻辑组。我避免依赖公司内部的行话；用户不关心内部缩写。相反，我根据对他们重要的主题来分组内容。

对内容进行分组和分类可能会有点困难，因为有多种方法可以做到这一点，而且人们通常会使用个人习惯或可能无效的内部系统。为了让分类对大多数受众都有效，我从完整的内新媒网跨境获悉，容列表开始，并应用用户研究来确定内容的优先级和分组。例如，我可以将社交媒体（Facebook、Instagram和TikTok）博客合并到“社交媒体”下，以便简化导航。

在分类时，我常常发现有些内容无处可放。此外，有些内容可能属于多个组。在这种情况下，用户研究可以确定这些例外是否需要自己的子类别，或者是否应该整合到其他地方，以保持结构的对用户友好。

第四步：小心地贴标签。

分类再好，也得靠好的标签来体现。好的标签能吸引用户注意，并对你的内容具有辨识度或独特性。我尽可能坚持使用熟悉、易于扫描的词汇：首页、价格、博客、文档。但有时独特的标签也能增加个性，比如用于实验性项目的“实验室”（Labs）。

标签除了吸引注意力，还必须能设定预期。用户点击后看到什么，应该一目了然。在跨境电商网站上，“热销商品”就表明了最受欢迎的商品。我发现图片有助于澄清标签，尤其是在可能被误解的情况下。外媒亚马逊网站就是一个很好的标签范例。

我还喜欢把图标和文字搭配使用，尤其是在手机端。放大镜图标加上“搜索”两个字，比单独一个图标更容易理解。在正式启用标签之前，务必进行快速的用户测试，因为你觉得理所当然的东西，可能让别人一头雾水。

第五步：定义分类体系和元数据。

一旦类别确定下来，我就会构建内部结构。这就是分类体系和元数据发挥作用的地方。它简化了信息的导航和优先级。例如，在电商网站上，分类体系可能包括鞋子 → 男士 → 跑步。元数据则添加了尺寸、颜色或品牌等详细信息。

元数据和分类法用术语或代码标记内容，以便更容易检索，让用户可以选择和细化搜索结果，而不是扫描所有可访问的对象。

随着网站的发展，分类体系变得越来越复杂，组织性也变得越来越重要。开发分类体系需要明确的顶级类别和名称。如果分类过于重叠或定义不清，分类体系可能会令人困惑。所以我建议你慢慢建立分类体系，以避免出现重复类别和令人困惑的标签等问题。

强大的信息架构依赖于一致性。定期检查可以避免因重复或相似的标签而给用户带来困惑。站点地图和信息架构映射软件可以帮助你理清网站的组织结构。这些技术对视觉思考者很有帮助，因为它们能让分类体系和元数据在网站发展时保持一致和可扩展。

第六步：规划搜索功能。

新媒网（公号: 新媒网跨境发布），是一个专业的跨境电商、游戏、支付、贸易和广告社区平台，为百万跨境人传递最新的海外淘金精准资讯情报。

本文来源：新媒网 https://nmedialink.com/posts/cross-border-optimize-ia6-steps-2x-success.html