当前课程知识点:交互设计 >  第6章、交互产品的信息架构 >  6.5 信息架构的方法与原则 >  信息架构的方法与原则

返回《交互设计》慕课在线视频课程列表

信息架构的方法与原则在线视频

信息架构的方法与原则

下一节:界面设计概述

返回《交互设计》慕课在线视频列表

信息架构的方法与原则课程教案、知识点、字幕

在上一节我们了解了信息架构的基本形式

但是信息架构具体是如何构建的呢

那我们这一节就将对信息架构

涉及到的方法进行分析和解释

首先是产品的概念图

对产品的目标进行分解和绘制

接下来是对信息进行分类所使用的分类方法

以及概念设计方法

信息架构构建完成需要一些合理的

方法进行评估和测试

这也是我们将讲解的内容

最后是信息架构设计所要遵循的原则

首先我们要对产品的目标

进行概念的描述和表达

概念地图就是一种很好的分析方式

它以一种大图片的呈现方法

呈现想法和概念之间的关系

这里的节点A好比一个概念

可以用几何图形或图案等符号表示

利用节点间的连线

代表概念之间的关系

连线可以是单向的

双向的

也可以是无方向

B则是代表对概念的文字描述

概念和关系通过节点和连线

按照顺序排列起来

生成一张概念地图

概念地图的作用是对概念和

设计师想法的一种收集和表达

比如对导航进行概念的构想时

可以利用概念地图

得到标签导航

抽屉式导航

宫格导航这三种形式

接下来是对信息分类进行模式选择

一般来说可以进行准确的分类

和模糊的分类两种模式

准确分类的方法又可以分为

时间顺序的分类

检索字母顺序的分类

格式分类等方式

模糊分类又可有按照任务

对象

主题等方式进行分类

首先是时间顺序

按时间顺序就是根据事件发生的

时间顺序对内容进行分组

这种方案适用于时间作为

一个关键因素的时候

一般适用于与新闻

博客

历史

电视指南活动列表相关的网站上

这里邮箱的收件箱

就是按照时间的远近进行的分类

其次是按照检索的顺序进行组合信息

最常用的方式是按照字母进行排序

这种方法适用于对已知事物的查找

一般情况下不会把按字母排序

当作主要的内容分类方案

除了两种情况

一是字典

二是已明确排序对象的名称

比如在web中

进行城市

地名或者学校名字等选择时

就是按照字母检索顺序进行的分类

除此之外还有按照格式进行信息分类

按照这种方式经常用于综合网站

一般不会把按格式分类作为主要方式

因为一般用户的习惯是

先确认自己想看什么

然后选择格式

比如我们在百度搜索中

进行关键字段的搜索之后

就可以根据自己的需要选择内容的格式

可以是相关网页

或者图片等等

最后还有一种信息组织的方式

就是按照组织结构进行分类

这种分类的方式有一定的争议性

因为有时设计师对信息的归类和组织的安排

可能与用户的组织方式有很大不同

所以会造成误差和搜索困难

但是通过这种方式

用户可以进行自行的归类和整理分类

但这种方式存在一个最大的问题

这些信息的获取者需要

知道网站架构的具体编写逻辑

比如这里的某视频网站

对视频元素的分类

如果设计师

或者投稿人对作品不是很了解

就会对观看的用户造成困扰

第二种信息分类方式是

模糊的分类方式

模糊分类方式有按照任务的分类方式

有按照接受对象

主题

组织方式进行的分类

首先我们来看按照任务进行的分类

我们经常会发现

同一个内容有时可以应用于不同任务中

因此按任务划分的方案

比较适合任务量不多

界限清晰且内容易于划分到

不同任务中的情况

比如我们使用的地图app

根据用途不同就会有不同的显示

按照内容接受对象进行的分类

这种方案适用于且仅适用于对象可被分组

且界限清晰

用户能辨认自己所属的组别

内容在不同内容对象组别之间没有太多重叠

比如我们在进行商品购物

尤其是购买服装时

可以根据自身的属性选择人群分类

比如这里的适用性别

就是对内容对象的一种划分

第三种内容的分类方式是按照主题进行分类

简单地说这种分类形式就是

按照一定的主题或话题

把相似的东西归类放置

这种分类方案常常会用于

设计公司或者设计师的个人主页

上面我们讲到的视频网站也使用了

这种主题分类的形式进行分类

把视频内容进行电视剧

电影

综艺等分类

接下来我们就要内容选择组织模式

信息组织的模式有简单模式和混合模式

常见的简单模式有层级结构

数据库模式

超链接模式

线性模式

接下来我们一一分析

层级结构可以描述为扁平式和锥形式

扁平式的顶层有很多类目

但层级数较少

锥形的层级结构特点是顶层类目较少

但层级数很多

层级结构是组织信息所使用的

最简单和常规的方法

适用范围很广

它尤其适用于小型站点

仅仅需要一些简单的层级

同样层级结构对大型站点也适用

尤其是对于那些内容复杂多样的网站而言

图中就是信息层级结构的一种方式

第二种数据库模式应用场景

要么是较小的信息集

要么是很大的数据集

数据库结构最大的优点是一次性储存数据

然后可以使用不同的数据块和方式来展示信息

此外同样的信息还可以通过多种途径查找

数据库结构适用于音乐

产品目录

书籍

文章

个人主页等等

具有一致性结构的内容

它为用户提供了很多获取内容的入口

我们日常使用的淘宝

就是典型的数据库模式的信息架构

在这样一个可让全球民众上网买卖物品的

线上拍卖及购物网站上

每天都有百万的交易在上面进行

这些数量庞大而繁杂的物品

根据自身的特性进入淘宝的数据库中

经过整合后

被分门别类且清晰地展示出来

不符合要求的则被排除在外

比如一些不能快递运输的物品

动物和烟草等

接下来是超链接模式

超链接模式是一种反结构模式

在这种模式里面

内容块仅仅根据相互关系进行连接

不存在主结构超链接模式适用于这种情况

内容是通过长时间发展建立起来的

而且你也不能准确地知道自己要构建什么

在这种情况下

不可能预先确定一个详细的结构

甚至确定一个基本的模式或网站

超链接结构本身并没有能力自动展现关联内容

这种模式的成功与否

完全取决于人们制作的内容版块之间的联系

超链接模式的话

我们以豆瓣网为例

豆瓣网是以技术和产品为核心

生活和文化为内容的创新网络服务网站

这个网站有一个特点

网站的内容会随着时间的推移不断地变化

设计者只能给定一个网站的基本框架

内容由用户去不断地丰富

内容与内容之间有时也存在着关系

如图这个网站的结构就是超链接模式

还有一种线性模式即按照直线规则

一个跟随着另一个

如图所示

当用户将注意力转移到另外一件事前

必须先理解一件事情

这种情况很适合使用线性模式

例如教学资料

线性模式只用于必须按顺序浏览的情况

如果用户实际并不需要按特定规则阅读的话

就不必使用线性模式

否则用户会有一种挫败感

网站注册账号

填写账户名密码

阅读相关规定

注册方式验证这样一个过程就是线性的

单一的流程

这样一个流程以最高效率帮助用户完成注册

同时避免插入性的信息扰乱用户视线

但是某些设计就不能采用线性结构

比如app打开是的广告页面和欢迎页面

就不能用线性结构

如果不能跳过这些页面

就很影响用户的心情

接下来是第二大类

混合模式的分类

在这种分类有分析目录模式

中心辐射型模式

集中入口模式和标签模式等模式

首先是目录模式

目录模式也是一种混合模式

它的底层是内容

由此向上的四个层级

取决于网站规模和内容类型

它的信息架构模式如图所示

很多购物网站就采用的是这种目录模式

比如图中某购物网站就将

所有的商品进行分类

在每个大的分类下面又有小的项目

以此种方法层层划分

得到最后全部的商品类别

这种形式就是目录式的信息结构模式

中心辐射性模式的结构图如图所示

当中心辐射型作为一个单独模式的时候

是值得注意的

各层级间的内容之间都有一定联系

在层级结构中

人们倾向于从顶层首页开始

逐级向下浏览内容

并经常徘徊于层级结构下的某个分支

而在中心辐射型结构中

人们会从一个层级进入到另一个具体信息

然后返回出发点

再进入到其他详细页面

如此往复

对于很多大型站点而言

以一种单一的方式组织内容

通常不能满足所有的用户

因此首先要根据内容和核心用户

确定一个适用于该站点的信息架构模式

然后假设一些用户不会通过

主信息结构来寻找信息

有意提供一些入口点来帮助

他们发掘有用的信息

这些入口点不必覆盖所有站点内容

仅专注核心信息即可

其信息架构如图所示

比如在产品经理知识网站

“人人都是产品经理”的网页中

其主页除了常规的搜索框之外

在导航的设计上

是提供多种分类栏目

如分类浏览

活动课程等

另外在主页还有最新活动

热文推送

经验知识等

在这些选项和入口的背后

或许是同一个目标

同一篇文章

但是这些文章正因为重要或者有价值

设计师就要为用户提供多种渠道

标签模式无论在基础的数据库模式

或者超链接模式中都有所运用

网站中的每个类目都利用关键词作为标签

而它们同时也是内容的入口这种模式

适用于有大量不同内容的作品集

特别是读者持有不同的观点和想法时

当用户感觉无从下手时

标签能够帮助用户探索和发现相关的信息

最为典型的就是我们的论文检索网站

网站为用户提供了一些常用标签

比如作者

年限

关键词等

帮助用户在进行无确定目的下的信息探索

介绍了这么多种模式

我们如何根据自己的需要选择模式呢

在这里我们根据结构的类型

适用的内容范围和人群得到一个总结的表格

同时每种不同的结构也会面临一些问题

因此设计师应该综合权衡得失进行选择

在本节课开始前我们说过模式的确定

是为了指导后面的信息架构概念设计

那么到这一步

设计阶段的前期准备工作基本完成

而整个工作流程中的一些步骤

比如用户研究等我们就省略了

同学们可以在课程其他章节进行学习

那么现在我们就要结合调研分析的结果

发现设计中的问题

找出最贴近目标的模式

以解决发现的问题为最终目标

从而更好地设计概念结构

设计时可以采用简单的结构图

可以只是用笔随便画画

只要能够说明清楚

各个对象之间的关系就好

当然信息架构的可用与好用与否

都必须经过检验才能确定

我们如何进行检验

我们在这里介绍一种定性的评估手段

将网站的信息架构分为

几大板块进行评估

可以分为组织系统

标识系统

导航系统

检索系统进行考察

在进行组织系统考察时

考察内容的组织分类方法是否合理

结构模式是否得当

这些在前面课程已经有了分析

是否有内容的智能或自动分类

方法有卡片分类法或者用户测试法

用户测试法将在后续章节进行详细讲解

标识系统部分评测的是网站索引是否健全合理

网页上各种标签的完备性和搭配的合理性

标签是指内容对象的名称或图标

例如网页的标题

或者分类的标题

标签是否有效

方法最好采用专家打分的方法

导航系统考察

导航元素是否合理

质量好不好

是否有冗余

方法是让用户进行任务遍历

测量任务完成时间

检索系统评估内容有

是否有检索引擎

是否支持不同方式的检索

是否有效灵活

方法也是召集测试者进行任务时间测试

这些测试方法在本课程其余地方有更详细的讲解

这里不做多述

无论是在进行信息架构的检查

还是信息架构的设计

设计师都必须遵守一定的原则

在前面我们已经说过

好的信息架构设计应该具有七大特点

那么这七个特点也是我们信息架构设计的原则

本章信息架构设计的所有内容就到此讲解结束

关于信息架构整个流程中的其他步骤

比如前期的调研和用户研究等

在其他章节已经有更为详尽的阐述

本章就没有做过多的叙述

接下来我们将会讲到用户体验要素的

最上面一个层级的内容

就是界面设计

交互设计课程列表:

第1章、交互设计概述

-1.1 什么是交互设计

--什么是交互设计

-1.2 为何需要交互设计

--为何需要交互设计

-1.3 交互设计发展史

--交互设计发展史

-1.4 交互设计与其他学科的交叉关系

--交互设计与其他学科的交叉关系

-单元测试--作业

第2章、交互设计原理

-2.1 案例引入

--2.1 案例引入

-2.2 交互系统的组成要素

--2.2 交互系统的组成要素

-2.3 交互设计的目标

--交互设计的目标

-2.4 交互设计的流程

--交互设计的流程

-2.5 交互设计过程模型

--交互设计过程模型

-单元测试--作业

第3章、用户研究

-3.1 用户研究方法

--用户研究方法

-3.2 用户需求研究

--用户需求研究

-3.3 用户行为与交互方式

--用户行为与交互方式

-3.4 用户认知分析

--用户认知分析

-3.5 使用情景的分析

--使用情景的分析

-3.6 用户模型与场景

--用户模型与场景

-单元测试--作业

第4章、用户体验

-4.1 什么是用户体验

--什么是用户体验

-4.2 用户体验要素

--用户体验要素

-4.3 用户体验的策略

--用户体验的策略

-单元测试--作业

第5章、交互设计方法

-5.1 方法概述

--方法概述

-5.2 以用户为中心的设计方法

--以用户为中心的设计方法

-5.3 以目标为导向的设计方法

--以目标为导向的设计方法

-5.4 其他设计方法

--其他设计方法

-单元测试--作业

第6章、交互产品的信息架构

-6.1 信息架构简介

--信息架构简介

-6.2 信息架构的意义

--信息架构的意义

-6.3 信息架构要解决的问题

--信息架构要解决的问题

-6.4 信息架构详解

--信息架构详解

-6.5 信息架构的方法与原则

--信息架构的方法与原则

-单元测试--作业

第7章、用户界面设计

-7.1 界面设计概述

--界面设计概述

-7.2 界面设计风格

--界面设计风格

-7.3 界面的色彩设计

--界面的色彩设计

-7.4 界面布局设计

--界面布局设计

-7.5 界面设计规范与原则

--界面设计规范与原则

-7.6 界面设计常见组件

--界面设计常见组件

-7.7 常见界面设计

--常见界面设计

-7.8 界面设计的趋势

--界面设计的趋势

-单元测试--作业

第8章、交互原型设计

-8.1 原型设计概述

--原型设计概述

-8.2 低保真与高保真原型

--低保真与高保真原型

-8.3 服务体验原型

--服务体验原型

-8.4 原型制作与可用性测试

--原型制作与可用性测试

-8.5 启发式评估

--启发式评估

-单元测试--作业

第9章、设计案例分析

-9.1 前期调研

--前期调研

-9.2 用户研究

--用户研究

-9.3 “救在身边”app设计

--“救在身边”app设计

指导学生获奖作品介绍

-2018中国高校计算机大赛移动应用创新赛全国三等奖获奖作品

-2019中国高校计算机大赛移动应用创新赛全国三等奖获奖作品

-2020中国高校计算机大赛移动应用创新赛全国三等奖获奖作品

信息架构的方法与原则笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航 课程版权归原始院校所有,
本网站仅通过互联网进行慕课课程索引,不提供在线课程学习和视频,请同学们点击报名到课程提供网站进行学习。