产品架构图的定义和基本画法

~ 本小节主要介绍 产品架构图 的相关知识，整个内容框架分为三个部分，分别是： 产品架构图是什么（what） ； 为什么要画产品架构图 （why） ； 如何画产品架构图（how） ，下文将对各部分的内容做详细介绍。

1、产品架构图的定义

产品架构图是一种将具象产品的业务架构、功能架构、信息架构、技术架构，生态架构以及商业模式等，通过层级划分、模块组合，而设计出的可视化图形，其抽象且精简的表达形式，很适合用来介绍复杂产品体系。常见的产品架构图有业务架构图、功能架构图、信息架构图，以及混合架构图。

有句俗语叫做： 思考常常越复杂，形式往往越简单 。人类历史上许多伟大的知识和定律都是以精简而优美的形式表达出来的，例如亚里士多德的三段论表述、牛顿的三大定律、欧拉的上帝公式，达尔文的进化论表述等。思考的足够通透后，只需要用简单的形式就可以表达复杂的体系结构和逻辑关系，相反很多看似简单的表现形式，背后却承载着巨大的复杂。

对比各种产品输出物（文档、原型图，流程图等），产品架构图的形式最为精简，都是由单一的矩形控件排列组合形成，但却在所有的产品输出物中拥有最高的抽象程度和复杂度，输出产品架构图是对产品经理产品设计能力的衡量和体现。

2、为什么要画产品架构图

在进行产品设计的时候，首先应该输出的是产品功能架构图，思考这张图如何画的过程，是帮助你梳理产品设计思路以及确定产品边界过程。例如，现在让你设计一个CRM系统，可以试着先画出具体业务的CRM系统的功能架构图，在画的过程中，会辅助你思考整个CRM系统有哪些核心功能模块组成，各模块的关联关系是怎样的，每个阶段应该做什么，从而形成完成的产品设计思路。

其次，产品设计的过程就像是盖大楼的过程，输出产品功能架构图就好比是搭建大楼地基的过程，产品原型设计的过程就像是大楼建造的过程，地基没有问题，后面的添砖加瓦就不会有太大问题。如果一开始地基质量就有问题而没有被重视，后续盖了一半发现整个工程出现问题，修复重建则会浪费巨大的资源和成本。所以项目初期产品功能架构图是很重要的交付物，当你要开始设计一个完整的产品方案时，如果跳过画产品架构图的步骤，直接开始画原型、写PRD文档，就很容易发生改了又改，甚至是做了一版需求然后又推翻的情况。

最后，在产品上线后无论是对内普及还是对外推广都需要有高度抽象，简洁易懂的载体来介绍产品整个情况，介绍和推广的不可能去用繁杂的页面和文字去描述，这个时候产品架构图会是介绍整个产品理念，功能和设计的一个很好的传达媒介。

3、如何画产品架构图

上文介绍了什么是产品架构图以及为什么要画产品架构图，接下来要介绍如何画产品架构图，产品架构图的画法主要分为四个步骤，分别是：（1）确定对象；（2）拆解结构；（3）挖掘关系；（4）表达输出。

图5-1产品架构图的画法

（1）确定对象

首先要明确产品架构图描述对象的范围和边界是什么，例如，对于一个CRM系统，要画的是CRM系统的业务架构图、功能架构图、信息架构图、还是综合了多种元素混合在一起的混合架构图。

（2）架构拆解

确定好描述对象的类型后，要对其进行架构拆解，例如，输出一家借贷平台的业务架构图图，可以拆解为贷前业务、贷中业务，贷后业务等。又例如输出一个CRM系统的功能架构图可以拆解出整个CRM系统的功能模块，如账户管理模块、客户管理模块、用户管理模块、权限管理模块，系统设置模块等。

（3）关系挖掘

输出对象的架构拆解完成后，需要发掘出各个模块之间的关联关系，同样以CRM系统的功能架构图为例，在拆分完整个系统的功能模块时，接下来要分析出各个功能模块的关系，产品架构图内部元素之间的关联关系主要有四种：统计并列关系、父子包含关系、辅助支撑关系，底层支撑关系。

（4）表达输出

确定了各个功能模块的关系之后，则需要进行关系表达，层级相同的模块元素，则按照同级并列关系，需要排列在一起。

例如，在CRM系统中，客户管理模块和权限管理模块就属于同层级的并列关系。而权限管理模块和权限分配这个功能模块之间则属于父子包含关系，在表达父子包含关系时，通常父级模块会包含住子级模块。

其次，一些产品的非核心的功能模块或者产品之外的一些功能模块，例如第三方平台的短信功能模块，这些模块对产品自身功能的实现起到了一定的辅助作用，与其他产品功能模块呈现出辅助支撑的关系，辅助支撑模块一边画在产品架构图的右侧。

最后是底层支撑关系，例如产品的 会员体系 是建立在账户体系的基础上的，所以账户体系与会员体系属于底层支撑关系。底层支撑关系的表达方式一般是支撑模块在底下，被支撑模块在上面。这些基本关系的图形化表达方式，会在后面小节结合实际的案例做详细介绍。

整个边界范围内的结构关系表达完成后，整体检查一遍是否有遗漏和错误，检查完毕后配上整个架构图的标题，架构图标题往往是对整个架构图内容的说明，一般放在最上面或者框架左右两边，最终输出完整的产品架构图。

爱因斯坦说过： 如果你不能把一件事情用最简洁的语言描述清楚，说明你还没有理解他。 对于产品架构图而言： 如果你不能用简单的矩形， 通过 排列组合的方式 ， 把一个复杂的产品 结构描述 清楚，说明你还没有真正理解 你做的产品 。 所以，在日常的产品工作中，要培养自己去画产品架构图的习惯，培养抽象思考能力的同时，辅助自己高效的完成产品方案设计。

原文地址：https://www.cnwebe.com/articles/157113.html

---

卢湾区18232409500： 系统架构图怎么画 - ？
元亚辣椒： 系统架构图属于系统设计阶段,系统架构图只是这个阶段一个产物,要正确的、合理的画系统架构图需要全面的理解用户需求以及业务流程,当理解了这些东西后,剩下的就是如何进行表达了,一般而言,可以参照RUP的用例驱动来进行逻辑架构,开发架构等设计工作,你的系统架构图可以反应在各个视图里面,我估计你所说的系统架构图是属于逻辑架构里面,比如分多少层,每层分多少模块等.至于,绘制的工具,有很多很多.可以选择微软的visio,或者EA,rose,power designer等UML建模工具,当然,你甚至可以用PPT,Word来绘制.当然,系统架构不是一日之功,需长期努力,跟经验和技术都有很大关系.今天兴致来了,回复了这么多,不知满意不.

卢湾区18232409500： IT术语中:架构图、结构图、示意图、拓扑图的定义？
元亚辣椒： 架构图一般涉及系统、程序、存储等 结构图描述结构组成部分 示意图表达某种功能的演示图,不是很规矩 拓扑是限于网络,表述网络连接的结构.

卢湾区18232409500： 结构图的画法,步骤,有人可以告诉我吗 - ？
元亚辣椒： 如何在word2016中绘制组织结构图 word画组织结构图方法一: 步骤一:如图的人事关系组织结构图,总经理下面有三个职位,三个职位下面各有助手. 步骤二:切换到“插入”标签,在“插图”栏下,找到“SmartArt”工具,点击. 步...

卢湾区18232409500： 如何绘制企业组织架构图 - ？
元亚辣椒： 有各种画法. 1、在WORD里,选“插入”-“图片”-“组织结构图”. 2、在PPT里,选“插入”-“图片”-“组织结构图”. 3、用PHOTOSHOP,直接画. 4、用OFFICE文件中的绘图工具栏手工画.

卢湾区18232409500： 系统架构图怎么画的? - ？
元亚辣椒： 系统架构常用软件:1. MindManager 画思维导图2. Microsoft Office Visio 内有uml建模工具, 上图也可以用此软件画出来3. Axure RP Pro 可以用来画产品原型 各软件怎么用还是要实践中去熟悉

卢湾区18232409500： wps组织架构图怎么画 - ？
元亚辣椒： 菜单栏——插入——第2版块——组织结构图:

卢湾区18232409500： 什么是架构 - ？
元亚辣椒： 架构一般指软件架构(software architecture)是一系列相关的抽象模式,用于指导大型软件系统各个方面的设计. 软件架构是一个系统的草图.软件架构描述的对象是直接构成系统的抽象组件.各个组件之间的连接则明确和相对细致地描述组...

卢湾区18232409500： 如何画出漂亮的组织架构图 - ？
元亚辣椒： 这个很简单的. 更具需要 可以用excel 或者word 最好 选择用 插入 --图形 就可以了..

卢湾区18232409500： 工作分解结构图怎么画？
元亚辣椒：这是一个很有价值的问题,解决你这个问题的过程中,我自己也学到了许多未曾注意到但是很重要的关于项目管理的一些专业知识,非常感谢...下面开始讨论正题: 一、项目分解结构定义: 首先项目分解结构(WBS)是一种管理工具或者...

卢湾区18232409500： 如何使用visio 2010绘制组织结构图 - ？
元亚辣椒： 1打开Visio软件,我们就能看到Visio的向导,找到组织架构图向导. 2点击组织架构图向导,找到创建按钮,并点击创建,打开一个空白的组织架构图页,我们就可以创建一个组织架构图. 3在空白的组织架构图的左侧,我们能看到形状、模具的介绍,左键单击组织架构图形状,如高管带、经理带、职位带等等形状. 4根据我们的需要的形状将其拖入右侧空白画板,如图所示,高管带,经理带,职员带,图中以人力资源为例,在形状中输入相关文字.同时在左侧的形状栏将报告线拖入画板,连接职位带. 5在Visio的左上方,组织架构图按钮,可以对组织架构图进行布局和优化. 6点击Visio的左上方文件按钮,进行保存.