產(chǎn)品入門必備技能，結(jié)構(gòu)圖、流程圖、原型以及各類文檔的編寫繪制；會畫會寫并不代表你是一個合格的產(chǎn)品經(jīng)理，但是合格的產(chǎn)品經(jīng)理一定會畫會寫。產(chǎn)品結(jié)構(gòu)圖是一個產(chǎn)品在你腦海中構(gòu)想的最初雛形，方便你梳理產(chǎn)品功能、頁面流程，構(gòu)建產(chǎn)品的整體架構(gòu)。

我們在初入行業(yè)時肯定聽過產(chǎn)品人需要繪制產(chǎn)品結(jié)構(gòu)圖，但自己去搜索的時候又發(fā)現(xiàn)有產(chǎn)品信息結(jié)構(gòu)圖、產(chǎn)品功能結(jié)構(gòu)圖，這個時候就很困惑，結(jié)構(gòu)圖到底是什么？怎么一個結(jié)構(gòu)圖還這么多身份？難道結(jié)構(gòu)圖是功能結(jié)構(gòu)圖或者信息結(jié)構(gòu)圖的簡稱？

下面是筆者通過實踐和資料整理對這幾個結(jié)構(gòu)圖進行定義區(qū)分，讓大家對其有一個整體認識。

• 產(chǎn)品功能結(jié)構(gòu)圖：是對整個產(chǎn)品功能點的梳理，一般認為它是在你對產(chǎn)品的頁面布局還沒有一個清晰的認知時繪制的，對腦海中該產(chǎn)品要實現(xiàn)的功能的細化。
• 產(chǎn)品信息結(jié)構(gòu)圖：是對整個產(chǎn)品要展示的信息做的梳理，一般認為它是你通過分析整理得出的該產(chǎn)品各個頁面應(yīng)該展示的信息，同時也為后臺上傳數(shù)據(jù)提供依據(jù)。
• 產(chǎn)品結(jié)構(gòu)圖：可以認為是在對信息結(jié)構(gòu)圖和功能結(jié)構(gòu)圖的整合后完成的，包含了頁面信息也包含了頁面功能，還包含了功能/頁面的交互、跳轉(zhuǎn)邏輯。

其實一般我們在實際工作中，可能不用這么細致的劃分這三類結(jié)構(gòu)圖也能完成工作，但是想要深入了解結(jié)構(gòu)圖，創(chuàng)造出一套屬于自己的產(chǎn)品結(jié)構(gòu)圖繪制邏輯就需要我們先分清這三類圖然后在結(jié)合實際進行運用。

一、產(chǎn)品功能結(jié)構(gòu)圖

作用：梳理產(chǎn)品功能點。

注意：我們繪制產(chǎn)品功能結(jié)構(gòu)圖一般是在原型繪制前，所以大多不以頁面為模塊進行功能羅列，而是以功能劃分模塊，以產(chǎn)品的主要功能及其他圍繞主要功能而展開的功能點進行羅列。

產(chǎn)品新人在入門的時候一般會倒推已經(jīng)成型的產(chǎn)品來練手，此時需要反復(fù)使用軟件，列出其主要功能模塊。

產(chǎn)品新人在自己構(gòu)想一個新的產(chǎn)品時，也需要大量使用同類或者有借鑒意義的產(chǎn)品，在繪制功能結(jié)構(gòu)圖的過程要結(jié)合過往或者同類產(chǎn)品經(jīng)驗羅列功能模塊、細化功能點。

功能和信息的概念有時比較模糊，如果想要更清晰的讓自己的表達更清晰可以采用“動詞+名詞”的形式對功能點命名，比如：查看/修改昵稱；查看/修改頭像等。

繪制過程：

我們在繪制功能結(jié)構(gòu)圖之前，要先梳理主要功能邏輯，下面是筆者在繪制某命理測算軟件功能結(jié)構(gòu)圖之前梳理的主要功能邏輯：

image

然后按照主要功能邏輯劃分主要功能模塊：

image

在主要功能模塊的基礎(chǔ)上添加次要模塊和細節(jié)功能點，產(chǎn)品功能結(jié)構(gòu)圖就繪制出來啦！

如下圖：

image

二、產(chǎn)品信息結(jié)構(gòu)圖

作用：梳理具體頁面顯示信息，是繪制原型也是后臺建立信息數(shù)據(jù)庫的依據(jù)之一。

注意：產(chǎn)品信息結(jié)構(gòu)圖羅列了產(chǎn)品需要的信息字段，是在我們繪制原型前構(gòu)想如何布局頁面信息的依據(jù)。在一些社交或者電商類軟件/網(wǎng)站中，個人主頁/店鋪主頁信息較為重要，此時就需要先繪制產(chǎn)品信息結(jié)構(gòu)圖窮盡頁面信息，然后再根據(jù)主次關(guān)系布局頁面。（由于頁面信息較多，部分模塊未展開）

繪制過程：

首先結(jié)合功能點，設(shè)想軟件的主要頁面：

image

根據(jù)軟件需要、同類/競品軟件頁面、自己的產(chǎn)品經(jīng)驗確定具體顯示字段（由于頁面信息較多，部分頁面未展開）：

image

三、產(chǎn)品結(jié)構(gòu)圖

作用：以腦圖的形式展示整個產(chǎn)品的信息、功能及基本交互。

注意：有部分產(chǎn)品人認為產(chǎn)品結(jié)構(gòu)圖是產(chǎn)品信息結(jié)構(gòu)圖或者產(chǎn)品功能結(jié)構(gòu)圖的簡稱，這種想法比較片面。產(chǎn)品結(jié)構(gòu)圖比產(chǎn)品信息結(jié)構(gòu)圖多了功能、比產(chǎn)品功能圖多了信息，又細化了產(chǎn)品信息結(jié)構(gòu)圖/產(chǎn)品功能結(jié)構(gòu)圖，同時還增加了頁面跳轉(zhuǎn)邏輯。

繪制過程：

前提已經(jīng)初步完成功能圖和信息結(jié)構(gòu)圖；

根據(jù)頁面結(jié)構(gòu)填充功能點和跳轉(zhuǎn)流程（由于頁面信息和功能較多，部分頁面未展開）：

image

總結(jié)：在一個產(chǎn)品的構(gòu)想之初，繪制的功能結(jié)構(gòu)圖比較粗糙，在我們繪制信息結(jié)構(gòu)圖的時候會細化頁面信息同時需要回過頭去補充完善產(chǎn)品功能結(jié)構(gòu)圖，這樣既能方便我們繪制產(chǎn)品結(jié)構(gòu)圖和繪制產(chǎn)品原型，也能讓我們的產(chǎn)品邏輯更加嚴謹。

在我們完成一個產(chǎn)品的功能圖后要學會復(fù)盤，方便發(fā)現(xiàn)自己在繪制過程中的不足，自我學習積累、不斷復(fù)盤、不斷思考才能進步，最后祝所有產(chǎn)品新人都能跨過產(chǎn)品小白的門檻，迅速成長！