产品结构图 VS 信息结构图 VS 功能结构图（附案例）

先说结论：

产品功能构造图，以功能模块为种别，先容模块下其各功能组成的图表产品信息构造图，罗列产品页面所需的全部信息字段，比如产品功能构造图中的功能模块如改换昵称、头像，在产品信息构造图中就表现为昵称、头像等信息字段产品构造图=产品功能构造图+产品信息构造图+基本交互逻辑

下面一个个来拆解：

产品功能构造图

所谓产品功能构造图，按百度百科的定义，便是按照产品功能的从属关系画成的图表，下图的每一个框都称为一个功能模块。

注：产品构造图中的主功能模块不一定便是产品Tab中的标签模块（如下图），许多时候产品是受限于各种限定（比如移动端屏幕空间），不得不把功能分为少数的几个Tab中。
当然，如果产品功能不太繁芜的话，用Tab标署名作为主功能模块的做法也没问题。

功能模块根据详细情形颗粒度会有所不同，颗粒度小的功能模块可以是一个程序中的每个处理过程（比如删除对话，标记已读/未读等），而颗粒度较大的功能模块则可能是完成某一个任务的一组程序。

产品功能构造图的设计一样平常分两步走：

第一步：梳理功能流程

要绘制产品功能构造图，就得先理解详细有哪些功能。
而理解功能更直不雅观地方法，便是自己把全体功能流程跑一遍，画出相应的功能流程图。

绘图工具：亿图图示

第二步：拆解功能模块

有了功能流程图后，我们拆分功能模块起来就能事半功倍，实在便是把上述流程给抽象为详细的功能模块，模块颗粒度根据各自需求而定。

绘图工具：亿图图示

产品信息构造图

差异于产品功能构造图，产品信息构造图须要罗列产品页面所需的全部信息字段。
比如谈天列表中的最新发送韶光、会话工具图标、会话工具名称、最新会话预览等信息，便是产品信息构造图的内容，而非产品功能构造图的内容。

绘图工具：亿图图示

注：产品信息构造图的绘制常日晚于产品功能构造图，每每是在产品设计阶段的观点化过程中，在产品功能功能构造基本确定的情形下才对产品信息构造进行设计。

产品构造图

这部分其实在业界有不同的意见，一种认为产品构造图是产品功能构造图的简称，一种则认为是产品功能构造图+产品信息构造图。
我更倾向后者，但须要加上基本交互逻辑，用一条公式来表示便是：

产品构造图=产品功能构造图+产品信息构造图+基本交互逻辑

如此一来，产品构造图就相称于简化版的产品原型图。

------分割线------

以上思维导图及流程图均由亿图图示绘制而成，有须要的小伙伴可以自行收藏体验