Web信息架构笔记

上学时曾经有做笔记的习惯，于是重操旧业，就当有收获地kill time了。基本是归纳、摘抄、总结和提出疑点，包括以后可能会结合我的实际案例来罗列。很多地方直接誊抄作为消化，但不完全是抄书，有些是根据书中内容进行概括或提炼出观点、思考，包括自己画图。

一、信息架构之意义

信息架构，Information Architecture，简称IA。定义：

1. 共享信息环境的结构化设计。

2. 网站和企业网络的组织系统、标签系统、搜索系统，以及导航系统的组合。

3. 创建信息产品和体验的艺术和科学，以提供可用性和可寻性。

4. 一种新兴的实践性学科群体，目的是把设计和建筑学的原理带进数字领域中。

基本概念：

1. 信息与元数据：信息处于数据和知识之间的混乱地带，无单一所指，如网站、文件、软件、图像皆为信息；元数据（metadata）用来描述和表达内容对象。

2. 设计结构（Structuring）决定信息“单元”（atom）的粒度（granularity）。粒度指信息单元的相对大小和粗糙程度。

3. 可寻性（Findability）决定整体可用性成败。用户通过浏览、搜索和询问的组合方式找到东西。架构必须在用户需求和商业目标之间取得平衡。

4. 引进可用性工程（usability engineering）和民族志学（ethnographic），用以对用户行为进行分析。

IA必须和以下相关领域进行区分：

图形设计

交互设计

可用性工程

体验设计

软件开发

企业架构

内容管理（content management，CM）

知识管理

注意这些领域与信息架构之间的交叉点和矛盾点。有包含与被包含关系。其中：

1. CM和IA是同一事物的两个方面，IA强调描述系统的“快照”或空间视图，而CM则是显示信息在同一系统的流动随时间如何变化。

2. 知识管理：IA重心放在对显性知识的有效存储上。

为什么IA重要？

减少各种行为的成本损耗，包括不限于寻找信息、找不到信息、教育、建造、维护、培训、品牌价值等。

IA要做的事情：

1. IA存在于表层之下，需要清楚表达理念（技术、互动关系）；

2. 深入细节，找出网站的组件系统；

3. 产出成果，设计出语义和结构的架构。

二、信息架构实践

图1：IA“臭名昭著”的三个圈（文氏图）



特征：

用户及其需求——来自于人机交互及其他各种领域、内容——考虑技术传播及新闻业，以及情境——有关组织心理学

思考：如何在此三区域间取得平衡？

三、用户需求及其行为

1. 用户需求。用户想要什么？四种常见的信息需求：

完美捕捉：已知条目的精确查找（无遗漏研究）- 正确的东西

捕捉龙虾的陷阱：探索式搜索- 一些好东西

乱撒网：无遗漏式研究- 每样东西

把鱼放回大海：重新找到有用信息- 再次需要的东西

图2：四种常见的信息需求



2. 信息搜寻行为。

寻找信息方法：搜索、浏览和询问

搜索行为两大类：整合和重复

三种模型：

“采摘”模型：产生需求- 请求（查询）-重复- 调整- 重复- 取出信息（获得）。

“珠形增长”模型（pearl-growing）：通过寻找一个需求，获得更多系统推荐的路径。如Google搜索结果的“类似网页”，如相似标签的文章，或如今流行的社会化推荐（兴趣+社交图谱）。

有缺陷的最简模型：用户提出问题- 黑箱魔术（搜索、浏览等）- 用户收到答案- Over

问题：粗暴对待用户，缺乏情景设计，丢失网站信息流动的多样性和操作的复杂性。

四、学习信息需求和信息搜索行为

1. 搜索分析法；2. 情境式询问。 （细分为N种方法，考虑多种方法结合的模式）

信息架构师的目标，就是尽你所能了解用户的主要信息需求，以及可能的信息搜寻行为。

一、信息架构的具体化

1、一组矛盾：

用户眼见为实，希望你给他一个良好的架构；

设计优良的信息架构对用户而言是看不到的。

这两点，是一个可调和的矛盾。要想让信息架构可视化，其实并不是让用户看到你的架构思路多么清晰，而是让用户在满足浏览、搜索等行为时，感受到你的精心布局，却又忽视你的布局，直达他想要的目标（其实在以用户体验为中心的设计中，这也是一样的道理）。

2、展现网站的组织架构 (Information Architecture Component)

[分类法一]

1）组织系统：以各种方式为我们展示信息的内容分类、版块、应用程序等；

2）导航系统：协助用户在内容上移动 （下拉的快速检索、分类等也属于导航，不属于搜索）；

3）搜索系统：可让用户搜索内容；

4）标签系统：使用对用户有意义的语言（Hope so）描述分类目录、选项及链接。

[分类法二]

1）浏览帮手 (Browsing Aids)

-组织系统；

-全站导航系统；

-区域导航系统；

-网站地图/目录；

-网站索引；——辅助性导航系统，提供排序后的链接列表，连向网站的内容。

-网站指南；——辅助性导航系统，针对特定主题提供特定信息，以及连向网站中相关子主题的链接。

-网站向导；——辅助性导航系统，通过一系列步骤引导用户，也有连向网站中相关子主题的链接。

-情境式导航系统；

浏览帮手就是分类一的“组织+导航”的组合。基本上是通过按主题、按任务、按用户、按时间、按标签（标签云）来组织内容和划分版块，也称分类法或等级体系，然后再归纳或抽象到导航，达到引导用户通过鼠标移动快速寻找Target的目的。

2）搜索帮手 (Search Aids)

-搜索界面；

-查询语言；

-查询构造器；

-搜索算法；

-搜索区域；

-搜索结果；

用户通过输入和寻找行为、主动地完成寻找Target的目的。显露的IA和隐藏的IA，会使用户更快速、更合理地得到输入指引与鼠标指引。

3）内容和任务 (Content & Tasks)

-标题；——可理解成为内容命名的标签。

-嵌入式链接；

-嵌入式元数据；

-成块信息；

-清单；

-顺序式帮手；——暗示用户在某一流程或任务重所在位置的线索，以及完成任务之前还要走多远。

-标识符；

在内容呈现页（基本是最终页），内容（例如各大版块、文章各级标题、甚至一个图片）即IA；元数据的提取（例如关键词）即IA；清单、各种路径及面包屑等，都是IA。

4）“隐藏的”组件 (“Invisible” Components)

-受控词表和叙词表；

-搜索算法；——相关性排序。

-最佳猜测（Best Bets）；

跟运营相关；技术层的处理比较多。

————

二、自上而下与自下而上的信息架构

自上而下。设计一个网站来满足用户要求，从大的方面解决类似以下的问题：

1、这是哪里？

2、我知道要找什么？我该怎么找？

3、我该怎么逛这个网站？

4、这个机构的重要性和独特性何在？

5、网站上有什么？

6、发生了什么新鲜事？

7、他们想要我发表对网站的意见吗？

8、我怎么和他人联络？

9、地址在哪里？

……

自下而上。从一个页面或者一个节点（局部）出发，让内容本身嵌入信息架构，从而通过跳出“自上而下”的信息架构，解决类似以下的问题：

1、这里是哪里？

2、这里有什么？

3、从这里可以去哪里？

……

自上而下的信息架构难度稍低，基本上转化为内容布局的问题（显性部分）；自下而上的信息结构比较难把握，主要是用户的浏览、目标、选择的心理在访问过程中会产生变化（可参考第1章笔记的“采摘”与“珠形增长”模型）。

[思考] 淘宝的自上而下做得好不好？豆瓣的自下而上做得好不好？

提供一个Keith Instone的评估网站自下而上信息架构的绝佳导航压力测试方法，在这里。

信息架构不仅用于构造导航路径和框架，进而显现出视觉设计的蓝图。根据分类二，IA具有隐藏性。因此，IA包括可见和不可见（比如搜索结果优化）两部分；不可见部分，最终通过算法或人工手段展现在用户面前，让用户快速获得他想要的内容。