產(chǎn)品結(jié)構(gòu)圖、功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖，都不是一個標(biāo)準(zhǔn)的概念，沒有標(biāo)準(zhǔn)的定義，以至于不同人會產(chǎn)生不同的理解?？偟膩碚f，困惑有以下兩點。

一、功能結(jié)構(gòu)圖和信息結(jié)構(gòu)圖有什么區(qū)別？

二、功能結(jié)構(gòu)圖，需要細化到什么程度？

對于第一個問題，大家已經(jīng)給出了很好的答案，推薦 @覓路客 的答案。但是，根據(jù)我們畫這兩種圖的目的，還有這兩種圖本身的特點來說，我的建議是，信息結(jié)構(gòu)圖不應(yīng)該用腦圖/思維導(dǎo)圖來表示！

原因且聽我道來：

1.聽過很多道理，仍然畫不好圖（兩個圖非常容易混淆）

有沒有童鞋和我一樣，畫著畫著，就把這兩種圖畫成一樣的了！道理我們都懂，信息結(jié)構(gòu)圖，羅列的是頁面的每一個元素，比如說一篇文章，包含的信息有：標(biāo)題、作者、發(fā)布時間、摘要、正文、訪問量等；而功能結(jié)構(gòu)圖，羅列的是功能，是事物的作用，例如相機軟件，他有刪除照片，拍攝照片，存儲照片，展示照片等功能。

問！題！就！是！，現(xiàn)在的頁面信息/元素，大部分都承載著功能的呀！

舉個栗子：

這是知乎的回答模塊（暫且這樣叫吧），我畫了一個圖，那大家說，這個圖是屬于功能結(jié)構(gòu)圖，還是信息結(jié)構(gòu)圖呢？（只有標(biāo)紅的兩個元素是沒有承載功能的）

有些人可能會說，功能結(jié)構(gòu)圖，不應(yīng)該畫這么細，這是我第二個要說的問題。但是，這是不是說明了一點：功能結(jié)構(gòu)圖，畫到細處，就約等于信息結(jié)構(gòu)圖呢?。▋蓚€圖還是有細微差別，功能結(jié)構(gòu)圖不關(guān)心沒有承載功能的元素）既然兩者如此容易混淆，我們?yōu)槭裁床挥貌煌姆椒▉肀硎舅麄儯?br>

2.兩個圖的目的不一樣。

功能結(jié)構(gòu)圖，是為了梳理需求，防止出現(xiàn)缺頁面，缺模塊的現(xiàn)象，以鳥瞰的方式對整個產(chǎn)品的頁面結(jié)構(gòu)形成一個直觀的認識；而信息結(jié)構(gòu)圖，是要羅列信息，作為開發(fā)建立數(shù)據(jù)庫的參考依據(jù)。

目的不同，側(cè)重點自然就不同。信息結(jié)構(gòu)關(guān)注的是單個頁面的元素，信息來源，字段限制等，而非結(jié)構(gòu)化的信息，所以不符合思維導(dǎo)圖的特點，我們用表格來展示，或許會更加清晰：

所以，我們只要畫好功能結(jié)構(gòu)圖就好了！忘了另外一個吧（備注：很多地方說的產(chǎn)品結(jié)構(gòu)圖，其實就是功能結(jié)構(gòu)圖）功能結(jié)構(gòu)圖關(guān)注的是總共有幾個頁面，每個頁面是什么關(guān)系，頁面上有什么功能。

這樣一來，困擾我們的就是第二個問題了。功能結(jié)構(gòu)圖到底要畫到多細呢？

我覺得，功能結(jié)構(gòu)圖是在不斷細化的。

有很多人覺得不知道要畫多細，是因為大家都是在畫已有產(chǎn)品的結(jié)構(gòu)圖，甚至這些產(chǎn)品已經(jīng)非常成熟了。

但是，功能結(jié)構(gòu)圖通常出現(xiàn)在我們產(chǎn)品的創(chuàng)意階段，就是原型圖出來之前。在這個階段，其實我們對具體頁面的元素，還是沒有太清晰的概念的，我們只知道，我們大概需要哪些功能，大概需要哪些頁面，這些頁面底下有哪些子頁面。所以這個時候，我們的圖是比較粗略的，圖中的每一個節(jié)點，代表的是一個頁面，或者跳轉(zhuǎn)其他頁面的出口/入口。這個時候的功能結(jié)構(gòu)圖，用來指導(dǎo)我們做頁面，防止缺漏！

等我們的產(chǎn)品慢慢成型，每個頁面的細節(jié)也出來的時候，我們也要同步更新功能結(jié)構(gòu)圖，這時候圖中的一個節(jié)點變得更加細，可能代表功能一個模塊，一個彈層，一個承載了功能的元素，用來告訴我們每個頁面的功能，以及頁面之間的跳轉(zhuǎn)。

另外，還想說的是，我也是個小白，以上經(jīng)驗純屬自己總結(jié)，有說的不對的地方，還請大家多多指正！