解读信息架构

博客分类: 设计 阅读次数: comments

解读信息架构

对于交互设计师来说,信息架构设计是工作中最核心的内容之一,本文主要从信息架构的定义、组成、和策略三个方面对信息架构做一个相对全面的诠释,为交互设计的工作提供理论依据和方法指导。


信息架构的定义

关于信息架构是什么,有着各种各样的说法:

这些定义其实说的都是一个意思,我们再换一个通俗的例子。

举个例子

想象你在图书馆的情景,假设这一次你想找一本叫《认知心理学》的书,你会怎么做?

图书馆

图书馆

通过自助机器查找 流程图(忽略异常情况)

通过网站查找 流程图(忽略异常情况)

通过分区示意图查找 流程图(忽略异常情况)

一个信息管理合理的图书馆,你总能快速找到你想要的书。而图书馆中对书籍的管理和楼层架构都是处于让用户更好的找到想找的书,很清楚的知道每一层有哪些书,书籍怎么分布之类的信息。

映射到互联网产品中,就是如何规划信息层级,如何分类信息,从而让用户快速理解所在的环境,让用户快速得到目的信息,这便是信息架构要做的事情。

信息架构的作用

医院的网站提供了一个医院的语境,首页中的标签和文案让人很容易明白是置身于一个医学、研究的情境之中。其中就医入口分成了常见的就医类别如预约挂号、体检、门诊等,方便用户按需查找。

google专为搜索结果设计的信息结构,包括搜索框、搜索分类、搜索列表等,每条搜索列表的内容又包括标题、链接、内容摘要、子链接等信息,为了便于用户让用户理解搜索结果确实是与搜索输入词是有关联的,搜索结果中与搜索条目匹配的内容都以吸引力强的红色标亮显示。

信息架构、功能架构区别

下图是微信的发现模块的功能架构图和信息架构图的对比:

TIM图片20180101212117

微信-功能架构图

TIM图片20180101211450

微信-信息架构图

信息架构的组成

信息架构包括组织系统、标签、导航、搜索系统这四个方面。

组织系统

组织即是分类,人类通过分类来理解所处的环境,你是谁,住哪里,在哪个公司,哪个组织哪个国家,设计师以分类的方式组织信息其实也是基于人类对环境的理解方式。组织系统由组织方式和组织结构组成。

组织方式

组织方式分为从上到下和从下到上两种方式。

从上到下的组织方式是根据产品目标与用户需求直接进行结构设计。先从最广泛的、有可能满足决策目标的内容与功能开始进行分类,然后再依据逻辑细分出次级分类。

TIM图片20180101232926

从上到下的组织方式

从下到上的信息组织方式也包括了主要分类与次级分类,但它是根据对“内容和功能需求的分析”而来的。先从已有的资料开始,将这些资料统统放到最低级别的分类中,然后再将它们分别归属到较高一级的类别,从而逐渐构建出能反映出产品目标和用户需求的结构。

TIM图片20180101233717

从下到上的组织方式

组织结构

信息架构的基本单位是节点,节点可以对任意的信息片段或组合,它可以小到一个数字,大到一个图书馆。节点的抽象性也让我们能明确设定我们关注点的详略程度。在网站信息架构设计中,我们常常将一个页面作为一个节点。

节点的组织结构概括起来有四种:层级结构、矩阵结构、自然结构和线性结构。

层级结构

也叫树状结构,节点与其相连接的节点之间存在父级/子级的关系。子节点代表更狭义的概念。层级关系的概念对于用户来说非常容易理解,软件也是倾向于层级的工作方式,因此这种类型的结构是最常见的。

TIM图片20180101235913

矩阵结构

矩阵结构允许用户在节点与节点之间验证两个或更多维度移动。可将信息从多个维度进行分类,这种组织结构能够帮助不同的目标用户找到各自需要的内容。如在淘宝中,有用户通过商品的尺寸浏览,也有用户通过商品的颜色浏览,矩阵结构则能满足这两种不同的用户。

TIM图片20180101235938

自然结构

自然结构的节点不会遵循任何一致的模式,节点是逐一被连接起来的,同时这种结构没有太强烈的分类概念,自然结果对于信息的浏览具有探索性。这种模式在现在的娱乐产品中越来越多,适合轻架构产品的浏览形式。

例如腾讯视频。自然结构肯定是应该考虑绑定层级结构来思考。用户进入视频产品,可能的一种使用方式是,用户心里已经有一个明确的思路,找2014年美国电影看,所以用户进入种类选择,选择电影,选择美国电影,选择2014年,然后进行浏览。这个可以算是先层级结构思考、后自然结构思考。如果用户是在家里喝茶,想看看视频,但是没有任何目的,打开了视频产品,那他们就是进行浏览式操作,这个时候自然架构就产生价值。用户在首页进行无逻辑浏览,从首页某个电视剧点入,看看详情,不感兴趣,从该电视剧的推荐点击到下一个电视剧,然后不感兴趣,然后从这个电视剧的主演想到他正在演出的一个电视真人秀,又跑去综艺里浏览。

所以在信息架构设计中,我认为自然结构会是一个重要思考点,因为我们设计师要时刻记得,用户不是理性的,他们很多时候的操作和想法会呈现随机状态。但是自然结构不是唯一的,必须有层级结构、线性结构、矩阵结构等其他信息框架来配合和约束,才能让这个产品的整体信息架构完整、可用、有效。

TIM图片20180102000001

线性结构

突出连贯的处理流程,在互联网中线性结构经常被用于小规模的结构,例如单篇的文章或单个专题;大规模的线性结构则被用于需要线性限制的任务型内容。

TIM图片20180102000019

标签系统

标签是对内容块的命名,如网站常见的“联系我们”,它通常包括联系人姓名、地址、电话、传真和电子邮箱信息。在不将全部信息显示出来的情况下,标签可以触发用户脑海中正确的联想,在不占用太多网页物理空间或用户认知空间的情况下,传递其含义。

标签在形式上有文本、链接、图标、索引词几个形式。

img

文字标签

TIM图片20180102004733

链接标签

TIM图片20180102004500

图标标签

TIM图片20180102005318

索引标签

在设计标签时,应当注意标签表达的含义应能够容易地被目标用户理解,整个系统中的标签(风格、版面形式、语法、力度、全面性)应当注意一致性。

导航系统

搜索系统

搜索系统是辅助导航的核心部分,是用户最喜欢的工具。在设计导航之前,首先要思考的一个问题是你的网站是否真的需要搜索,

信息架构的策略

信息架构研究的是人们如何认知信息的过程,对于产品而言,信息架构关注的是呈现给用户的信息是否合理并具有意义。信息架构的研究策略离不开使用情景、用户和内容三个方面。

TIM图片20180101225951

用户

信息架构设计的前期,首先要了解用户需求和用户习惯

用户是谁?

用户通常用你的产品做什么?

用户用这类产品关心什么?

用户有哪些思维定势?

用户用什么类似的产品?

用户有哪些相关的使用习惯?

情景

用户通常使用什么设备访问我们的网站?

用户是浏览型还是任务型?

用户通常在哪里使用我们的系统?

用户会从哪里进入我们的网站?

用户什么时候使用我们的系统?

用户多长时间使用我们的系统?

内容

数据量有多少?

哪些内容是需要突出的?

数据类型、字段有哪些?

内容是静态的还是动态的?

内容是否需要扩展?

调研

信息架构的调研方法包括常见的调研方法,如焦点小组、用户访谈、卡片分类等,最常使用的是卡片分类法。

001

卡片分类法

卡片分类法是让用户根据自己的理解把卡片上的信息进行归类,属于用户体验设计的方法之一。目的在于了解人们会把信息划分成什么类别,信息之间的关系,以及如何描述被划分的信息。也就是说,其核心在于发现用户对事物的认知和分类逻辑。卡片分类法分为封闭式卡片分类法和开放式卡片分类法。

封闭式卡片分类法是设计者预先规定的标签,用户只需把卡片上的信息归类到这些标签下。优点是了解用户如何适应已有的框架,从而对于已固定的信息框架类别可以进行验证,并且降低了用户的分类难度以及学习成本;缺点是不能探索用户希望创建什么样的分组。

开放式卡片分类法没有预先规定的标签,由用户按照自己感觉恰当的方式把卡片分为若干组,最后再给分好的组命名,并贴上标签。优点是用户可以按照自己的方式分类卡片和命名某一类卡片;缺点是没有固定标签,用户可能会对每组的分类和命名有多种理解或分类,造成耗时耗力。

输出

信息架构最终需要一个可视化输出物用来沟通和设计参考,常用信息架构图/树状图表示,如下图:

18-1024x603


参考链接: