{"data":"{\"category\":\"technology\",\"content\":\"\\u003cdiv\\u003e\\u003cp\\u003e在产品经理的工作中，我们总能看到功能架构图，但它是怎么来的呢？本文介绍了功能架构图和信息架构图的区别，以及如何从业务出发构建功能架构图。希望对你理解和绘制架构图有所帮助。\\u003c/p\\u003e\\u003c/div\\u003e\\u003cimg src=\\\"http://p2.img.360kuai.com/t01b9299a1c969e8695.jpg\\\"\\u003e\\u003cp\\u003e在产品经理的工作中，我们总是会用到功能架构图，但是功能架构图是怎么来的呢，可能还是有很多伙伴不是非常清楚。\\u003c/p\\u003e\\u003cp\\u003e有可能是凭经验、看竞品等方式来做功能架构图，然后反反复复经过多次的来回折腾有一个输出，但可能有各种遗漏并传递到下一个环节，最终靠和研发各方调整撕逼多次最终完善。\\u003c/p\\u003e\\u003cp\\u003e那有没有能够比较彻底的方式方法来解决这种问题呢？\\u003c/p\\u003e\\u003cp\\u003e确实是有的，我们还是回到业务层面，因为功能也是为业务服务的。\\u003c/p\\u003e\\u003cp\\u003e我们在业务架构阶段得到商业模式，商业模式中拆分出价值链、价值链进一步细化就得到流程，流程逐层分解细化，我们得到多层级的流程，最终到任务活动这个不可再拆分的层级。各个业务的复杂度不同，拆分的层级不一样。\\u003c/p\\u003e\\u003cp\\u003e如下为生产制造类型的核心价值链，从商业模式梳理出核心价值链，还有辅助及职能部分。\\u003c/p\\u003e\\u003cp\\u003e对核心价值链逐层分解，则能有下一级的流程，流程节点步骤对应能力，也即是功能。以其中的加工制造环节的三个层级来分析，细化如下。\\u003c/p\\u003e\\u003cimg src=\\\"http://p1.img.360kuai.com/t017b4fdbd2ad2e27a6.jpg\\\"\\u003e\\u003cp\\u003e对流程节点进行一一映射，就能够得到功能架构图。在拆分的时候，做到端到端、逐层拆解，完全穷尽，不重不漏。\\u003c/p\\u003e\\u003cimg src=\\\"http://p0.img.360kuai.com/t0165bff73c01828b63.jpg\\\"\\u003e\\u003ch1\\u003e功能架构图与信息架构图\\u003c/h1\\u003e\\u003cp\\u003e在日常工作中、书上、网络上经常能看到产品信息架构图、产品功能架构图等等。\\u003c/p\\u003e\\u003cp\\u003e信息架构和功能架构有何区别呢？为什么一个产品，会有两个不同的架构图出现？\\u003c/p\\u003e\\u003cp\\u003e估计很多人画的都是二合一的架构图，但总是画不全、想不周密、老觉得缺点啥似的，到后面原型设计、设置研发等环节再补，导致反反复复、不断的返工。\\u003c/p\\u003e\\u003cp\\u003e本质上是从不同的视角看问题的缘故：\\u003c/p\\u003e\\u003cp\\u003eA、功能架构图就是我需要哪些功能。就像是汽车发动机，需要有哪些零件一样，一个个的功能就是一个一个的零件。功能架构就是发动机所有零件的一个综合清单，不过这个清单进行了分类，按照不同的类别进行了多个层级的分类，能够方便清晰的识别出每个零件的归属及上下级关系，就像给图书进行分门别类编号一样。这样也便于检查功能是否齐备等。\\u003c/p\\u003e\\u003cimg src=\\\"http://p1.img.360kuai.com/t012cd06c607699b811.jpg\\\"\\u003e\\u003cp\\u003eB、信息架构是零件组装的一个指导，就类似于发动机的组装指导手册。要考虑如何组装零件最后占用的空间少，各个零件出现在该出现的位置，不会出现错装漏装。这样才能更好的使用，对用户友好，不能是简单的堆砌在一起，要考虑功能之间的交互。\\u003c/p\\u003e\\u003cp\\u003e就类似于下图，发动机的每个零件都出现在该出现的地方，发动机才能正常的运转，要不然即便有这个零部件，没有安装好，也发挥不了该有的作用。软件类似，如果一个功能出现在不合适的位置，就发挥不了本身应有的作用。\\u003c/p\\u003e\\u003cimg src=\\\"http://p1.img.360kuai.com/t010ab578043876bb6f.jpg\\\"\\u003e\\u003cp\\u003e就一般来说，我们肯定是先有单个的零件，然后才能进行组装。\\u003c/p\\u003e\\u003cp\\u003e因此是先有功能，然后进行组装、也就是搭建交互及页面布局，最终形成信息架构图。\\u003c/p\\u003e\\u003cp\\u003e当我们有了信息结构图，我们再进行原型绘制，就非常简单，只需要将相关功能按照交互布局放上去，并创建交互，原型demo就出来了，这样能够极大的减少因为思考步骤导致的往复返工，特别是原型的往复返工。\\u003c/p\\u003e\\u003cp\\u003e下图为微信的功能架构图，在梳理功能架构图的时候，就不太会去管这些功能怎么样去交互，摆放位置等等，大概的知道他们的一个先后顺序。看这张图，能够比较清晰的看到微信有哪些功能，对其有一个概览。\\u003c/p\\u003e\\u003cimg src=\\\"http://p2.img.360kuai.com/t0194acbd4cb8ce2fe6.jpg\\\"\\u003e\\u003cp\\u003e下图为微信的信息架构图，也就是微信各种功能的组装图，看这张图就能够比较清晰的知道，微信一层一层有哪些东西，是怎么样分布的，你在哪个地方可以看到用到哪些功能。\\u003c/p\\u003e\\u003cimg src=\\\"http://p2.img.360kuai.com/t01047e424816485f97.jpg\\\"\\u003e\\u003cp\\u003e功能架构图更便于研发或者是后台研发看，信息架构图便于UI、前端看。功能架构是功能的集合，信息架构图是功能的交互。\\u003c/p\\u003e\\u003cp\\u003e从产品设计、UI设计、视觉设计、交互设计等等一些列设计，其实都是做了一个事：站在用户角度，用户如何使用这个产品（用户体验），以及我们希望用户如何使用这个产品。\\u003c/p\\u003e\\u003cp\\u003e功能架构图的作用是；快速的梳理功能，辅助研发人员来进行开发的，\\u003c/p\\u003e\\u003cp\\u003e信息架构图的作用是：是表达信息及信息之间的相互关系，用于交互设计相关人员使用，约束其设计思路，进而让所有人聚焦，从产品到视觉设计人员，整体一致的为“用户更好的使用这个产品完成目标”而设计。\\u003c/p\\u003e\\u003cp\\u003e通过从业务中的价值链》流程》功能》功能架构图》信息架构图，我们整个产品需要什么样的功能，功能应该如何布局也就很清楚了，那么下一步，我们就可以使用原型来做一个最终的demo呈现。\\u003c/p\\u003e\\u003cp\\u003e\\u003cstrong\\u003e专栏作家\\u003c/strong\\u003e\\u003c/p\\u003e\\u003cp\\u003eMarkzou，8年产品经验，人人都是产品经理专栏作家。主要专注于本地生活、O2O、到家服务、新零售领域；曾任职于多家本地生活垂直领域头部公司，具有丰富的本地生活行业经验。\\u003c/p\\u003e\\u003cp\\u003e本文原创发布于人人都是产品经理，未经作者许可，禁止转载。\\u003c/p\\u003e\\u003cp\\u003e题图来自 Unsplash，基于 CC0 协议\\u003c/p\\u003e\\u003cp\\u003e该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。\\u003c/p\\u003e\",\"gnid\":\"96e4f5ab37e724c36\",\"img_data\":[{\"flag\":2,\"img\":[{\"desc\":\"\",\"height\":\"420\",\"title\":\"\",\"url\":\"http://p2.img.360kuai.com/t01b9299a1c969e8695.jpg\",\"width\":\"900\"},{\"desc\":\"\",\"height\":\"303\",\"title\":\"\",\"url\":\"http://p1.img.360kuai.com/t017b4fdbd2ad2e27a6.jpg\",\"width\":\"692\"},{\"desc\":\"\",\"height\":\"507\",\"title\":\"\",\"url\":\"http://p0.img.360kuai.com/t0165bff73c01828b63.jpg\",\"width\":\"514\"},{\"desc\":\"\",\"height\":\"493\",\"title\":\"\",\"url\":\"http://p1.img.360kuai.com/t012cd06c607699b811.jpg\",\"width\":\"692\"},{\"desc\":\"\",\"height\":\"375\",\"title\":\"\",\"url\":\"http://p1.img.360kuai.com/t010ab578043876bb6f.jpg\",\"width\":\"692\"},{\"desc\":\"\",\"height\":\"784\",\"title\":\"\",\"url\":\"http://p2.img.360kuai.com/t0194acbd4cb8ce2fe6.jpg\",\"width\":\"722\"},{\"desc\":\"\",\"height\":\"714\",\"title\":\"\",\"url\":\"http://p2.img.360kuai.com/t01047e424816485f97.jpg\",\"width\":\"519\"}]}],\"original\":0,\"pat\":\"art_src_3,fts0,sts0\",\"powerby\":\"pika\",\"pub_time\":1690853820000,\"pure\":\"\",\"rawurl\":\"http://zm.news.so.com/171a5a91170d3fd43193a58ce54d1aa0\",\"redirect\":0,\"rptid\":\"9f67934a902c44aa\",\"rss_ext\":[],\"s\":\"t\",\"src\":\"人人都是产品经理\",\"tag\":[],\"title\":\"企业架构8——功能架构及信息架构图\",\"type\":\"zmt\",\"wapurl\":\"http://zm.news.so.com/171a5a91170d3fd43193a58ce54d1aa0\",\"ytag\":\"科技:互联网:社交\",\"zmt\":{\"brand\":{},\"cert\":\"人人都是产品经理官方账号\",\"desc\":\"做互联网的人不能不懂产品，关注产品，改变生活。\",\"fans_num\":3293,\"id\":\"3099468539\",\"is_brand\":\"0\",\"name\":\"人人都是产品经理\",\"new_verify\":\"5\",\"pic\":\"https://p6.img.360kuai.com/t01df73f7ba052dfbe8.jpg\",\"real\":1,\"textimg\":\"https://p9.img.360kuai.com/bl/0_3/t017c4d51e87f46986f.png\",\"verify\":\"0\"},\"zmt_status\":0}","errmsg":"","errno":0}