產(chǎn)品結(jié)構(gòu)圖死相、功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖咬像，都不是一個(gè)標(biāo)準(zhǔn)的概念算撮，沒有標(biāo)準(zhǔn)的定義生宛，以至于不同人會(huì)產(chǎn)生不同的理解“构瘢總的來說陷舅，困惑有以下兩點(diǎn)。
一素挽、功能結(jié)構(gòu)圖和信息結(jié)構(gòu)圖有什么區(qū)別蔑赘？
二、功能結(jié)構(gòu)圖预明，需要細(xì)化到什么程度缩赛？
對(duì)于第一個(gè)問題，大家已經(jīng)給出了很好的答案撰糠，推薦 @覓路客 的答案酥馍。但是，根據(jù)我們畫這兩種圖的目的阅酪，還有這兩種圖本身的特點(diǎn)來說旨袒，我的建議是，信息結(jié)構(gòu)圖不應(yīng)該用腦圖/思維導(dǎo)圖來表示术辐！
原因且聽我道來：
1.聽過很多道理砚尽，仍然畫不好圖（兩個(gè)圖非常容易混淆）
有沒有童鞋和我一樣，畫著畫著辉词，就把這兩種圖畫成一樣的了必孤！道理我們都懂，信息結(jié)構(gòu)圖瑞躺，羅列的是頁面的每一個(gè)元素敷搪，比如說一篇文章，包含的信息有：標(biāo)題幢哨、作者赡勘、發(fā)布時(shí)間、摘要捞镰、正文闸与、訪問量等；而功能結(jié)構(gòu)圖岸售，羅列的是功能几迄，是事物的作用，例如相機(jī)軟件冰评，他有刪除照片，拍攝照片木羹，存儲(chǔ)照片甲雅，展示照片等功能解孙。
問！題抛人！就弛姜！是！妖枚，現(xiàn)在的頁面信息/元素廷臼，大部分都承載著功能的呀！
舉個(gè)栗子：
這是知乎的回答模塊（暫且這樣叫吧）绝页，我畫了一個(gè)圖荠商，那大家說，這個(gè)圖是屬于功能結(jié)構(gòu)圖续誉，還是信息結(jié)構(gòu)圖呢莱没？（只有標(biāo)紅的兩個(gè)元素是沒有承載功能的）
有些人可能會(huì)說，功能結(jié)構(gòu)圖酷鸦，不應(yīng)該畫這么細(xì)饰躲，這是我第二個(gè)要說的問題。但是臼隔，這是不是說明了一點(diǎn)：功能結(jié)構(gòu)圖嘹裂，畫到細(xì)處，就約等于信息結(jié)構(gòu)圖呢Ｋの铡（兩個(gè)圖還是有細(xì)微差別寄狼，功能結(jié)構(gòu)圖不關(guān)心沒有承載功能的元素）既然兩者如此容易混淆，我們?yōu)槭裁床挥貌煌姆椒▉肀硎舅麄儯?br>
2.兩個(gè)圖的目的不一樣盒发。
功能結(jié)構(gòu)圖例嘱，是為了梳理需求，防止出現(xiàn)缺頁面宁舰，缺模塊的現(xiàn)象拼卵，以鳥瞰的方式對(duì)整個(gè)產(chǎn)品的頁面結(jié)構(gòu)形成一個(gè)直觀的認(rèn)識(shí)；而信息結(jié)構(gòu)圖蛮艰，是要羅列信息腋腮，作為開發(fā)建立數(shù)據(jù)庫的參考依據(jù)。
目的不同壤蚜，側(cè)重點(diǎn)自然就不同即寡。信息結(jié)構(gòu)關(guān)注的是單個(gè)頁面的元素，信息來源袜刷，字段限制等聪富，而非結(jié)構(gòu)化的信息，所以不符合思維導(dǎo)圖的特點(diǎn)著蟹，我們用表格來展示墩蔓，或許會(huì)更加清晰：
所以梢莽，我們只要畫好功能結(jié)構(gòu)圖就好了！忘了另外一個(gè)吧（備注：很多地方說的產(chǎn)品結(jié)構(gòu)圖奸披，其實(shí)就是功能結(jié)構(gòu)圖）功能結(jié)構(gòu)圖關(guān)注的是總共有幾個(gè)頁面昏名，每個(gè)頁面是什么關(guān)系，頁面上有什么功能阵面。
這樣一來轻局，困擾我們的就是第二個(gè)問題了。功能結(jié)構(gòu)圖到底要畫到多細(xì)呢样刷？
我覺得仑扑，功能結(jié)構(gòu)圖是在不斷細(xì)化的。
有很多人覺得不知道要畫多細(xì)颂斜，是因?yàn)榇蠹叶际窃诋嬕延挟a(chǎn)品的結(jié)構(gòu)圖夫壁，甚至這些產(chǎn)品已經(jīng)非常成熟了。
但是沃疮，功能結(jié)構(gòu)圖通常出現(xiàn)在我們產(chǎn)品的創(chuàng)意階段盒让，就是原型圖出來之前。在這個(gè)階段司蔬，其實(shí)我們對(duì)具體頁面的元素邑茄，還是沒有太清晰的概念的，我們只知道俊啼，我們大概需要哪些功能肺缕，大概需要哪些頁面，這些頁面底下有哪些子頁面授帕。所以這個(gè)時(shí)候同木，我們的圖是比較粗略的，圖中的每一個(gè)節(jié)點(diǎn)跛十，代表的是一個(gè)頁面彤路，或者跳轉(zhuǎn)其他頁面的出口/入口。這個(gè)時(shí)候的功能結(jié)構(gòu)圖芥映，用來指導(dǎo)我們做頁面洲尊，防止缺漏！
等我們的產(chǎn)品慢慢成型奈偏，每個(gè)頁面的細(xì)節(jié)也出來的時(shí)候坞嘀，我們也要同步更新功能結(jié)構(gòu)圖，這時(shí)候圖中的一個(gè)節(jié)點(diǎn)變得更加細(xì)惊来，可能代表功能一個(gè)模塊丽涩，一個(gè)彈層，一個(gè)承載了功能的元素裁蚁，用來告訴我們每個(gè)頁面的功能矢渊，以及頁面之間的跳轉(zhuǎn)检眯。
另外，還想說的是昆淡，我也是個(gè)小白，以上經(jīng)驗(yàn)純屬自己總結(jié)刽严，有說的不對(duì)的地方昂灵，還請(qǐng)大家多多指正！
