设计师的基础知识-信息架构

哈喽,大家好。北京5PLUS UI设计学校为了帮助更多的小伙伴提高设计ui水平和设计意识,会整理一些比较细致且有实际案例的设计知识分享给大家。5PLUS是一所专业ui设计学校ui设计 培训机构,有很多出色的ui设计师学习在这里学有所成。如果觉得好,就分享给更多人吧。

 

互联网包含大量难以想象的非结构化信息,因为人类的大脑无法感知任何单一的东西。人们已经习惯于看到软件的内容和功能,就像现在的展示:结构化且易于使用。然而,这并不是无意中发生的。

设计人员和开发人员负责以适合用户感知的方式构建内容和导航系统,协助内容构造排列的方法称为信息架构。今天我们来聊一下信息架构的本质,并介绍了每个设计师应该知道的基本要点。

什么是信息架构?

信息架构(IA,Information architecture)是一种组织和构建网站、手机App和社交软件内容的科学。美国建筑师和平面设计师Richard Saul Wurman被认为是IA领域的创始人。今天,有很多专门从事IA开发的专家已经建立了信息架构研究所。根据IA专家的说法,信息架构是决定内容如何被有效理解的方法。

信息架构的作用是按照信息结构来排列内容信息,以方便用户可以很轻松适应产品的功能,并且可以容易找到所需要的东西。内容结构取决于各种因素。

首先,IA专家会考虑目标受众需求的具体情况,因为IA将用户满意度放在首位。此外,结构取决于产品的类型和公司提供的产品。例如,如果我们比较一个零售网站和一个博客,我们会看到两个完全不同的结构,这两个结构都有效地实现了某些目标。信息架构已成为包括设计和软件开发在内许多领域的基础研究。

设计师的基础知识-信息架构

信息架构在设计中的作用

如今,当以用户为中心的设计方法成为一种趋势时,许多设计师学习信息架构科学的原理,他们认为这是进行高效设计的基础。IA构成任何设计项目的骨架、视觉元素、功能、交互和导航都是根据信息架构原则构建的。问题是,如果没有合适的IA,即使是再好看的UI设计也会变得不好用。无组织的内容使得导航变得混乱且不明确,因此用户很容易迷失并感到困惑。如果用户首先遇到非常不好的交互方式,他们可能不会给你的产品第二次机会。

许多公司没有看到信息架构的重要性,因为他们认为这是不切实际的。IA需要一些时间来创建,并且需要特定的技能才能有效地完成它。然而,强大的IA是高质量产品的保证,因为它降低了产品可用性和导航出问题的可能性。经过深思熟虑的信息架构可以节省公司的时间和金钱,否则他们在产品后期将花费更多的精力和财力来修复和改进产品。

IA和UX设计

在阅读了上面写的所有内容之后,很多人可能会有这样一个问题:“IA不是和UX设计一样吗?”从技术上讲,这些术语彼此相关,但它们并不相同。IA是设计信息结构,可以生成项目的框架和站点地图。UX设计师将它们用作基本材料,以便他们可以规划导航系统。

用户体验设计不仅仅需要关注内容结构。首先,UX设计师的目标是制作愉悦的交互模型,以便用户使用该产品感到舒适。当IA专家专注于用户的目标时,它们包含影响用户行为的各个方面,例如情绪和心理。

良好的信息架构是高效用户体验的基础,因此IA技能对于设计师来说至关重要。有效的IA使产品易于使用,但只有与设计思维相结合,产品才具有强大良好的用户体验。

设计师的基础知识-信息架构

IA系统组件

如果您想为产品构建强大的信息架构,您需要了解它的组成部分。IA领域的先驱,Lou Rosenfeld和Peter Morville在他们的“互联网信息架构”一书中区分了四个主要组成部分:组织系统,标签系统,导航系统和搜索系统。

组织系统

这些是信息划分的组或类别。这样的系统可以帮助用户预测他们可以轻松找到某些信息的位置。有三种主要的组织结构:层次,顺序和矩阵。

层次。在我们之前的一篇文章中,我们提到了一种众所周知的内容组织技术,称为视觉层次结构。它最初基于格式塔心理学理论,其主要目标是在载体上呈现内容,无论是书页、海报、网页还是手机屏幕,用户可以通过这种方式了解每个元素的重要程度。它激活了大脑根据物理差异区分对象的能力,例如大小、颜色、对比度、对齐等。

设计师的基础知识-信息架构

顺序。这个结构为用户创建了某种路径。他们一步一步地通过内容来完成他们需要的任务。这种类型通常用于电商的网站或App,人们必须从一个任务转到另一个任务才能进行购买。

设计师的基础知识-信息架构

矩阵。对于用户来说,这种类型有点复杂,因为他们是自己选择导航方式。用户可以选择内容的展现方式。例如,他们可以浏览根据日期排序的内容,也有可能一些人更喜欢沿着主题排序。

设计师的基础知识-信息架构

此外,可以根据组织方案对内容进行分组。它们的目的是对产品内容进行分类。以下是一些常用的设计方案:

字母方案:内容按字母顺序排列,它们还可以作为用户的导航工具。

按时间顺序排列,此类型按日期排序内容。

主题方案,内容根据特定主题进行排序。

设计师的基础知识-信息架构

标签系统

该系统涉及到数据表示的方式,产品设计需要简单,因此大量信息会使用户感到困惑。这就是设计师用几个词的标签来表示有大量数据原因。例如,当设计者在网站上提供公司的联系信息时,通常包括电话号码、电子邮件和社交媒体联系方式。但是设计人员无法在一个页面上显示所有这些信息。页面标题中的“联系人”按钮是一个标签,用于触发用户通讯录中的关联,而不会将整个数据放在页面上。因此,标签系统目的是在有效地整合数据。

设计师的基础知识-信息架构

导航系统

在我们的一篇UX词汇表文章中,我们将导航定义为在整个应用或网站中引导用户的一组操作或索引,使他们能够实现目标并引导用户与产品交互。就IA而言,导航系统涉及到用户浏览内容的方式。

搜索系统

该系统用于信息架构中,帮助用户在应用中搜索数据信息,如网站或App等。该搜索系统只有在用户可能在其中丢失大量信息的产品中才更加有效。在这种情况下,设计人员应考虑使用搜索引擎、过滤器和其他工具,帮助用户查找内容并规划搜索后数据的信息展现。

设计师的基础知识-信息架构

综上所述,我们可以说信息架构师是用户体验设计的核心部分。高效的IA帮助用户快速、轻松地浏览内容,找到他们需要的东西,而不会受到任何困扰。这就是为什么建议设计师学习IA科学的基础知识的原因。

信息架构的主题很广泛,有更多有趣和有用的方面值得我们探讨。

作者:Alina Arhipova

了解更多

本页面最后更新于 2019年03月29日 19:37