1. 程式人生 > >功能架構圖、信息結構圖、產品結構圖的區別和繪制方法

功能架構圖、信息結構圖、產品結構圖的區別和繪制方法

功能結構 信息結構 產品結構 互聯網產品

一、功能架構圖

1. 定義

功能結構圖就是以功能模塊為類別,介紹模塊下其各功能組成的圖表,體現了產品功能的同時,也展示了功能的從屬關系。

2. 作用:

產品設計時,輔助思路梳理,避免功能概念模糊、缺失。

3. 註意點:

繪制功能結構時,盡量避免出現信息結構要素出現的可能性,形容一個功能點時建議多采用“動詞+名詞”的語言描述形式,如:設置密碼。

4. 如何繪制

1)針對設計中的新功能/產品
列出產品的核心功能模塊,針對每個模塊,繪制業務流程,從流程中提煉功能點,羅列整個閉環需要的功能點,找出從屬關系層次,粒度從粗到細。多用動詞加名詞作為一個功能節點。
2)針對已有產品或功能的倒推
快捷方法:參考產品的Tab功能模塊找出產品主功能模塊,然後按照層級歸屬關系詳敘該功能模塊提供的下一級功能模塊或功能,如有必要,其顆粒度可一直細化到功能操作的描述程度。

註意:當一個次級功能模塊反復出現在不同的Tab功能模塊中的時候,我們就可以考慮將其拆分出來作為主功能模塊。

二、信息結構圖

1.定義

指脫離產品的實際頁面,將產品的數據抽象出來,組合分類的圖表,信息結構有點類似編程中的數據表結構設計,揭示了需要哪些數據,這些數據需要有怎樣的元素組成,才能達到每個功能模塊需要展現的內容表達,對於內容類產品尤為重要。

2.作用

幫助pm梳理復雜的數據信息,避免遺漏、重復、混亂;
可作為研發建立數據庫、做表結構設計的依據。

3.註意點

信息結構設計晚於功能架構設計,要脫離頁面功能,考慮數據的組成、流動、關聯,避免出現功能結構要素,節點要素多為名詞。

4.如何繪制

找出每個功能點需要的內容組成要素,將其去重、歸類。

三、產品結構圖

1.定義

綜合展示產品信息和功能邏輯的圖表,簡單說產品結構圖就是產品原型的簡化表達,是將功能和信息以一種合理自然的邏輯,把功能結構圖和信息結構圖中的內容放入產品中的每一個頁面的結果,是產品概念化設計的結尾階段的產物。

2.作用

可以替代原型,快速評審產品方案的可行性,實現成本低。可指導原型制作,避免原型繪制反復修改,浪費時間。

3.註意點

沒有產品結構圖之前,不要動手畫原型!畫原型之前,最好先畫草稿,紙上畫比電腦上要快,有問題也能及時發現。

4.如何繪制

先從概念和功能上分類和分層,然後在每個需要體現內容數據的節點,展看所需要的數據描述,不同頁面若都有展示同一個數據的情況,那就都體現出來,此時,你就要想象這是你產品的最終形態,每個頁面要有哪些功能和數據,類似於開發做的不同靜態頁面。

至於交互動作的細節不用體現在結構圖中,比如頁面布局細節、交互手勢、動畫效果等,屬於交互設計的範疇,在產品結構設計時,可以一並考慮,除非很特別的交互,否則都遵循簡單原則即可:pc端以點擊、滾動、選擇為主,移動端以點擊、滑動為主。

總結

產品設計階段,經過需求收集和分析,首先要根據需求,將需要的功能大致羅列,輸出功能結構圖;
功能結構圖成型後,根據產品形態大小,業務是否復雜,產出信息結構圖;
結合兩者,將功能和信息向著頁面和展示方向靠攏,每個動作進入哪些頁面或窗口,相應展現哪些內容,產出產品結構圖,指導原型繪制。

以上總結,與各位產品共勉!

功能架構圖、信息結構圖、產品結構圖的區別和繪制方法