信息架构详解在线视频

前面我们介绍了信息架构的意义

以及信息架构所解决的问题

在正式构建信息架构之前

我们还应该知道

信息架构的构建形式有哪些

这小节我们将带领大家学习两类信息架构

自顶向下的信息架构

和自底向上的信息架构

接下来是如何将信息架构

展示出来的信息架构可视化

杰西·詹姆斯·加勒特在《用户体验要素》一书中

给出了信息架构的分类体系

自顶向下或自底向上的信息架构形式

我们先来分析自顶向下的信息架构形式

这种形式也叫从战略层出发

或者从产品目标出发去考虑内容分项

最先从最广泛的

可能满足决策目标的内容与功能开始进行分类

然后再按逻辑细分出次级分类

这样的主要分类和次级分类

就构成了一个个空槽

将想要的内容和功能按顺序一一填入即可

以微信为例

微信在开发时的产品定位

为一款即时通讯的手机app

因此其产品目标是要完成手机场景中的即时通讯

主要分类的一级架构分为最近会话

通讯录

发现和我

然后再进行次级分类

如发现下再分朋友圈

扫一扫

摇一摇等

最后将相应的功能

如朋友圈的feeds

发朋友圈

朋友圈消息等

填入到相应的朋友圈分类中

用户在浏览网页的时候

经常会产生下面这些问题

我在哪里

这是什么站

我怎么找我想要的资料

我可以注册登录吗

这个网站如何引导我浏览

这个网站想让我看的重点是什么

发生了什么最新的新闻

我可以发言吗

我怎么跟其他人互动

网站的主体详细内容在哪里

用户浏览网站

就是为了找出这类问题的答案

我们拿Apple的主页举个例子

Apple的主页解决了许多自顶向下的问题

在自顶向下的信息架构中

分类用于将整个网站的页面和应用程序分组

标签系统的代表网站的内容

导航系统和搜索系统

可以被用来在网站中移动

实际上Apple的主页尝试预测用户的主要信息需求

例如我怎样找到我想要的产品

或者Apple到底是一个怎样的公司

网站的信息架构是很努力的

把最常见的问题确认出来

然后设计这个网站来满足这些需求

我们将此称为自顶向下的信息架构

而自底向上的这种分类方法是根据

内容和功能需求的分析而来的

先把已有的所有内容

放在最低层级分类中

然后再将他们分别归属到较高一级的类别

这种分类方法其实就是在做归类

比如在具体的项目过程中就会

运用卡片分类法去梳理信息架构

首先将所有的功能点用一张张卡片写下来

然后让目标用户参与到信息分类中

并反馈相关分类标准

作为我们产品设计师去梳理信息架构的参考

卡片分类是一项帮助我们研究

用户如何理解和组织信息

从而帮助我们规划和设计互联网产品

或者软件产品信息架构的方法

因为该方法廉价

简单易操作而且非常受欢迎

卡片分类的具体做法是将信息

相关的概念

条目

内容

小分类等

写在一张张卡片上

要求人们根据相似性将卡片放入不同的堆中

描述一下他们制定的分组

自底向上的信息架构

其内容本身就可以有内嵌的信息架构

例如图中所示的是耐克产品的页面

显示的是一款篮球鞋的详细信息

详情页本身本身就有清晰强健的结构

顶端用标题

接着是款式展示

然后是尺码选择与产品细节

以及推荐你可能还喜欢的款式等等

模块化出现

用户看起来很清晰

产品信息本身的分块

也可以支持搜索和浏览

例如用户可能会想以这样的名称在网站搜索

然后将该款式的信息取出

这些块都是以合乎逻辑的方式顺序排列的

毕竟开始选购一双运动鞋

你会想知道它是什么样子

它的尺码合适我吗

以及退换货的政策等

而信息的定义和摆放位置可以帮助你

在阅读前就辨认出该内容是一款鞋子的详细信息

然后一旦你知道它是什么

就会更加了解该内容是怎么回事

以及如何使用

它如何围绕它移动

如何从该内容移动到其他内容上

所以如果你看仔细点儿的话

甚至可以发现信息架构就内嵌在内容里

事实上通过支持搜索和浏览

内容中固有的结构

会使得用户问题的答案浮出水面

这就是自底向上的信息架构

内容结构排列顺序和标签系统

有助于你回答这类问题

自底向上的信息架构不是从上面支配

而是从系统的内容中提出建议

并且是系统内容中所固有的

它如此重要的原因

是用户可能会跳过系统自顶向下的信息架构

他们会使用网站的搜索工具

点击广告以及通过社交网络

阅读网站内容时点击链接

从而发现他们置身于你的网站中

进入你的网站后

他们就会想跳到网站中的其它相关内容

而不去了解如何使用自顶向下的结构

优良的信息架构被设计为预测用户的这种使用

但是也有一些不同的自底向上的信息架构

比如IOS的图片这个app

这个app很特别

除了信息架构和内容外没有其他东西

事实上由于内容只是指向这些图片的缩略图

因此信息架构就是控制显示的东西

它为内容提供的情景

让我们知道当我们在这里时可以做什么

从很多方面来说

照片应用的用户界面就只是信息架构

其自底向上的结构主要是通过元数据

和嵌入到它所包含的内容中的

情景链接及照片来定义的

他是以一种只要人们熟悉了组织照片的方式

一切就会很有意义的方式呈现的

当然我们所介绍的这两种形式的信息架构

其实是用户不可见的

但是信息架构设计师

需要在站点地图中

将他们的工作可视化

所以说真正的信息架构通常是

一种不可见的逻辑概念

而我们所看到的是信息架构图

而这个转化过程中

信息架构的可视化极其重要

如图所示就是我们常用的一种展示方式

信息架构图

为什么可视化信息架构这么重要

正如我们在前面交互设计原理中所讲到的

这个领域相当抽象

不可见

但是设计师必须向一些重要人士解释信息架构

包括同事

经理

雇主

客户和其他重要的人

因此能够帮助他们想象什么是信息架构

对你而言是有利的

信息架构的具体可以分为组织系统

导航系统

搜索系统

标签系统进行设计

具体的设计方法在下一节中将进行详细的分析

设计师在进行架构设计时

根据产品目标和用户目标选择信息组织形式

但是针对不同界面形式的具体的设计方法和原则

我们将在下一节中进行详细讲解