4.拓展阅读：网站信息架构

从信息流的角度来看，产品设计需完成“数据→信息→知识→智慧”这个传递链。信息正好处在数据和知识之间混乱的地带，产品的每个功能通过内容来实现产品目标/满足需求，所以我们需要将信息结构化，从而向用户传递有意义的信息/知识，依据产品功能/内容范围列出内容需求清单，然后将数据结构化为有意义的信息，将信息的生产、传播、消费融入功能之中，最后设计出导航系统。

4.1 信息架构组成

网站的信息架构可以分为元素、关系和传递三部分。

①元素即信息单元是什么，由谁产生，如何更新，有哪些自有的和附加的属性/元数据，它们如何描述信息，如何在信息存取过程中发挥作用。

②关系即产品骨架，数据如何产生、如何分类、如何组织、如何流动、如何发生关系。

③传递即产品是否成功传递信息，使用者在哪里通过什么方式获得信息，界面对信息的描述、指示和引导是否充足有效。

4.2 信息架构要做的事

①设计结构——决定网站信息单元的粒度，以及信息单元的相对大小或粗糙程度。

②决定组织方式——将组件组合成有意义而且各有特色的类别，分为组织体系（内容条目之间共享的特性）和组织结构（内容条目和整体之间的关系类型）两个问题。

③制定标签——如何称呼这些类别，并由标签设计出导航系统。

4.2.1 设计结构

确定粒度：从战略层的产品目标到表现层的信息表现，信息单元的粒度在逐渐变小，最后到达字段这一级别。

信息清单：数据库的ERD方法，先确定实体清单，即《交互设计沉思录》中所说的concept matrix；然后逐步细化找出信息节点/内容和元数据内的模式与关系；最后通过元数据和实体来建立字段清单和信息节点，并且理清各实体自然关系。

4.2.2 决定组织方式

1.组织方式

组织方式是以用户为中心来组织元数据，将以实体为中心的信息结构改为以用户为中心的信息结构，分为组织体系和组织结构。分类的标准、定义内容条目之间共享的特性会影响这些条目的逻辑分组方式，不同的层级、功能其分类依据可能会不一样。

精确性组织体系：可以将信息分成定义明确、互斥的区域。常见的是按字母顺序、按年表、按地理位置排序；以及从“如何描述这个物品”角度产生分面分类法，通常遵循MECE原则。

模糊性组织体系：依赖的是体系构建的质量，以及体系内个别条目摆放的位置。常见的类型有按主题、按任务和按用户三种类型。按主题设计时需要定义好内容的范围，注意涵盖面的广度；按任务设计时需将内容和应用程序组织成流程、功能或工作的集合；按用户设计时，虽然用户群可以界定得比较清楚，可以提供很好的个性化服务，但模糊性依然存在，对系统“猜测”的要求很高。

2.组织结构

组织结构用于定义内容条目和群组之间的关系类型。依据用户场景、功能（内容）、用户的心智模型来分解产品目标，使得产品分解后不同功能模块之间区分度足够高，让用户清楚什么场景使用哪些模块；同时在每个功能模块内，通过维度属性来进行功能的分类，使得用户的期望持续得到满足，当功能维度属性一样的时候，用户会感觉很流畅，不会感觉到有跳跃性。例如高级用户打算进行一些复杂操作时，他对复杂是有预期的，当用户只是进行常规行为时，如果突然要使用一个复杂操作，用户使用产品流畅的状态会被打破。内容上前后一致、紧密性强，功能上是前后在一个流程线上，例如同级（桌面导航）功能归属于同一个父节点。

架构组织的方法是从上到下地拆分或者从下到上地聚合。常见结构类型有：

①层级结构：自上而下的分类，类别互斥（在排他性和包容性之间取得平衡），平衡宽度（每一层选项数量）和深度（层级数）。

②数据库模式：自下而上的做法，使用受控词表的元数据为文件和其他信息对象打上标签，就可以进行有力的搜索、浏览、过滤以及动态链接。

③中心辐射结构：核心、里层、外层，是一种特殊的层级化，一个节点只有一个子节点。

④矩阵结构：对应如SWOT分析类的多维度分析和节点连接。

⑤自然结构：对应漫游思维。

⑥线性结构：如路径图、时间线是线性结构的例子；超文本系统可用于情景式导航。

4.2.3 制定标签

信息架构把一个结构应用到我们设定好的“内容需求清单”之中，导航设计是让用户看到那个结构的镜头。导航系统更多的是线索，用户通过这些线索可以在结构中自由穿行。通用原则是尽量窄化范围，开发一致的标签系统而非标签。一致性很重要，因为它代表的就是可预测性，当系统可预测时，就容易学习。影响一致性的因素有风格、版面形式（字体、字号、颜色、空白、分组方式等）、语法（动宾、问句）、粒度、理解性（没有重要的遗漏）、用户等。内容必须语义清晰，使用用户熟悉的语言。主干路径应该清晰：产品的主要功能架构是产品的骨骼，它应该尽量保持简单明了，不可以轻易变更，否则会让用户无所适从。次要功能丰富主干，不可以喧宾夺主，应尽量隐藏起来，而不要放在一级页面。

常用方法：①从已有内容中抽取（慢，费力）。②要求内容作者为内容建议标签。③找用户代言人或主题专家（SME）。④直接来自用户（如卡片分类，对小群标签如导航比较适用，自由列表）。⑤间接来自用户（如jQuery日志分析、标签分析）。

4.3 信息架构的好处

信息架构为内容提供了情境，告诉用户位置所在；协助用户移动到其他关系紧密的网页；协助用户以层级方式（结构和目录）和情境方式（相关内容和功能）在网站内移动；让用户可以操控内容以便浏览（如筛选和排序）；让用户知道可以去哪里找到基本服务（如登录和帮助）。

区域导航系统：严格的层级结构中可能只提供一个页面的父节点、子节点，如果信息架构反映了用户对整个网站内容结构的思路（这也是用户心智模型，要帮助用户理解网站内容），那么局部导航是非常合适的。

体现自然结构的导航：主要提供到兄弟节点“中间页”，提供专递，几乎全部是链接，如知乎、微信个人页面。（非常能满足浏览式的用户场景）

情境式导航系统：用链接统一连向相关内容，通常内嵌在文字内，一般用来链接网站中高度专业化的内容。“内联导航”是嵌入页面内容的一种导航，如页面文字中的链接，如订单中的快递信息。

其他独立于功能和信息的导航：友好导航、网站地图、索引表，常常为非必要的特殊目的去设计网站地图/目录，提供搜索信息的帮助和搜索界面。