作为B端产品经理，设计和管理复杂的产品功能是日常工作的一部分。
在这个过程中，功能框架图、信息架构图和产品结构图是我们必须要三种重要的工具，能帮助我们准确表达需求的产品逻辑、信息范畴和用户界面。
01功能框架图
功能框架图是梳理产品功能的起点，它帮助我们理解产品需要实现的所有功能。有时候也称为功能结构图，通过罗列出所有的功能，用于项目流程的早期阶段。
目的
功能框架图的目的是展示产品或服务中包含的所有功能，帮助团队理解产品的功能组成。
梳理方法与步骤
（2）记录功能：基于需求，列出产品需要实现的所有功能。
（3）组织功能：将功能按照逻辑分组得到模块，通常用名词+“管理”组成，如用户管理、订单管理等。
（4）使用动词+名词：为每个功能点使用动词+名词的形式命名，如“创建订单”、“管理用户”。
示例
在一款外卖App中，根据功能框架图的概念梳理可以得到如下的内容：
（1）用户管理模块：创建用户、编辑用户信息、删除用户。
（2）订单管理模块：创建订单、查看订单、修改订单、取消订单。
02信息架构图
这个图通常在功能框架图之后使用，当产品的功能确定后，信息架构图帮助确认各模块包含的信息。它以「xx信息」的形式描述，展示信息的细项和分类，帮助我们确定在产品中需要找到的信息和内容。
用一句话概括就是：信息架构图是帮助我们定义和组织如何在产品中展示信息的工具。
（1）确定信息类型：识别产品中需要展示的信息类型。
（2）分类信息：将信息按照逻辑分类，如用户信息、订单信息等。
（3）定义信息层级：确定信息的层级关系，如基本信息、详细资料。
（4）使用xx信息：为每个信息点使用“xx信息”的形式命名，如“账户信息”、“流水号信息”。
–设计信息展示逻辑，确保用户能够容易地找到所需信息。
–优化用户体验，通过合理的信息架构提高用户满意度。
继续以外卖App为例，信息架构以拆解为：
（1）用户管理模块：基本资料信息、收货地址信息、账户信息等。
（2）订单管理模块：流水号信息、状态信息、订单快照信息、支付信息等。
03产品结构图
完成了前面的两个图，最后一步就是设计用户界面（画原型了），这里就是要用到产品结构图了。
产品结构图是界面的直观表达，具体展示界面的布局和元素。它反映了用户实际看到的产品界面，帮助团队理解产品的视觉和交互样式。
1.确定界面元素：根据前面的模块/功能/信息，逐一翻译为界面上需要展示的所有元素，如XX功能按钮、XX信息输入框等。
2.布局规划：设计元素的布局，确保界面清晰、逻辑性强。
3.交互设计：考虑元素之间的交互，如点击按钮后的操作。
4.视觉呈现：使用线框图或原型图展示界面的视觉设计。
适用场景
（1）用于在设计初期确定界面的基本结构和布局。
（2）用户测试：通过原型图收集用户反馈，优化设计。
产品结构：
（1）导航栏：为了承载前面已经定义出的模块与功能，在App的底部导航选项，必须包含用户图标、订单图标。
（2）用户中心：为了承载前面定义的信息架构展示，在用户中心页需要包含如下信息展示元素：基本资料信息、收货地址信息、账户信息。
04综上
作为B端产品经理熟练掌握这些工具，不仅可以帮助我们快速梳理产品逻辑，还有助于准确传达你的想法给到研发团队，加速我们的工作流程。