1. 產品入門，如何繪制產品功能結構圖和產品信息結構圖
下面是筆者通過實踐和資料整理對這兩個結構圖進行定義區分，並輔以實際demo分析闡釋：
一般在實際工作中，一個產品需求從創意、構想到最終輸出給設計、開發，不一定會用到這兩種圖，視情況選擇使用。如要有要求先輸出產品方案時，還是建議繪制「產品功能結構圖」和「產兄散品信息結構圖」，方便直觀地讓開發人員了解該產品的架構，同時自己參照結構圖繪制產品原型時也避免模塊早塵仿和功能的遺漏。
一、產品功能結構圖
作用 ：梳理產品架構功能點。
說明 ：我們繪制產品功能結構圖一般是在原型繪制前，所以大多不以頁面為模塊去羅列，而是以功能劃分模塊，以產品的主要功能及其他圍繞主要功能而展開的下級功能點進行羅列。
一般做競品分析時會倒推已經成型的產品來練手，此時需要反復使用軟體，列出其主要功能，涉及的功能細節需要不斷測試得出。
在自己構想一個新的產品時，也需要大量使用同類或者有借鑒意義的產品，在繪制功能結構圖的過陸纖程要結合過往或者同類產品經驗羅列功能模塊、細化功能點。
功能和信息的概念有時比較模糊，如果想要更清晰的讓自己的表達更清晰可以採用「動詞+名詞」的形式對功能點命名，比如：登錄/注冊賬號；查看/取消收藏等。
操作過程 ：
我們在繪制功能結構圖之前，要先梳理主要功能邏輯，下面是筆者參照B站功能模塊拆解的主要功能：
在主要功能的基礎上添加下級功能和細節點，產品功能結構圖就繪制出來啦！
如下圖：
二、產品信息結構圖
作用： 梳理系統頁面的模塊功能顯示信息，是繪制原型的基礎，信息結構圖類似數據表結構設計，揭示了需要哪些數據，這些數據需要有怎樣的元素組成，才能達到每個功能模塊需要展現的內容表達。如果說功能結構圖是產品的功能抽象，那麼信息結構圖則是產品的數據抽象。
說明： 產品信息結構圖羅列了產品需要的信息欄位，是在我們繪制原型前構想如何布局頁面信息的依據。在C端產品中對產品信息頁尤其重要，為避免原型繪制時遺漏，此時需要繪制產品信息結構圖窮盡頁面內容。信息結構圖中同一個對象的信息出現在多個頁面是非常常見的事情。
例如個人簡歷，在招聘官使用招聘網站時，姓名、性別、年齡、職位、工作時間等關鍵信息既會出現在候選人的列表頁，也會出現在候選人的詳情頁，還會出現在搜索結果頁等等。
操作過程 ：
結合功能點，對設想的功能進行主頁面布局。
根據需求調研、競品調研報告、結合自己的產品經驗確定具體功能模塊布局:
總結 ：
1.功能結構圖，關鍵詞是功能，是功能的結構化表達；
2.信息結構圖，關鍵詞是信息，是信息的結構化表達；
互動作的細節不用體現在產品功能結構圖和產品信息架構圖中，比如頁面布局細節、交互手勢、動畫效果等，屬於交互設計的范疇。
繪制產品結構圖時，你就要想像這是你產品的最終形態，每個頁面要有哪些功能和數據，類似於開發做的不同靜態頁面，展現在你面前的就是產品的雛形了。