功能結構圖的概述
功能結構圖設計過程就是把一個復雜的系統(tǒng)分解為多個功能較單一的的過程。這種分解為多個功能較單一的模塊的方法稱做模塊化。模塊化是一種重要的設計思想，這種思想把一個復雜的系統(tǒng)分解為一些規(guī)模較小、功能較簡單的、更易于建立和修改的部分，一方面，各個模塊具有相對獨立性，可以分別加以設計實現(xiàn)，另一方面，模塊之間的相互關系 (如信息交換、調用關系)，則通過一定的方式予以說明。各模塊在這些關系的約束下共同構成統(tǒng)一的整體，完成系統(tǒng)的各項功能。
信息結構圖和功能結構圖到底是啥
功能結構圖就是以功能模塊為類別，介紹模塊下其各功能組成的圖表。我們按照功能的從屬關系畫成圖表，圖表中每個框統(tǒng)稱為一個功能模塊。功能模塊根據(jù)具體情況分成大模塊和小模塊，最小的模塊可以是一個程序中的每個處理過程，較大的模塊則是完成某一個任務的一組程序。
脫離產(chǎn)品的實際頁面，將產(chǎn)品的數(shù)據(jù)抽象出來，組合分類的圖表。重點是梳理具體頁面及頁面的字段信息
此時不需要深入考慮產(chǎn)品界面功能，信息結構但考慮有面向前端也有面向后端，具體視產(chǎn)品而定。
信息結構圖是描述信息主體的，一個功能可能有一個信息主體，也有可能有多個信息主體，但通常不會很多，例如目前移動app的各個功能是圍繞底部導航tab數(shù)量展開的，在繪制的時候往往把底部tab做成主體，其余信息囊括在其中
不是所有的信息字段都要繪制到信息結構圖中，是否要被抽象成信息字段，取決于業(yè)務和功能是否需要它們
產(chǎn)品設計階段，經(jīng)過需求收集和分析，首先要根據(jù)需求，將需要的功能大致羅列，輸出功能結構圖；
功能結構圖成型后，根據(jù)產(chǎn)品形態(tài)大小，業(yè)務是否復雜，產(chǎn)出信息結構圖；
結合兩者，將功能和信息向著頁面和展示方向靠攏，每個動作進入哪些頁面或窗口，相應展現(xiàn)哪些內容，產(chǎn)出產(chǎn)品結構圖，指導原型繪制
軟件系統(tǒng)結構圖和功能模塊圖區(qū)別
系統(tǒng)結構圖：反映的是系統(tǒng)中模塊的調用關系和層次關系,誰調用誰,有一個先后次序(時序)關系。圖中的有向線段表示調用時程序的控制從調用模塊移到被調用模塊,并隱含了當調用結束時控制將交回給調用模塊.
功能結構圖就是按照功能的從屬關系畫成的圖表，圖中的每一個框都稱為一個功能模塊。功能模塊可以根據(jù)具體情況分的大一點或小一點，分解得最小功能模塊可以是一個程序中的每個處理過程，而較大的功能模塊則可能是完成某一個任務的一組程序。
功能結構圖是對硬件、軟件、解決方案等進行解剖，詳細描述功能列表的結構，構成，剖面的從大到小，從粗到細，從上到下等而描繪或畫出來的結構圖。從概念上講，上層功能包括 (或控制)下層功能，愈上層功能愈籠統(tǒng)，愈下層功能愈具體。功能分解的過程就是一個由抽象到具體、由復雜到簡單的過程。圖中每一個框稱為一個功能模塊。功能模塊可以根據(jù)具體情況分得大一點或小一點。分解得最小的功能模塊可以是一個程序中的每個處理過程，而較大的功能模塊則可能是完成某一任務的一組程序。
visio系統(tǒng)功能結構圖怎么畫
畫這個圖很簡單，用基本流程圖模板中矩形框和連接線就行，如果你不想要連接線箭頭只要在連線屬性設置中選擇無箭頭就行，另外，還有一個小技巧可以告訴初學者：圖框不用一次畫那么多，先畫出一個并填充好文字，其余的只要按住Ctrl同時拖拽圖框就可以復制出任意個相同圖框，后續(xù)只要改改文字調調位置連上線就OK了。
產(chǎn)品入門，如何繪制產(chǎn)品功能結構圖和產(chǎn)品信息結構圖
下面是筆者通過實踐和資料整理對這兩個結構圖進行定義區(qū)分，并輔以實際demo分析闡釋：
一般在實際工作中，一個產(chǎn)品需求從創(chuàng)意、構想到最終輸出給設計、開發(fā)，不一定會用到這兩種圖，視情況選擇使用。如要有要求先輸出產(chǎn)品方案時，還是建議繪制“產(chǎn)品功能結構圖”和“產(chǎn)品信息結構圖”，方便直觀地讓開發(fā)人員了解該產(chǎn)品的架構，同時自己參照結構圖繪制產(chǎn)品原型時也避免模塊和功能的遺漏。
一、產(chǎn)品功能結構圖
作用 ：梳理產(chǎn)品架構功能點。
說明 ：我們繪制產(chǎn)品功能結構圖一般是在原型繪制前，所以大多不以頁面為模塊去羅列，而是以功能劃分模塊，以產(chǎn)品的主要功能及其他圍繞主要功能而展開的下級功能點進行羅列。
一般做競品分析時會倒推已經(jīng)成型的產(chǎn)品來練手，此時需要反復使用軟件，列出其主要功能，涉及的功能細節(jié)需要不斷測試得出。
在自己構想一個新的產(chǎn)品時，也需要大量使用同類或者有借鑒意義的產(chǎn)品，在繪制功能結構圖的過程要結合過往或者同類產(chǎn)品經(jīng)驗羅列功能模塊、細化功能點。
功能和信息的概念有時比較模糊，如果想要更清晰的讓自己的表達更清晰可以采用“動詞+名詞”的形式對功能點命名，比如：登錄/注冊賬號；查看/取消收藏等。
操作過程 ：
我們在繪制功能結構圖之前，要先梳理主要功能邏輯，下面是筆者參照B站功能模塊拆解的主要功能：
在主要功能的基礎上添加下級功能和細節(jié)點，產(chǎn)品功能結構圖就繪制出來啦！
如下圖：
二、產(chǎn)品信息結構圖
作用： 梳理系統(tǒng)頁面的模塊功能顯示信息，是繪制原型的基礎，信息結構圖類似數(shù)據(jù)表結構設計，揭示了需要哪些數(shù)據(jù)，這些數(shù)據(jù)需要有怎樣的元素組成，才能達到每個功能模塊需要展現(xiàn)的內容表達。如果說功能結構圖是產(chǎn)品的功能抽象，那么信息結構圖則是產(chǎn)品的數(shù)據(jù)抽象。
說明： 產(chǎn)品信息結構圖羅列了產(chǎn)品需要的信息字段，是在我們繪制原型前構想如何布局頁面信息的依據(jù)。在C端產(chǎn)品中對產(chǎn)品信息頁尤其重要，為避免原型繪制時遺漏，此時需要繪制產(chǎn)品信息結構圖窮盡頁面內容。信息結構圖中同一個對象的信息出現(xiàn)在多個頁面是非常常見的事情。
例如個人簡歷，在招聘官使用招聘網(wǎng)站時，姓名、性別、年齡、職位、工作時間等關鍵信息既會出現(xiàn)在候選人的列表頁，也會出現(xiàn)在候選人的詳情頁，還會出現(xiàn)在搜索結果頁等等。
操作過程 ：
結合功能點，對設想的功能進行主頁面布局。
根據(jù)需求調研、競品調研報告、結合自己的產(chǎn)品經(jīng)驗確定具體功能模塊布局:
總結 ：
1.功能結構圖，關鍵詞是功能，是功能的結構化表達；
2.信息結構圖，關鍵詞是信息，是信息的結構化表達；
互動作的細節(jié)不用體現(xiàn)在產(chǎn)品功能結構圖和產(chǎn)品信息架構圖中，比如頁面布局細節(jié)、交互手勢、動畫效果等，屬于交互設計的范疇。
繪制產(chǎn)品結構圖時，你就要想象這是你產(chǎn)品的最終形態(tài)，每個頁面要有哪些功能和數(shù)據(jù)，類似于開發(fā)做的不同靜態(tài)頁面，展現(xiàn)在你面前的就是產(chǎn)品的雛形了。
