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

我們在初入行業時肯定聽過産品人需要繪制産品結構圖，但自己去搜索的時候又發現有産品信息結構圖、産品功能結構圖，這個時候就很困惑，結構圖到底是什麼？怎麼一個結構圖還這麼多身份？難道結構圖是功能結構圖或者信息結構圖的簡稱？

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

• 産品功能結構圖：是對整個産品功能點的梳理，一般認為它是在你對産品的頁面布局還沒有一個清晰的認知時繪制的，對腦海中該産品要實現的功能的細化。
• 産品信息結構圖：是對整個産品要展示的信息做的梳理，一般認為它是你通過分析整理得出的該産品各個頁面應該展示的信息，同時也為後台上傳數據提供依據。
• 産品結構圖：可以認為是在對信息結構圖和功能結構圖的整合後完成的，包含了頁面信息也包含了頁面功能，還包含了功能/頁面的交互、跳轉邏輯。

其實一般我們在實際工作中，可能不用這麼細緻的劃分這三類結構圖也能完成工作，但是想要深入了解結構圖，創造出一套屬于自己的産品結構圖繪制邏輯就需要我們先分清這三類圖然後在結合實際進行運用。

一、産品功能結構圖

• 作用：梳理産品功能點。
• 注意：我們繪制産品功能結構圖一般是在原型繪制前，所以大多不以頁面為模塊進行功能羅列，而是以功能劃分模塊，以産品的主要功能及其他圍繞主要功能而展開的功能點進行羅列。

産品新人在入門的時候一般會倒推已經成型的産品來練手，此時需要反複使用軟件，列出其主要功能模塊。

産品新人在自己構想一個新的産品時，也需要大量使用同類或者有借鑒意義的産品，在繪制功能結構圖的過程要結合過往或者同類産品經驗羅列功能模塊、細化功能點。

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

繪制過程：

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

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

在主要功能模塊的基礎上添加次要模塊和細節功能點，産品功能結構圖就繪制出來啦！

如下圖：

二、産品信息結構圖

作用：梳理具體頁面顯示信息，是繪制原型也是後台建立信息數據庫的依據之一。

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

繪制過程：

首先結合功能點，設想軟件的主要頁面：

根據軟件需要、同類/競品軟件頁面、自己的産品經驗确定具體顯示字段（由于頁面信息較多，部分頁面未展開）：

三、産品結構圖

作用：以腦圖的形式展示整個産品的信息、功能及基本交互。

注意：有部分産品人認為産品結構圖是産品信息結構圖或者産品功能結構圖的簡稱，這種想法比較片面。産品結構圖比産品信息結構圖多了功能、比産品功能圖多了信息，又細化了産品信息結構圖/産品功能結構圖，同時還增加了頁面跳轉邏輯。

繪制過程：

前提已經初步完成功能圖和信息結構圖；

根據頁面結構填充功能點和跳轉流程（由于頁面信息和功能較多，部分頁面未展開）：

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

在我們完成一個産品的功能圖後要學會複盤，方便發現自己在繪制過程中的不足，自我學習積累、不斷複盤、不斷思考才能進步，最後祝所有産品新人都能跨過産品小白的門檻，迅速成長！

本文由 @live life 原創發布于人人都是産品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協議。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部