网页设计-信息架构概述
网页设计系列文章-分为信息架构概述、用户需求及其行为,导航系统,搜索与筛选系统,组织(内容)系统,标签系统六个部分
第一部分主要分以下基本部分讲解:
为什么会出现信息架构?
什么是信息架构?
信息架构的一些基本概念?
信息架构出现的背景
1.信息冗余--大量重复性信息的不断出现
2.互联网时代信息的爆炸性指数级增长让人们每天不得不面对越来越多的信息
3.现实中信息组织混乱--信息组织面对着巨大的挑战
信息架构(IA)的定义
1. 共享信息环境的结构化设计
2. 网站和企业网络的组织系统、标签系统、搜索系统,以及导航系统的组合
3. 创建信息产品和体验的艺术和科学,以提供可用性和可寻性
4. 一种新兴的实践性学科群体,目的是把设计和建筑学的原理带进数字领域
这说明无法提供简单、全方位的定义,这正说明设计一个优良的网站是如此困难的原因之一
信息架构的一些基本概念
1.信息:用信息这个词来区分信息架构与数据管理及知识管理。数据是事实和数字。知识是人脑中的东西。指示管理者会开发工具,设计流程,以及找出动机,孤立人们分享知识。信息处于数据和知识的中间地带。我们关心所有大大小小方方面面的信息:网站、文件、图像等等。当然也关心元数据(metadata),它是用来描述和表达内容对象的术语----元数据可以理解为最小的信息单位。
2.设计结构:设计结构(Structuring)决定网站中信息的粒度(信息单元的相对大小,例如分类、文章、段落及句子),并决定这些信息的关系。
3.组织方式:组织方式(Organazing)把组件组合成有意义而且各有特色的类别。
4.标签:标签(Labeling)称呼这些类别的名称,以及一些作为导航的链接。
5.寻找(搜索定位)和管理(内容管理):决定整体可用性成败的关键因素。如果用户无法通过浏览、搜索和询问的方式找到信息,这个网站就是失败的网站。
6.书籍和网站的区别
IA概念 |
书籍 |
网站 |
组件 |
封面、书名、作者、章、节、页面、页码、目录、索引 |
主页、导航条、链接、内容封面、网站地图、网站索引、搜索 |
维度 |
二维页面、以线性、顺序方式展示 |
多维信息空间,以超文本(随处连接)的链接方式浏览 |
界限 |
可以触摸而且有限,有明确的开头和结尾 |
无形的边界,和其它网站的信息之间界限模糊 |
7.图书馆和网站的区别
IA概念 |
图书馆 |
网站 |
目的 |
提供已定义好的印刷品集合 |
提供内容、销售产品、促成交易和合作等等 |
异质性 |
对象多样化,如书籍、杂志、音乐、软件、数据库和文件 |
非常多的种类,包括各种媒体类型、文档类型和文件格式 |
集中化 |
高度集中化的运作方式,通常是在一个或几个图书馆大楼内 |
通常是分布式的运作方式,由一些子网站各自维护 |
4.信息架构的理念
信心架构是由一个复杂的系统所组成---为特定的用户在特定的情境下,按照用户体验的方式展示用户心理预期的内容;
信息架构有时候是无形和抽象的,它看不见,摸不着,“但是却无处不在,可以被感知‘’



5.信息架构的系统
信息架构由导航系统,搜索系统以及组织(内容)系统组成,并且这些系统独立且相互关联。共同组成整个信息架构,其实这就像一个人,他有呼吸系统,内分泌系统,神经系统,消化系统等等,我发现设计的很多概念都可以用人来类比,例如系统设计中的原子设计概念也是如此,这里不具体展开,感兴趣的可以在medium上面搜下,medium网站中有很多好文章,大家没事可以看看,他的内容还包括设计职业规划发展等等,但是需要爬墙。


6.信息架构的具体成果
其实信息架构的成果最明显的就是低保真交互稿,如下图左上。产品使用(功能)操作流程图右上。《信息架构》讲的是网站设计,但是其实不限与网站设计,信息的组织是无处不在的,有信息存在的地方就需要组织,这样才能更好的被理解,移动端的APP设计,也需要信息架构的梳理(可以用Xmind工具)









































