1. 產品入門,如何繪制產品功能結構圖和產品信息結構圖
下面是筆者通過實踐和資料整理對這兩個結構圖進行定義區分,並輔以實際demo分析闡釋:
一般在實際工作中,一個產品需求從創意、構想到最終輸出給設計、開發,不一定會用到這兩種圖,視情況選擇使用。如要有要求先輸出產品方案時,還是建議繪制「產品功能結構圖」和「產兄散品信息結構圖」,方便直觀地讓開發人員了解該產品的架構,同時自己參照結構圖繪制產品原型時也避免模塊早塵仿和功能的遺漏。
一、產品功能結構圖
作用 :梳理產品架構功能點。
說明 :我們繪制產品功能結構圖一般是在原型繪制前,所以大多不以頁面為模塊去羅列,而是以功能劃分模塊,以產品的主要功能及其他圍繞主要功能而展開的下級功能點進行羅列。
一般做競品分析時會倒推已經成型的產品來練手,此時需要反復使用軟體,列出其主要功能,涉及的功能細節需要不斷測試得出。
在自己構想一個新的產品時,也需要大量使用同類或者有借鑒意義的產品,在繪制功能結構圖的過陸纖程要結合過往或者同類產品經驗羅列功能模塊、細化功能點。
功能和信息的概念有時比較模糊,如果想要更清晰的讓自己的表達更清晰可以採用「動詞+名詞」的形式對功能點命名,比如:登錄/注冊賬號;查看/取消收藏等。
操作過程 :
我們在繪制功能結構圖之前,要先梳理主要功能邏輯,下面是筆者參照B站功能模塊拆解的主要功能:
在主要功能的基礎上添加下級功能和細節點,產品功能結構圖就繪制出來啦!
如下圖:
二、產品信息結構圖
作用: 梳理系統頁面的模塊功能顯示信息,是繪制原型的基礎,信息結構圖類似數據表結構設計,揭示了需要哪些數據,這些數據需要有怎樣的元素組成,才能達到每個功能模塊需要展現的內容表達。如果說功能結構圖是產品的功能抽象,那麼信息結構圖則是產品的數據抽象。
說明: 產品信息結構圖羅列了產品需要的信息欄位,是在我們繪制原型前構想如何布局頁面信息的依據。在C端產品中對產品信息頁尤其重要,為避免原型繪制時遺漏,此時需要繪制產品信息結構圖窮盡頁面內容。信息結構圖中同一個對象的信息出現在多個頁面是非常常見的事情。
例如個人簡歷,在招聘官使用招聘網站時,姓名、性別、年齡、職位、工作時間等關鍵信息既會出現在候選人的列表頁,也會出現在候選人的詳情頁,還會出現在搜索結果頁等等。
操作過程 :
結合功能點,對設想的功能進行主頁面布局。
根據需求調研、競品調研報告、結合自己的產品經驗確定具體功能模塊布局:
總結 :
1.功能結構圖,關鍵詞是功能,是功能的結構化表達;
2.信息結構圖,關鍵詞是信息,是信息的結構化表達;
互動作的細節不用體現在產品功能結構圖和產品信息架構圖中,比如頁面布局細節、交互手勢、動畫效果等,屬於交互設計的范疇。
繪制產品結構圖時,你就要想像這是你產品的最終形態,每個頁面要有哪些功能和數據,類似於開發做的不同靜態頁面,展現在你面前的就是產品的雛形了。
2. 互聯網的「產品結構圖」應該如何繪制
這位兄弟想問的可能是信息架構,科普一下: (Information Architecture),簡稱IA,來源於早期IT軟體開發的架構設計,現在互聯網時代多用於對網站、產品在開發前的結構設計,能夠給高層或產品經理帶來最直觀的未來既視感,也可提供給架構師們參考和進行下一步工作分解等。教程和圖示網上一找一大堆,方法多種多樣,因人、公司、業務而異,復雜程度參差不齊,不一定最專業的就是最適合你或你的團隊的,所以無法給出具體教程,這里我簡單介紹個小方法供參考: 1.確定你要做的產品的所有功能將所有功能一一列在紙上,確定產品的核心功能(這屬於設計方法了,這里不鋪開講目標導向),並以核心功能為主,將每個功能要實現的目標和可能的業務邏輯大概羅列在下面。 2.確定產品的模塊一個或多個功能可能會組成一個模塊,便於架構師、設計師、開發工程師等幾乎所有干係人理解,更便於用戶使用,將功能用線條跟模塊進行組合。 3.確定子模塊或子功能某些大功能或大模塊可能會由多個子功能\模塊組成,將他們依次用線條連起來,需要注意是將主模塊、子模塊\功能依優先順序或從屬關系畫成樹狀圖。需要注意的是,某些子功能可能和其他模塊進行交互,或多入口,或各種各樣的業務流,沒錯,都把他們用線條連起來,無非就是換個顏色的線條(通常會帶箭頭)。可以用Mindmanager或OmniGraffle等,工具不限,ppt也可以做到。 4.大功告成接下來你就得到了你產品的第一版IA(之所以說第一版就是因為肯定要迭代)。 沒錯,就這么簡單,這就是IA的製作方法,只是其中會涉及到很多設計方法論如目標導向,會涉及到用戶使用場景,還有Taskflow、Pageflow等,這些都是擴展知識點。 另外最重要的一點,這個IA不是一次完成就ok了,應該是個閉環,每次的討論、評審,或戰略變更、業務變更,市場情況變化,產品經理和公司高管肯定會對產品做調整。 當然IA的製作方法多種多樣,一定要結合自己公司業務特點、團隊合作方式等,定製出最適合自己的方式,才能起到作用。 希望能幫到你。
3. 如何用軟體繪制產品尺寸圖
corleDRAW CAD 但是還是得自己描圖的 這些都是繪圖軟體 比ps方便