一张图讲清楚产品架构，手把手教你画产品框架图产品结构图怎么画 _经验分享

产品架构图与功能架构图的区别？产品架构图：是整体方向的结构图；
功能架构图：是具体功能的结构图；
不同的架构方法论，会将架构分为不同视图，每个视图侧重某一个方面、领域的问题。
所谓架构，就是对架构的对象进行合理的抽象，其结果是让架构的对象更高效、更简单、更易用、更易变。
简单理解，架构就是为了：简单、高效。
系统架构图都包括什么，应该用什么来画？要让各部门的同事理解、遵循架构决策，就需要把架构信息传递出去，架构图就是一个很好的载体。一图胜千言，使用架构图的好处就是能解决沟通障碍，达成共识，让相关同事通过图一目了然领悟作图者的信息。
架构图是提升工作效率、优化产品性能、改善用户体验等方面的体现，也是作图者专业能力的表现。
最直接的标准是架构图要具备一致性和准确性，能够与代码相呼应；受众能准确接收到作图人想传递的信息。大家可以用ProcessOn工具来画架构图。
操作步骤：
Step1：新建【流程图】
【一张图讲清楚产品架构，手把手教你画产品框架图产品结构图怎么画】Step2：在【更多图形】中添加更多架构图相关图形【网络拓扑图】、【UI界面原型图】
Step3：拖拽图形到编辑区使用即可
怎么把一张图片中的产品结构图画出来？方法供参考：

确定要做的产品的所有功能将所有功能一一列在纸上，确定产品的核心功能（这属于设计方法了，这里不铺开讲目标导向），并以核心功能为主，将每个功能要实现的目标和可能的业务逻辑大概罗列在下面。

确定产品的模块一个或多个功能可能会组成一个模块，便于架构师、设计师、开发工程师等几乎所有干系人理解，更便于用户使用，将功能用线条跟模块进行组合。

确定子模块或子功能某些大功能或大模块可能会由多个子功能\模块组成，将他们依次用线条连起来，需要注意是将主模块、子模块\功能依优先级或从属关系画成树状图。需要注意的是，某些子功能可能和其他模块进行交互，或多入口，或各种各样的业务流，都把它们用线条连起来，换个颜色的线条（通常会带箭头）。可以用Mindmanager或OmniGraffle等，工具不限，ppt也可以做到。

产品入门，如何绘制产品功能结构图和产品信息结构图下面是笔者通过实践和资料整理对这两个结构图进行定义区分，并辅以实际demo分析阐释：
一般在实际工作中，一个产品需求从创意、构想到最终输出给设计、开发，不一定会用到这两种图，视情况选择使用。如要有要求先输出产品方案时，还是建议绘制“产品功能结构图”和“产品信息结构图”，方便直观地让开发人员了解该产品的架构，同时自己参照结构图绘制产品原型时也避免模块和功能的遗漏。
一、产品功能结构图
作用：梳理产品架构功能点。
说明：我们绘制产品功能结构图一般是在原型绘制前，所以大多不以页面为模块去罗列，而是以功能划分模块，以产品的主要功能及其他围绕主要功能而展开的下级功能点进行罗列。
一般做竞品分析时会倒推已经成型的产品来练手，此时需要反复使用软件，列出其主要功能，涉及的功能细节需要不断测试得出。
在自己构想一个新的产品时，也需要大量使用同类或者有借鉴意义的产品，在绘制功能结构图的过程要结合过往或者同类产品经验罗列功能模块、细化功能点。
功能和信息的概念有时比较模糊，如果想要更清晰的让自己的表达更清晰可以采用“动词+名词”的形式对功能点命名，比如：登录/注册账号；查看/取消收藏等。
操作过程：
我们在绘制功能结构图之前，要先梳理主要功能逻辑，下面是笔者参照B站功能模块拆解的主要功能：
在主要功能的基础上添加下级功能和细节点，产品功能结构图就绘制出来啦！
如下图：
二、产品信息结构图
作用：梳理系统页面的模块功能显示信息，是绘制原型的基础，信息结构图类似数据表结构设计，揭示了需要哪些数据，这些数据需要有怎样的元素组成，才能达到每个功能模块需要展现的内容表达。如果说功能结构图是产品的功能抽象，那么信息结构图则是产品的数据抽象。
说明：产品信息结构图罗列了产品需要的信息字段，是在我们绘制原型前构想如何布局页面信息的依据。在C端产品中对产品信息页尤其重要，为避免原型绘制时遗漏，此时需要绘制产品信息结构图穷尽页面内容。信息结构图中同一个对象的信息出现在多个页面是非常常见的事情。
例如个人简历，在招聘官使用招聘网站时，姓名、性别、年龄、职位、工作时间等关键信息既会出现在候选人的列表页，也会出现在候选人的详情页，还会出现在搜索结果页等等。
操作过程：
结合功能点，对设想的功能进行主页面布局。
根据需求调研、竞品调研报告、结合自己的产品经验确定具体功能模块布局:
总结：
1.功能结构图，关键词是功能，是功能的结构化表达；
2.信息结构图，关键词是信息，是信息的结构化表达；
互动作的细节不用体现在产品功能结构图和产品信息架构图中，比如页面布局细节、交互手势、动画效果等，属于交互设计的范畴。
绘制产品结构图时，你就要想象这是你产品的最终形态，每个页面要有哪些功能和数据，类似于开发做的不同静态页面，展现在你面前的就是产品的雏形了。
一张图讲清楚产品架构，手把手教你画产品框架图什么是产品架构图
产品架构图是产品经理用来表达自己产品设计机制的一张概念图：
它将可视化的具象产品功能，抽象成信息化、模块化、层次清晰的架构，并通过不同分层的交互关系、功能模块的组合、数据和信息的流转，来传递产品的业务流程、商业模式和设计思路。
由于产品架构图通常用于比较复杂的产品项目中，目前介绍产品架构图的相关书籍和资料极少（尤其是入门级别的资料很少提及），却是设计复杂产品时不可或缺的文档之一。
没有资料的探索过程漫长且没有方向，在终于有所沉淀后，我花了四周写下了这篇总结，希望可以为你绘制产品框架图时提供简明的参考。
为什么要画
梳理自己对产品方向的判断：
思考这张图如何设计的过程，也是帮助你梳理“半年内自己的产品该往何处去、需求应该如何分期和落地、和其他产品的依赖&竞争关系是什么、未来的可拓展性在哪里”等问题的过程。
为技术&运营的输出形成支撑：
当这张图被设计出来后，按照产品架构图的结构和路径，项目的里程碑（RoadMap）就可以被清晰的拆解出来，同时项目成员也可以根据这张架构图产出运营计划、技术系统架构方案等强依赖产品方向的方案。
让他人可视化的理解你的产品架构：
能较为清晰简单的呈现自己的思路、明确自己的产品边界、指明发展的方向，常用于在项目规划或项目总结中进行演示，帮助不了解你的产品的人快速的建立对你的产品结构、功能、复杂度的认知。
何时需要画
建议在复杂项目开始前写：
当你要开始设计一个系统性、完整的需求时，如果跳过画产品架构图的步骤，直接开始画原型、写PRD、kick off，就很容易发生“改了又改”、“做了一版需求然后又推翻”的情况。
但“种一棵树最好的时间是十年前，其次是现在”：
如果你的项目已经进行到一半，自己却从未产出过这张图，那么就从此刻开始，按照下文的步骤尝试为自己的产品产出一张产品架构图吧。
如何画
之前我们分享了【AR最全干货及资料】设计AR产品，你一定要看的总结，你可能对AR相关的背景知识已经有所了解。为了分享的延续性，我们来做一个大胆的假设*：
假设你是微信-扫码功能的产品经理，有一天老板把你叫到办公室，一番鼓励后拍着你的肩对你说：
“苹果发布会看了没？苹果这么重视对AR能力的支持，我们微信也要赶紧把AR功能做起来。这是个Allen（张小龙）很重视的项目，你回去好好设计一下，明天来跟我过方案。记住，要能够一炮打响，全民参与喔！”
啊，张小龙级别的项目啊！明天就要出方案，怎么办？
画前准备
列出问题域
在需求初期，产品经理得到的往往只是一句比较模糊的需求描述，它们可能来自于老板、运营或用户。
直接把这句话作为核心产品功能是不恰当的，合理的做法是先把这个产品所有的问题域列清楚。
“问题域”是指自己的产品能够解决的所有问题的空间集合。从核心需求出发，将所有当前需要解决、未来可能要解决的问题放入产品框架的范围，能够帮助你的产品架构图拥有更高的可拓展性，在后续具备迭代和优化的空间。
以微信AR的需求为例，问题域是这样一个集合：
详细操作步骤：
1. 找到收到的需求中，跟产品形态、产品目标相关的词句，去列出“XX的流程会是什么样”、“XX该怎么达成”之类的问题，直到如果这些问题解决，能够实现核心需求的方向和业务目标。
2. 去逐次寻找这些问题需求被解决的过程中，是否有其他要先解决掉的问题、或者其他跟业务相关的问题能够被解决/改善。
3. 按照层级去罗列出所有的问题，并附上自己的初步回答，从而形成一个初步的、自己的产品能够解决的“问题域” 。
确定产品方向
在经过问题域的罗列后，你应该能够得到一个模糊的产品方向和功能范围。把这些问题域的答案抽象总结成一个确定的产品需求。
以微信AR的需求为例，根据问题域，我们发现需求不只是扫码组件增加AR识别能力这么简单，整个需求里需要引入广告主的角色，并且需要和广点通、腾讯开放平台等团队合作。最终得到的产品方向描述是这样的:
详细操作步骤：
问题域的环节非常发散，这一步需要回归基础，把模糊的需求补充、拓展和翻译成一个在商业模式和用户体验上能够形成闭环的产品需求。
1. 核心需求确定：我的产品核心解决的是哪批用户、哪个用户需求？
2. 产品目标：如果以一个数字指标衡量我的产品，它应该是什么？
3.用户场景：核心需求基本的产品形态、用户使用的路径是怎样的？
清晰的业务流程
这一步需要根据核心产品需求和问题域的答案，画出简单的业务流程。业务流程是产品设计中常见的图表，绘制方法就不再多做说明。
以微信AR的需求为例，从广告主准备AR互动，到用户在前台使用摄像头参与互动，整个业务流程如下:
着手绘制
搭建基础框架
基础的产品框架脱胎于业务流程，但相比业务流程，更加注重产品功能的枚举、功能模块之间的分界。
详细操作步骤：
1. 对照业务流程，根据自己设想的产品机制、基本产品形态和用户的使用路径，列出需要的页面&功能&模块等前后端逻辑。
2. 将刚刚得到的多个流程图中所有功能类似或者范围有包含关系的机制/功能放在一起，以模块化的形式形成一张简单的矩阵图。
3. 将明显是同一个产品范围、同一组产品功能的模块放在同一层级，得到一个基础的产品框架。
明确架构分层
一个具备前后台关系的产品架构图至少分为三层：用户感知层（在何种场景下通过何种方式触达用户）、功能模块层（通过哪些功能模块实现产品的核心功能、和哪些外部平台功能有信息交互）、数据层（产品的数据从哪里来、产品的数据沉淀到何处去）。
在上一步进行简单分层后，我们已经得到一个初步框架，但是难免会有分层不明确的问题。此时需要按照两种维度来处理架构图的层级：不同信息层级的边界、同一层级内模块和模块的边界。
1. 处理不同信息层级的边界：
架构图的层级表达的其实是信息之间的流转关系，不同信息层级之间一定是有逻辑关系的。
其中用户感知层和数据层通常可以简化为一层（用户端的功能表达往往逻辑简单、数据的来源问题则不是自己产品的核心功能），而功能模块层则需要按照自己产品的逻辑去将功能模块层内的主要模块变成新的层级。
2. 处理同一层级内子模块的边界：
各层次之间虽然相关，但同一层次内的子模块之间一定是互相独立、界限分明的（常常对应着不同的开发团队和系统应用）。将解决不同问题的功能拆分成两个子模块，做到一个问题只在同一层解决，避免牵一发而动全身的情况出现。
3. 明确产品间的边界：
产品边界对于开发设计系统架构、业务间的合作模式都非常重要。用不同颜色标识清楚产品框架中，各个部分所属产品的边界，通常其中属于自己团队的部分用亮色表示。
加入信息流转机制
产品架构图在表达产品的核心功能外，也应该体现信息流动的路径：当前层级数据的交互形成产品功能，产品功能又产生新的数据，从而推动下一层级的功能运转起来。
如果当前产品的主要使用角色只有一个，则只需要用箭头标明模块间信息流动的方式即可。如果当前产品会涉及的主要角色比较多，则需要用不同颜色的线条将他们和各个模块之间的信息交互关系外化出来。
最终检查
一张好的产品架构图，应该具备以下特点。
清晰的模块功能边界
功能经过抽象，做到标准化、互相独立
上下游产品功能边界清晰，架构分层明确合理
具备迭代优化的能力
记得不断根据你的产品的发展情况来更新产品架构图，每次修改的过程对提升产品架构能力的帮助非常巨大。
————————————————
原文地址：https://blog.csdn.net/pmcaff2008/article/details/78111282
架构图lxq什么意思产品底层的设计
产品架构图、业务架构图产品架构图有时候也叫做业务架构图，是对于产品底层的设计，涉及到整个产品的业务流程，比较复杂。
关于产品架构图和产品结构图怎么画的内容就分享到这儿！更多实用知识经验，尽在 www.hubeilong.com

一张图讲清楚产品架构，手把手教你画产品框架图 产品结构图怎么画

一张图讲清楚产品架构，手把手教你画产品框架图产品结构图怎么画