產品結構圖、功能結構圖、信息結構圖，都不是一個標準的概念，沒有標準的定義，以至于不同人會產生不同的理解。總的來說，困惑有以下兩點。

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

二、功能結構圖，需要細化到什么程度？

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

原因且聽我道來：

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

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

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

舉個栗子：

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

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

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

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

目的不同，側重點自然就不同。信息結構關注的是單個頁面的元素，信息來源，字段限制等，而非結構化的信息，所以不符合思維導圖的特點，我們用表格來展示，或許會更加清晰：

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

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

我覺得，功能結構圖是在不斷細化的。

有很多人覺得不知道要畫多細，是因為大家都是在畫已有產品的結構圖，甚至這些產品已經非常成熟了。

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

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

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