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

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

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

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

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

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

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

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

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

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

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

繪制過程：

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

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

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

如下圖：

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

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

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

繪制過程：

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

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

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

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

注意：有部分產(chǎn)品人認(rè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)品功能圖多了信息，又細(xì)化了產(chǎn)品信息結(jié)構(gòu)圖/產(chǎn)品功能結(jié)構(gòu)圖，同時(shí)還增加了頁面跳轉(zhuǎn)邏輯。

繪制過程：

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

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

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

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

本文由 @live life 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。