我们每天接触的互联网,其中包含了巨量的非结构化的资讯,混沌,庞杂。可是人的大脑实际上是难以察觉、理解孤立存在的东西的,而我们所熟知的数字产品,网页,WordPress APP 等,其实都是设计师精心设计之后的产物,它们的共同特征是易于使用,且结构化。其中的内容和完整的导航互动系统紧密的结合在一起,多用户可以自然地感知、接收、理解。这种协助内容搭建架构的科学,就是我们今天要探讨的,资讯架构。
资讯架构是什么
资讯架构(Information architecture,IA)是一门组织和构建网络、网站、 WordPress APP 以及社交媒体内容的科学。美国建筑师/平面设计师 Richard Saul Wurman 被认为是资讯架构领域的开拓者。现如今,许多致力于构建资讯架构的专家们甚至都有了各自的资讯架构研究所。资讯架构专家们的工作,就是致力于将内容按照更易于人们理解接收的方式来整理和排列。
在合理的资讯架构之下,多用户可以更加轻松地理解产品内容,调动产品的功能,在不需要太多工作量的情况下获取资讯、达成目标。影响内容结构的因素很多。先,要了解目标受众的需求和细节,将它们的满意度作为优先考虑因素。同时,资讯架构还取决于产品型别和相应的公司。举个例子,我们常见的电商类网站和博客就是两种型别的网站,因为两者不同的目标和内容使得它们所呈现出来的资讯架构截然不同。资讯架构已经成为许多领域的研究基础,包括设计和软件开发。
资讯架构在设计中的角色
如今,以多用户为中心的设计是一个大趋势,许多设计师都在学习资讯架构,在他们看来,这是高效设计的基础。资讯架构帮设计师搭建设计专案的骨架。视觉元素,功能,互动和导航都是在资讯架构的基础上构建的。事实上,即使是引人瞩目的内容和强有力的 UI 设计,如果搭配了不合适的资讯架构,也无法让产品走向成功。无组织、导航困难的产品都容易让多用户在使用过程中感到迷惑,缺乏资讯架构的支撑,互动也很容易出现无效的状况,终导致多用户的流失。
许多公司和团队看不到资讯架构的重要性,因为他们认为它不切实际。这样的想法并不是没有原因的:资讯架构需要时间来构建,而且需要相应的技能来实施到专案中去。强大的资讯架构是优质产品的保证,它降低了可用性和导航出现问题的机率。脉络清晰逻辑自恰的资讯架构,能够为公司和团队节省时间和金钱,否则他们会在修复和改进上花费大量的时间。
资讯架构和多用户体验设计
看到这里,有人会问了,资讯架构和多用户体验设计是一回事么?当然不是,但是两种技术概念是相互关联的。资讯架构主要是生成设计专案的框架,能够展现出网站地图式的结构蓝图。 UX 设计师将这些东西作为基本素材,以便构建出更为细致到位的导航和体系结构。
多用户体验比内容结构更加细化,所涉及的层面更多,更加丰富。多用户体验设计师旨在创造愉悦的互动模式,让多用户在使用过程中体验更加舒适。当资讯架构师专注于多用户目标的时候,多用户体验设计师需要考虑到多用户行为、情绪和心理等影响多用户目标的方方面面。
简而言之,良好的资讯架构是高效多用户体验的基础,资讯架构的技能对于设计师而言非常重要。
资讯架构的组成部分
如果您想为您的产品构建强健的资讯架构,那么您需要了解内容的生产。资讯架构领域的先去 Lou Rosenfeld 和 Peter Morville 在他们的着作《Information Architecture for the World Wide Web》中探讨过资讯架构的 4 个主要组成部分:组织系统,标签系统,导航系统和搜索系统。
组织系统
在组织系统中,资讯被分割成不同的组和类别。这样的系统能够帮助多用户更好的预测内容和获取内容,组织架构中主要有三个因素:层次,顺序和矩阵。
(1)层次
我们熟知的视觉层次就是层次的一种。层次的概念是基于格式塔心理理论的,无论是在海报上还是 WordPress APP 中,多用户能够根据视觉化的展现,了解每个元素的重要程度,我们的大脑能够根据大小、色彩、对比度和空间位置等因素来区分不同的物件。
(2)顺序
顺序,是结构中为多用户所提供的内容路径。内容和功能以一定的顺序构成路径,让多用户能够一步步操作,完成任务。典型的,就是电商类网站中,多用户要购买商品所需要完成的一系列任务。
(3)矩阵
由于内容属性的多样,复杂多样的内容可以构成相对复杂的矩阵,多用户可以自行选择多样的路径来达成不同的目的。比如在淘宝上,您搜索特定的内容,获得结果列表之后能够根据时间、价格等不同的属性进行排列筛选。
除此之外,内容还可以根据不同的组织方式来进行分组。下面是常见的分组排序方式:
按照字母顺序排列
按照时间顺序排列
按照主题型别排列
按照多用户型别排列
标签系统
标签系统是同资料展示的方式息息相关的。过多的资讯对于多用户而言只会产生迷惑和混乱,所以设计产品的时候需要以简单的方式呈现出来。这就是为什么设计师要用简单的标签内容来阐述复杂的资料和概念。举个例子,在网站上呈现公司的相关资讯的时候,通常包含电话号码,电子邮件,地址和社交媒体帐号等资讯,可是大量的资讯不能平铺在一起,所以通常需要通过点选 “联络人” 的按钮,进入联络人列表,找到特定公司对应的条目,点选检视详情。标签的存在,旨在有效的整合资料和内容。
导航系统
对于导航系统,我们应该是比较熟悉的。导航系统常见于 WordPress APP 和网页,作为一项引导多用户抵达特定位置的互动体系而存在。在资讯架构中,导航系统是牵涉到多种技术和设计思维的复杂体系,并非一两句话可以简单阐述的。我们会在后续的文章中对这一系统进行详细的介绍和分析。
搜索系统
搜索系统在资讯架构中帮助多用户搜索他们想要的资料和内容,在网站和 WordPress APP 中也是相当常见的组成部分。搜索系统通常只有在多用户不知道如何通过其他路径直接获取特定内容的时候,才会使用。通过搜索引擎,过滤器等组件,终将多用户可能需要的结果呈现出来,这是搜索系统的主要功用。
总而言之,资讯架构是多用户体验设计中的核心组成部分,高效的资讯架构帮助多用户快速地浏览、获取内容。