在產品經理的工作中，我們總能看到功能架構圖，但它是怎么來的呢？本文介紹了功能架構圖和信息架構圖的區別，以及如何從業務出發構建功能架構圖。希望對你理解和繪制架構圖有所幫助。

在產品經理的工作中，我們總是會用到功能架構圖，但是功能架構圖是怎么來的呢，可能還是有很多伙伴不是非常清楚。

有可能是憑經驗、看競品等方式來做功能架構圖，然后反反復復經過多次的來回折騰有一個輸出，但可能有各種遺漏并傳遞到下一個環節，最終靠和研發各方調整撕逼多次最終完善。

那有沒有能夠比較徹底的方式方法來解決這種問題呢？

確實是有的，我們還是回到業務層面，因為功能也是為業務服務的。

我們在業務架構階段得到商業模式，商業模式中拆分出價值鏈、價值鏈進一步細化就得到流程，流程逐層分解細化，我們得到多層級的流程，最終到任務活動這個不可再拆分的層級。各個業務的復雜度不同，拆分的層級不一樣。

如下為生產制造類型的核心價值鏈，從商業模式梳理出核心價值鏈，還有輔助及職能部分。

對核心價值鏈逐層分解，則能有下一級的流程，流程節點步驟對應能力，也即是功能。以其中的加工制造環節的三個層級來分析，細化如下。

對流程節點進行一一映射，就能夠得到功能架構圖。在拆分的時候，做到端到端、逐層拆解，完全窮盡，不重不漏。

功能架構圖與信息架構圖

在日常工作中、書上、網絡上經常能看到產品信息架構圖、產品功能架構圖等等。

信息架構和功能架構有何區別呢？為什么一個產品，會有兩個不同的架構圖出現？

估計很多人畫的都是二合一的架構圖，但總是畫不全、想不周密、老覺得缺點啥似的，到后面原型設計、設置研發等環節再補，導致反反復復、不斷的返工。

本質上是從不同的視角看問題的緣故：

A、功能架構圖就是我需要哪些功能。就像是汽車發動機，需要有哪些零件一樣，一個個的功能就是一個一個的零件。功能架構就是發動機所有零件的一個綜合清單，不過這個清單進行了分類，按照不同的類別進行了多個層級的分類，能夠方便清晰的識別出每個零件的歸屬及上下級關系，就像給圖書進行分門別類編號一樣。這樣也便于檢查功能是否齊備等。

B、信息架構是零件組裝的一個指導，就類似于發動機的組裝指導手冊。要考慮如何組裝零件最后占用的空間少，各個零件出現在該出現的位置，不會出現錯裝漏裝。這樣才能更好的使用，對用戶友好，不能是簡單的堆砌在一起，要考慮功能之間的交互。

就類似于下圖，發動機的每個零件都出現在該出現的地方，發動機才能正常的運轉，要不然即便有這個零部件，沒有安裝好，也發揮不了該有的作用。軟件類似，如果一個功能出現在不合適的位置，就發揮不了本身應有的作用。

就一般來說，我們肯定是先有單個的零件，然后才能進行組裝。

因此是先有功能，然后進行組裝、也就是搭建交互及頁面布局，最終形成信息架構圖。

當我們有了信息結構圖，我們再進行原型繪制，就非常簡單，只需要將相關功能按照交互布局放上去，并創建交互，原型demo就出來了，這樣能夠極大的減少因為思考步驟導致的往復返工，特別是原型的往復返工。

下圖為微信的功能架構圖，在梳理功能架構圖的時候，就不太會去管這些功能怎么樣去交互，擺放位置等等，大概的知道他們的一個先后順序?？催@張圖，能夠比較清晰的看到微信有哪些功能，對其有一個概覽。

下圖為微信的信息架構圖，也就是微信各種功能的組裝圖，看這張圖就能夠比較清晰的知道，微信一層一層有哪些東西，是怎么樣分布的，你在哪個地方可以看到用到哪些功能。

功能架構圖更便于研發或者是后臺研發看，信息架構圖便于UI、前端看。功能架構是功能的集合，信息架構圖是功能的交互。

從產品設計、UI設計、視覺設計、交互設計等等一些列設計，其實都是做了一個事：站在用戶角度，用戶如何使用這個產品（用戶體驗），以及我們希望用戶如何使用這個產品。

功能架構圖的作用是；快速的梳理功能，輔助研發人員來進行開發的，

信息架構圖的作用是：是表達信息及信息之間的相互關系，用于交互設計相關人員使用，約束其設計思路，進而讓所有人聚焦，從產品到視覺設計人員，整體一致的為“用戶更好的使用這個產品完成目標”而設計。

通過從業務中的價值鏈》流程》功能》功能架構圖》信息架構圖，我們整個產品需要什么樣的功能，功能應該如何布局也就很清楚了，那么下一步，我們就可以使用原型來做一個最終的demo呈現。