在畫原型之前，功能設(shè)計是一個很關(guān)鍵的步驟。在這個步驟中，需要對功能進(jìn)行拆解，梳理其邏輯和流程，梳理功能結(jié)構(gòu)和產(chǎn)品邏輯。這其中，除了常用的流程圖之外，各種結(jié)構(gòu)圖也是各位產(chǎn)品經(jīng)理需要經(jīng)常繪制的圖表之一。這篇文章，作者分享了三種結(jié)構(gòu)圖的繪制方法，希望能對大家有所幫助。

需求的分析、梳理、溝通、討論與表達(dá)，是產(chǎn)品經(jīng)理每天在做的、耗費很多精力的事情。如何更有效、更精準(zhǔn)地完成這些工作是產(chǎn)品經(jīng)理的必修課。

圖，作為一種比文字更直觀、更真實的表達(dá)方式，可感知性非常強(qiáng)，在產(chǎn)品經(jīng)理的工具箱中占據(jù)著重要地位。

俗話說：有圖有真相，一圖勝千言。

今天我們就來看看，與產(chǎn)品經(jīng)理的工作密切相關(guān)的3種結(jié)構(gòu)圖：功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖、產(chǎn)品結(jié)構(gòu)圖。

一、功能結(jié)構(gòu)圖

功能結(jié)構(gòu)圖在百度中的定義是：功能結(jié)構(gòu)圖就是按照功能的從屬關(guān)系畫成的圖表，在該圖表中的每一個框都稱為一個功能模塊。功能模塊可以根據(jù)具體情況分得大一點或小一點，分解的最小功能模塊可以是一個程序中的每個處理過程，而較大的功能模塊則可能是完成某一個任務(wù)的一組程序。

用通俗的話來說，功能結(jié)構(gòu)圖就是以功能模塊為類別，介紹模塊下其各功能組成的圖表。功能結(jié)構(gòu)圖一般不涉及具體的字段信息，只強(qiáng)調(diào)功能的邏輯關(guān)系。

功能結(jié)構(gòu)圖主要用于新產(chǎn)品/新功能的概念創(chuàng)意階段或者對競品拆解/已有產(chǎn)品整理而進(jìn)行繪制。它主要幫助產(chǎn)品經(jīng)理基于對業(yè)務(wù)的理解進(jìn)行功能的梳理，為下一步產(chǎn)品架構(gòu)設(shè)計、撰寫需求文檔、繪制產(chǎn)品原型圖提供基礎(chǔ)。

具體來說，功能結(jié)構(gòu)圖的作用有：

1. 產(chǎn)品概念設(shè)計的運用工具之一。在繪制的過程中，能夠幫助產(chǎn)品經(jīng)理思考并清晰產(chǎn)品的功能模塊及其功能組成。
2. 梳理需求。以鳥瞰的方式對整個產(chǎn)品的功能結(jié)構(gòu)形成一個直觀的認(rèn)識，防止在業(yè)務(wù)需求轉(zhuǎn)化為功能需求的過程中出現(xiàn)功能模塊和功能點缺失的現(xiàn)象。

繪制功能結(jié)構(gòu)圖最重要的前提是對業(yè)務(wù)的深入理解，只有對業(yè)務(wù)有了足夠清晰的認(rèn)識，才有可能繪制出合適的功能結(jié)構(gòu)圖。

有人說，功能結(jié)構(gòu)圖主要就看都有哪些Tab，由此逐步深入展開，最終整理形成功能結(jié)構(gòu)圖。

還有人進(jìn)一步補(bǔ)充說，當(dāng)一個次級功能模塊反復(fù)出現(xiàn)在不同的Tab功能模塊中的時候，我們就可以考慮將其拆分出來作為主功能模塊。

但實際上，無論是我們要著手一個新產(chǎn)品/新功能的相關(guān)工作，還是對競品產(chǎn)品/功能進(jìn)行拆解分析，首先要明白一點：功能結(jié)構(gòu)圖是產(chǎn)品經(jīng)理開啟上帝視角站在業(yè)務(wù)角度鳥瞰產(chǎn)品功能體系的機(jī)會。

這里需要重點關(guān)注的是“業(yè)務(wù)角度”。

產(chǎn)品/功能，均是從業(yè)務(wù)中來，是實現(xiàn)業(yè)務(wù)邏輯/商業(yè)規(guī)則的介質(zhì)。作為體現(xiàn)這一介質(zhì)的全局性文檔，繪制功能結(jié)構(gòu)圖當(dāng)然是站在業(yè)務(wù)角度來進(jìn)行梳理，而不是站在產(chǎn)品角度，所以上面提到的功能結(jié)構(gòu)圖主要看Tab等說法都是不恰當(dāng)?shù)?，方向反了，或者說因果反了。

鳥瞰，是對基于業(yè)務(wù)而得來的功能體系的鳥瞰，不是對產(chǎn)品體系的鳥瞰。在這一點上，我們常常不經(jīng)意地犯錯。

當(dāng)拿到一項新產(chǎn)品/新功能的產(chǎn)品工作時，不是從梳理業(yè)務(wù)開始，而是常常一上來就開始分Tab。這樣做輕則導(dǎo)致返回來修改工作量增大延誤時間，重則帶偏了產(chǎn)品方向使產(chǎn)品找不到目標(biāo)用戶。

對于新產(chǎn)品/新功能相關(guān)的工作，我們尚且如此，而對于競品的拆解/已有產(chǎn)品的整理而需要繪制功能結(jié)構(gòu)圖時，就更加容易從已有的產(chǎn)品出發(fā)了。

實際上，對于競品拆解/已有產(chǎn)品整理，我們可以從已有產(chǎn)品出發(fā)去了解產(chǎn)品，按照產(chǎn)品結(jié)構(gòu)梳理產(chǎn)品功能去理解業(yè)務(wù)，而最終還是要在全面掌握了業(yè)務(wù)邏輯/商業(yè)規(guī)則以后再重新站在業(yè)務(wù)角度來梳理出功能結(jié)構(gòu)圖。

在這個過程中，從產(chǎn)品結(jié)構(gòu)開始著手是幫助我們快速理解業(yè)務(wù)的一種方法而已，切不可當(dāng)成了最終結(jié)果。

前面我們提到“合適的”功能結(jié)構(gòu)圖，那么我們?nèi)绾蝸砼袛嗬L制的功能結(jié)構(gòu)圖是否合適呢？

一般來說，除非公司和產(chǎn)品有重大戰(zhàn)略上的調(diào)整，否則其主要功能模塊不會發(fā)生變化，常常是一些分支上的增減。這樣的功能結(jié)構(gòu)圖擴(kuò)展性很強(qiáng)，能夠在一段比較長的時間內(nèi)適應(yīng)發(fā)展的需要。

但如果是不合適的功能結(jié)構(gòu)圖，遇到的最大的問題是主要功能模塊或次一級重要功能模塊的重大調(diào)整，常常在經(jīng)歷了一個比較短的時間內(nèi)就感覺到功能結(jié)構(gòu)框架已經(jīng)不適應(yīng)發(fā)展的需要了。

這種情況其實是一開始就沒有想清楚業(yè)務(wù)的重點、優(yōu)先級是什么。

繪制功能結(jié)構(gòu)圖時我們該如何掌握顆粒度呢？

一般主要功能模塊不宜太多，以免分不清主次，以5~9個為佳。

不管多復(fù)雜的產(chǎn)品都可以提取出最重要的幾個部分，以時刻指導(dǎo)我們應(yīng)該將最重要的時間與精力放在哪里，告訴用戶我們提供的最重要的產(chǎn)品與服務(wù)是什么。

從主要功能模塊上，經(jīng)驗豐富的產(chǎn)品經(jīng)理一眼就能看出這個產(chǎn)品的調(diào)性、方向與主賽道。而層級上，2~3級為宜。

功能結(jié)構(gòu)圖的繪制是產(chǎn)品經(jīng)理的思維由發(fā)散趨向于收斂的過程，剛開始的顆粒度一般比較大，可能僅涉及到某個功能模塊，隨著工作的不斷推進(jìn)，功能結(jié)構(gòu)圖的顆粒度會不斷細(xì)化，最終可以拆分至某個具體的功能操作。層級上最好控制在3級以內(nèi)，再細(xì)分下去的意義不大，功能結(jié)構(gòu)圖的主要目的還是從整體上描繪出整個功能體系。

二、信息結(jié)構(gòu)圖

我們所處信息社會中，有著強(qiáng)烈的信息爆炸感受。對于一款互聯(lián)網(wǎng)產(chǎn)品來說，也包含了非常多的信息。

互聯(lián)網(wǎng)產(chǎn)品大體上可以分為工具型和內(nèi)容型（一款產(chǎn)品不是絕對的屬于某一類，如微信，即時通訊可以看作是溝通工具，而朋友圈可以看作是社交內(nèi)容）。對于內(nèi)容型產(chǎn)品來說，信息會更加多樣和繁雜。但無論是哪一種，從本質(zhì)上來講，互聯(lián)網(wǎng)產(chǎn)品都是關(guān)于“信息”的產(chǎn)品。

而信息是有結(jié)構(gòu)的。

每個人在撰寫簡歷時，其實就是把個人相關(guān)的信息整理成結(jié)構(gòu)化信息的過程。

每個人的簡歷上大致會包含姓名、性別、民族、籍貫、出生年月、身份證號碼、聯(lián)系方式、工作單位、工作時間、職位、收入情況、離職原因、畢業(yè)院校、學(xué)習(xí)時間、所學(xué)專業(yè)、獲得證書等信息。

這么多信息，如果一一就這樣羅列在這里，會顯得非常繁雜。

但我們可以將其梳理成以下分組，看起來就會輕松很多：

1. 基本信息（姓名、性別、民族、籍貫、出生年月、身份證號碼、聯(lián)系方式）；
2. 工作經(jīng)歷（工作單位、工作時間、職位、收入情況、離職原因）；
3. 教育經(jīng)歷（畢業(yè)院校、學(xué)習(xí)時間、所學(xué)專業(yè)、獲得證書）。

將信息進(jìn)行結(jié)構(gòu)化梳理后，會更清晰、更有條理。

而且我們可以從中發(fā)現(xiàn)，以上信息是對“一個人”這個對象的結(jié)構(gòu)化信息描述。

信息結(jié)構(gòu)圖就是將業(yè)務(wù)中的對象按照如上的方式梳理而成的結(jié)構(gòu)化信息圖譜：

在繪制信息結(jié)構(gòu)圖時我們需要注意：信息結(jié)構(gòu)圖和頁面以及交互是沒有關(guān)系的。

有些產(chǎn)品經(jīng)理在繪制信息結(jié)構(gòu)圖時就完全按照頁面結(jié)構(gòu)將信息逐級羅列出來，這是完全錯誤的。如前面功能結(jié)構(gòu)圖是站在業(yè)務(wù)角度鳥瞰功能體系一樣，信息結(jié)構(gòu)圖也是站在業(yè)務(wù)角度鳥瞰信息體系。

信息結(jié)構(gòu)圖中同一個對象的信息出現(xiàn)在多個頁面是非常常見的事情。

如前面提到的個人簡歷，在招聘官使用招聘網(wǎng)站時，姓名、性別、年齡、職位、工作時間等關(guān)鍵信息既會出現(xiàn)在候選人的列表頁，也會出現(xiàn)在候選人的詳情頁，還會出現(xiàn)在搜索結(jié)果頁等等。實際上，凡是與這個對象相關(guān)的所有頁面都會用到信息結(jié)構(gòu)圖中關(guān)于這個對象的部分/全部信息。

因此，我們可以看到，信息是跨頁面、跨功能的。

信息結(jié)構(gòu)圖有點類似編程中的數(shù)據(jù)表結(jié)構(gòu)設(shè)計，揭示了需要哪些數(shù)據(jù)，這些數(shù)據(jù)需要有怎樣的元素組成，才能達(dá)到每個功能模塊需要展現(xiàn)的內(nèi)容表達(dá)。如果說功能結(jié)構(gòu)圖是產(chǎn)品的功能抽象，那么信息結(jié)構(gòu)圖則是產(chǎn)品的數(shù)據(jù)抽象。

俗話說巧婦難為無米之炊，“炊”是功能，“米”是信息。有米，才能炊。用戶每一次使用產(chǎn)品，都是功能和信息的結(jié)合。用戶瀏覽信息然后執(zhí)行動作或者執(zhí)行了某個動作以后獲得了信息再進(jìn)行瀏覽。

那么我們?yōu)槭裁匆L制信息結(jié)構(gòu)圖呢？

是因為我們的腦容量是有限的，且信息是跨頁面、跨功能的。

如果一個對象只關(guān)聯(lián)一個頁面，那么我們可以很輕松地完成方案設(shè)計，且不會出現(xiàn)信息遺漏、混亂。

可是這樣的情況是屬于少數(shù)，大部分情況是一個對象與多個頁面相關(guān)聯(lián)，這時對象的信息往往也比較豐富。

在腦容量有限的條件下，如果我們僅憑著記憶，一個頁面一個頁面地畫原型，最后很可能會出現(xiàn)信息遺漏和混亂，做出來的產(chǎn)品方案自然漏洞百出。

這時，信息結(jié)構(gòu)圖就是產(chǎn)品經(jīng)理的一個重要利器。

有了它，在設(shè)計具體的頁面、交互、功能時，我們只需要對照著信息結(jié)構(gòu)圖，通過對用戶使用場景的分析，從信息結(jié)構(gòu)圖中，選擇每個頁面和交互需要使用的信息，并完成詳細(xì)的原型設(shè)計，即可高效、邏輯清晰、無遺漏地完成產(chǎn)品方案設(shè)計。

信息結(jié)構(gòu)圖除了能助力產(chǎn)品經(jīng)理本身的工作以外，還可以給開發(fā)人員進(jìn)行數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計提供參考。

在信息方面，產(chǎn)品經(jīng)理關(guān)注的是業(yè)務(wù)中都涉及到哪些對象，每個對象都有哪些信息。而開發(fā)人員關(guān)注的是實現(xiàn)方式，需要設(shè)計一個什么樣的技術(shù)架構(gòu)、有哪些數(shù)據(jù)表、表結(jié)構(gòu)是什么樣的、如果后續(xù)字段需要擴(kuò)展怎么辦等等。

如果沒有信息結(jié)構(gòu)圖，當(dāng)開發(fā)人員拿到一份完整的產(chǎn)品方案后，需要自己從功能、頁面、交互中抽象出若干個“對象”，再將對象涉及到的信息字段窮舉出來，最后再根據(jù)數(shù)據(jù)表設(shè)計的要求，加上一些特有的字段，完成數(shù)據(jù)表的設(shè)計。

如果有信息結(jié)構(gòu)圖，那么開發(fā)人員就可以快速了解以上信息。

當(dāng)然，信息結(jié)構(gòu)圖的這個意義是附帶出來的，產(chǎn)品經(jīng)理完全不必要為了開發(fā)人員著想而在不必要的情況下去繪制信息結(jié)構(gòu)圖，畢竟開發(fā)人員很擅長對數(shù)據(jù)的抽取，效率可能更高。

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

在開始說產(chǎn)品結(jié)構(gòu)圖之前我們必須要清醒地認(rèn)識到一點：前面的所有內(nèi)容都還沒有涉及到產(chǎn)品設(shè)計，也就是說還都是站在業(yè)務(wù)角度進(jìn)行的一系列工作，這時連產(chǎn)品的影子都還沒見到呢。從產(chǎn)品結(jié)構(gòu)圖開始，才會開始產(chǎn)品經(jīng)理的產(chǎn)品設(shè)計之旅。

產(chǎn)品結(jié)構(gòu)圖是綜合展示產(chǎn)品信息和功能邏輯的圖表，是將功能和信息進(jìn)行有機(jī)結(jié)合，按照一定層次和邏輯關(guān)系形成的產(chǎn)品雛形。

之所以說是雛形，也是因為這時還不能看清全部細(xì)節(jié)。

簡單說，產(chǎn)品結(jié)構(gòu)圖就是產(chǎn)品原型的簡化表達(dá)。

產(chǎn)品結(jié)構(gòu)圖是將功能和信息以一種合理自然的邏輯，把功能結(jié)構(gòu)圖和信息結(jié)構(gòu)圖中的內(nèi)容放入產(chǎn)品中的每一個頁面的結(jié)果，是產(chǎn)品概念化設(shè)計的結(jié)尾階段的產(chǎn)物。

有人認(rèn)為產(chǎn)品結(jié)構(gòu)圖就是在功能結(jié)構(gòu)圖基礎(chǔ)上將信息結(jié)構(gòu)圖中的信息添加進(jìn)去，認(rèn)為產(chǎn)品結(jié)構(gòu)圖=功能結(jié)構(gòu)圖+信息結(jié)構(gòu)圖。

本人不贊同這種說法。

既然作為產(chǎn)品原型的簡化表達(dá)，那么必然已經(jīng)經(jīng)過了產(chǎn)品設(shè)計，而功能結(jié)構(gòu)圖和信息結(jié)構(gòu)圖都還是在業(yè)務(wù)層面，簡單的疊加并不能直接產(chǎn)生產(chǎn)品結(jié)構(gòu)圖。

實際上，產(chǎn)品結(jié)構(gòu)圖是產(chǎn)品經(jīng)理從業(yè)務(wù)層面落地到產(chǎn)品層面的一個重要過程。經(jīng)過這個過程后，可以看到產(chǎn)品的主要頁面結(jié)構(gòu)和基礎(chǔ)信息，能看出產(chǎn)品的基本輪廓。

既然后續(xù)還需要做產(chǎn)品原型，并且看起來產(chǎn)品原型必不可少，那么產(chǎn)品結(jié)構(gòu)圖的作用是什么呢？

產(chǎn)品結(jié)構(gòu)圖在前期的需求評審中或其他類似場景中可以作為產(chǎn)品原型的替代——因為產(chǎn)品結(jié)構(gòu)圖相較于產(chǎn)品原型，其實現(xiàn)成本低，能夠快速對產(chǎn)品功能結(jié)構(gòu)進(jìn)行增、刪、改操作，減少產(chǎn)品經(jīng)理在這個過程中的實現(xiàn)成本；同時可指導(dǎo)產(chǎn)品原型制作，以產(chǎn)品結(jié)構(gòu)圖作為繪制產(chǎn)品原型的依據(jù)，可以避免我們在產(chǎn)品設(shè)計中邊畫邊改，跳進(jìn)只見細(xì)節(jié)不見森林的陷阱。

除此之外，產(chǎn)品結(jié)構(gòu)圖也是產(chǎn)品和研發(fā)溝通的橋梁，便于研發(fā)初期評估開發(fā)計劃。

現(xiàn)在小結(jié)一下：

很多產(chǎn)品經(jīng)理都說，這3個都是結(jié)構(gòu)圖，容易混淆，怎么能夠更加容易區(qū)分、加深理解呢？

其實很簡單，既然后面的“結(jié)構(gòu)圖”三個字是一樣的，那么重點肯定在前面兩個字上。

1. 功能結(jié)構(gòu)圖，關(guān)鍵詞是功能，是功能的結(jié)構(gòu)化表達(dá)；
2. 信息結(jié)構(gòu)圖，關(guān)鍵詞是信息，是信息的結(jié)構(gòu)化表達(dá)；
3. 產(chǎn)品結(jié)構(gòu)圖，關(guān)鍵詞是產(chǎn)品，是產(chǎn)品的結(jié)構(gòu)化表達(dá)。這里的產(chǎn)品就是產(chǎn)品經(jīng)理天天口中說的產(chǎn)品啦。

這樣一想，是不是瞬間就清晰了呢？

四、如何繪制

細(xì)心的讀者會發(fā)現(xiàn)，上面洋洋灑灑說了那么多，卻沒有說這些圖都如何來進(jìn)行繪制，下面進(jìn)行統(tǒng)一說明。放在一起說的原因是：它們之間有比較強(qiáng)的關(guān)聯(lián)性。實際上，繪制它們的順序是：功能結(jié)構(gòu)圖->信息結(jié)構(gòu)圖->產(chǎn)品結(jié)構(gòu)圖。

首先繪制功能結(jié)構(gòu)圖。

要繪制功能結(jié)構(gòu)圖，那我們必須要知道有哪些功能。而因為功能是業(yè)務(wù)的承載方式，所以我們必須要詳細(xì)的了解業(yè)務(wù)。針對每個場景，梳理業(yè)務(wù)流程，通過抽象關(guān)鍵業(yè)務(wù)節(jié)點或操作來劃分功能模塊。

羅列出業(yè)務(wù)閉環(huán)中所需要的功能點，找出從屬關(guān)系與層次，粒度從粗到細(xì)，最終繪制出功能結(jié)構(gòu)圖。命名上可以采用“動詞+名詞”的方式。

功能結(jié)構(gòu)圖的最小顆粒，要根據(jù)實際情況來把握。若功能非常復(fù)雜，拆分到一定的顆粒度即可，并不一定要拆分到最小顆粒。參見前文。

功能結(jié)構(gòu)圖繪制完之后開始繪制信息結(jié)構(gòu)圖。

在繪制信息結(jié)構(gòu)圖時，需要思考一個問題：在所有場景中，涉及到了哪些對象？

信息結(jié)構(gòu)圖是描述對象的，首先我們需要分析并抽象出對象。

一個功能可能會涉及多一個對象，也可能會涉及到多個對象。這些對象是構(gòu)成這個功能的信息內(nèi)容。

明確了對象以后，接下來就要梳理出描述這個對象都需要哪些字段。

這里我們需要注意的是：描述一個對象的字段可能有很多，但并不是所有字段都要繪制到信息結(jié)構(gòu)圖中，只有業(yè)務(wù)和功能需要的字段才需要被包含進(jìn)去。

梳理字段時，既不能缺失某些字段，又不能包含冗余字段。

對于目前暫時用不上但是未來需要的字段，是需要被包含進(jìn)去的。

有了功能結(jié)構(gòu)圖和信息結(jié)構(gòu)圖，我們就可以基于此繪制產(chǎn)品結(jié)構(gòu)圖了。繪制產(chǎn)品結(jié)構(gòu)圖我們需要站在全局角度將功能進(jìn)行分類、分層，抽象出產(chǎn)品框架。

這個產(chǎn)品框架很重要，好的產(chǎn)品框架擴(kuò)展性很強(qiáng)。觀察微信你就會發(fā)現(xiàn)，微信經(jīng)過這么多年的發(fā)展、這么多版本的迭代，它的產(chǎn)品框架基本沒有怎么變過。

明確了產(chǎn)品框架以后，就可以在每個需要體現(xiàn)內(nèi)容數(shù)據(jù)的節(jié)點，添加所需要的數(shù)據(jù)描述。

至于交互動作的細(xì)節(jié)不用體現(xiàn)在產(chǎn)品結(jié)構(gòu)圖中，比如頁面布局細(xì)節(jié)、交互手勢、動畫效果等，屬于交互設(shè)計的范疇。

繪制產(chǎn)品結(jié)構(gòu)圖時，你就要想象這是你產(chǎn)品的最終形態(tài)，每個頁面要有哪些功能和數(shù)據(jù)，類似于開發(fā)做的不同靜態(tài)頁面，展現(xiàn)在你面前的就是產(chǎn)品的雛形了。

一個產(chǎn)品/需求從創(chuàng)意、構(gòu)想到最終輸出給設(shè)計、開發(fā)，不一定會用到上面所說的全部類型的圖，視情況選擇使用即可。如果產(chǎn)品比較簡單或者是經(jīng)驗豐富的產(chǎn)品經(jīng)理，在高層沒有提出相關(guān)匯報需求的情況下，有些圖常?？梢允÷浴?/p>

除此以外，有些圖是產(chǎn)品經(jīng)理工作過程本身的中間產(chǎn)物，一般情況下不會進(jìn)行輸出，而且為了更加節(jié)省時間提高效率，產(chǎn)品經(jīng)理常常也會用白紙和筆進(jìn)行手繪，并不會用工具整理成文檔。

所有的圖都是工具而已，要靈活運用，只要能對你的工作產(chǎn)生正面積極的作用就可以用，不必為了留存而留存，千萬不要被工具所框住、所限制。

作者：厚厚，多年互聯(lián)網(wǎng)和傳統(tǒng)企業(yè)的跨界產(chǎn)品經(jīng)理；微信公眾號：厚厚的語和文

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

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