B端產品經理必會的3種框架圖你了解嗎?從功能框架、信息架構到產品結構圖

0 評論 4022 瀏覽 29 收藏 6 分鐘

熟練掌握一些工具,能提高工作效率。對B端產品來說更是如此。本文作者分享了B端產品需要掌握的3種框架圖,熟練掌握,可以加速我們的工作流程。

作為B端產品經理,設計和管理復雜的產品功能是日常工作的一部分。

在這個過程中,功能框架圖、信息架構圖和產品結構圖是我們必須要三種重要的工具,能幫助我們準確表達需求的產品邏輯、信息范疇和用戶界面。

01 功能框架圖

功能框架圖是梳理產品功能的起點,它幫助我們理解產品需要實現的所有功能。有時候也稱為功能結構圖,通過羅列出所有的功能,用于項目流程的早期階段。

目的

功能框架圖的目的是展示產品或服務中包含的所有功能,幫助團隊理解產品的功能組成。

梳理方法與步驟

(1)確定用戶需求:與利益相關者溝通,了解用戶的基本需求。  

(2)記錄功能:基于需求,列出產品需要實現的所有功能。

(3)組織功能:將功能按照邏輯分組得到模塊,通常用名詞+“管理”組成,如用戶管理、訂單管理等。

(4)使用動詞+名詞:為每個功能點使用動詞+名詞的形式命名,如“創建訂單”、“管理用戶”。

示例

在一款外賣App中,根據功能框架圖的概念梳理可以得到如下的內容:

(1)用戶管理模塊:創建用戶、編輯用戶信息、刪除用戶。

(2)訂單管理模塊:創建訂單、查看訂單、修改訂單、取消訂單。

02 信息架構圖

這個圖通常在功能框架圖之后使用,當產品的功能確定后,信息架構圖幫助確認各模塊包含的信息。它以「xx信息」的形式描述,展示信息的細項和分類,幫助我們確定在產品中需要找到的信息和內容。

用一句話概括就是:信息架構圖是幫助我們定義和組織如何在產品中展示信息的工具。

梳理方法與步驟

(1)確定信息類型:識別產品中需要展示的信息類型。

(2)分類信息:將信息按照邏輯分類,如用戶信息、訂單信息等。

(3)定義信息層級:確定信息的層級關系,如基本信息、詳細資料。  

(4)使用xx信息:為每個信息點使用“xx信息”的形式命名,如“賬戶信息”、“流水號信息”。

目的

– 設計信息展示邏輯,確保用戶能夠容易地找到所需信息。

– 優化用戶體驗,通過合理的信息架構提高用戶滿意度。

示例

繼續以外賣App為例,信息架構以拆解為:

(1)用戶管理模塊:基本資料信息、收貨地址信息、賬戶信息等。

(2)訂單管理模塊:流水號信息、狀態信息、訂單快照信息、支付信息等。

03 產品結構圖

完成了前面的兩個圖,最后一步就是設計用戶界面(畫原型了),這里就是要用到產品結構圖了。

產品結構圖是界面的直觀表達,具體展示界面的布局和元素。它反映了用戶實際看到的產品界面,幫助團隊理解產品的視覺和交互樣式。

梳理方法與步驟

1. 確定界面元素:根據前面的模塊/功能/信息,逐一翻譯為界面上需要展示的所有元素,如XX功能按鈕、XX信息輸入框等。

2. 布局規劃:設計元素的布局,確保界面清晰、邏輯性強。

3. 交互設計:考慮元素之間的交互,如點擊按鈕后的操作。  

4. 視覺呈現:使用線框圖或原型圖展示界面的視覺設計。

適用場景

(1)用于在設計初期確定界面的基本結構和布局。

(2)用戶測試:通過原型圖收集用戶反饋,優化設計。

示例

產品結構:

(1)導航欄:為了承載前面已經定義出的模塊與功能,在App的底部導航選項,必須包含用戶圖標、訂單圖標。

(2)用戶中心:為了承載前面定義的信息架構展示,在用戶中心頁需要包含如下信息展示元素:基本資料信息、收貨地址信息、賬戶信息。

04 綜上

作為B端產品經理熟練掌握這些工具,不僅可以幫助我們快速梳理產品邏輯,還有助于準確傳達你的想法給到研發團隊,加速我們的工作流程。

本文由人人都是產品經理作者【三爺茶館】,微信公眾號:【三爺茶館】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!