如何畫出一份優秀的產品架構圖?

2021-01-08 人人都是產品經理

產品架構圖通常用於比較複雜的產品項目中,是設計複雜產品時不可或缺的文檔之一。在本文中,筆者也向大家介紹一下畫產品架構圖的流程以及關鍵點,希望對你有所啟發。

一、什麼是產品架構圖

產品架構圖是產品經理用來表達自己產品設計機制的一張概念圖:

它將可視化的具象產品功能,抽象成信息化、模塊化、層次清晰的架構,並通過不同分層的交互關係、功能模塊的組合、數據和信息的流轉,來傳遞產品的業務流程、商業模式和設計思路。

由於產品架構圖通常用於比較複雜的產品項目中,目前介紹產品架構圖的相關書籍和資料極少(尤其是入門級別的資料很少提及),卻是設計複雜產品時不可或缺的文檔之一。

為什麼要畫?

首先梳理自己對產品方向的判斷,思考這張圖如何設計的過程,也是幫助你梳理「半年內自己的產品該往何處去、需求應該如何分期和落地、和其他產品的依賴、競爭關係是什麼、未來的可拓展性在哪裡」等問題的過程。

1. 為技術&運營的輸出形成支撐

當這張圖被設計出來後,按照產品架構圖的結構和路徑,項目的裡程碑(RoadMap)就可以被清晰的拆解出來,同時項目成員也可以根據這張架構圖產出運營計劃、技術系統架構方案等強依賴產品方向的方案。

2. 讓他人可視化的理解你的產品架構

能較為清晰簡單的呈現自己的思路、明確自己的產品邊界、指明發展的方向,常用於在項目規劃或項目總結中進行演示,幫助不了解你的產品的人快速的建立對你的產品結構、功能、複雜度的認知。

二、何時需要畫

建議在複雜項目開始前寫:

當你要開始設計一個系統性、完整的需求時,如果跳過畫產品架構圖的步驟,直接開始畫原型、寫PRD,有時候很容易發生「改了又改」、「做了一版需求然後又推翻」的情況。如果你的項目已經進行到一半,自己卻從未產出過這張圖,那麼就從此刻開始,按照下文的步驟嘗試為自己的產品產出一張產品架構圖吧。

三、畫前準備

列出問題域

在需求初期,產品經理得到的往往只是一句比較模糊的需求描述,它們可能來自於老闆、運營或用戶。

直接把這句話作為核心產品功能是不恰當的,合理的做法是先把這個產品所有的問題域列清楚。

「問題域」是指自己的產品能夠解決的所有問題的空間集合。從核心需求出發,將所有當前需要解決、未來可能要解決的問題放入產品框架的範圍,能夠幫助你的產品架構圖擁有更高的可拓展性,在後續具備迭代和優化的空間。

以微信AR的需求為例,問題域是這樣一個集合:

詳細操作步驟:

找到收到的需求中,跟產品形態、產品目標相關的詞句,去列出「XX的流程會是什麼樣」、「XX該怎麼達成」之類的問題,直到如果這些問題解決,能夠實現核心需求的方向和業務目標。去逐次尋找這些問題需求被解決的過程中,是否有其他要先解決掉的問題、或者其他跟業務相關的問題能夠被解決/改善。按照層級去羅列出所有的問題,並附上自己的初步回答,從而形成一個初步的、自己的產品能夠解決的「問題域」。

四、確定產品方向

在經過問題域的羅列後,你應該能夠得到一個模糊的產品方向和功能範圍。把這些問題域的答案抽象總結成一個確定的產品需求。

以微信AR的需求為例,根據問題域,我們發現需求不只是掃碼組件增加AR識別能力這麼簡單,整個需求裡需要引入廣告主的角色,並且需要和騰訊等團隊合作。最終得到的產品方向描述是這樣的:

1. 詳細操作步驟

問題域的環節非常發散,這一步需要回歸基礎,把模糊的需求補充、拓展和翻譯成一個在商業模式和用戶體驗上能夠形成閉環的產品需求。

核心需求確定:我的產品核心解決的是哪批用戶、哪個用戶需求?產品目標:如果以一個數字指標衡量我的產品,它應該是什麼?3.用戶場景:核心需求基本的產品形態、用戶使用的路徑是怎樣的?

2. 清晰的業務流程

這一步需要根據核心產品需求和問題域的答案,畫出簡單的業務流程。業務流程是產品設計中常見的圖表,繪製方法就不再多做說明。

以微信AR的需求為例,從廣告主準備AR互動,到用戶在前臺使用攝像頭參與互動,整個業務流程如下:

五、著手繪製

1. 搭建基礎框架

基礎的產品框架脫胎於業務流程,但相比業務流程,更加注重產品功能的枚舉、功能模塊之間的分界。

2. 詳細操作步驟

對照業務流程,根據自己設想的產品機制、基本產品形態和用戶的使用路徑,列出需要的頁面&功能&模塊等前後端邏輯。

將剛剛得到的多個流程圖中所有功能類似或者範圍有包含關係的機制/功能放在一起,以模塊化的形式形成一張簡單的矩陣圖。

將明顯是同一個產品範圍、同一組產品功能的模塊放在同一層級,得到一個基礎的產品框架。

3. 明確架構分層

一個具備前後臺關係的產品架構圖至少分為三層:用戶感知層(在何種場景下通過何種方式觸達用戶)、功能模塊層(通過哪些功能模塊實現產品的核心功能、和哪些外部平臺功能有信息交互)、數據層(產品的數據從哪裡來、產品的數據沉澱到何處去)。

在上一步進行簡單分層後,我們已經得到一個初步框架,但是難免會有分層不明確的問題。此時需要按照兩種維度來處理架構圖的層級:不同信息層級的邊界、同一層級內模塊和模塊的邊界。

4. 處理不同信息層級的邊界

架構圖的層級表達的其實是信息之間的流轉關係,不同信息層級之間一定是有邏輯關係的。

其中用戶感知層和數據層通常可以簡化為一層(用戶端的功能表達往往邏輯簡單、數據的來源問題則不是自己產品的核心功能),而功能模塊層則需要按照自己產品的邏輯去將功能模塊層內的主要模塊變成新的層級。

5. 處理同一層級內子模塊的邊界

各層次之間雖然相關,但同一層次內的子模塊之間一定是互相獨立、界限分明的。將解決不同問題的功能拆分成兩個子模塊,做到一個問題只在同一層解決,避免牽一髮而動全身的情況出現。

6. 明確產品間的邊界

產品邊界對於開發設計系統架構、業務間的合作模式都非常重要。用不同顏色標識清楚產品框架中,各個部分所屬產品的邊界,通常其中屬於自己團隊的部分用亮色表示。

7. 加入信息流轉機制

產品架構圖在表達產品的核心功能外,也應該體現信息流動的路徑:當前層級數據的交互形成產品功能,產品功能又產生新的數據,從而推動下一層級的功能運轉起來。

如果當前產品的主要使用角色只有一個,則只需要用箭頭標明模塊間信息流動的方式即可。如果當前產品會涉及的主要角色比較多,則需要用不同顏色的線條將他們和各個模塊之間的信息交互關係外化出來。

六、最終檢查

一張好的產品架構圖,應該具備以下特點:

清晰的模塊功能邊界功能經過抽象,做到標準化、互相獨立上下遊產品功能邊界清晰,架構分層明確合理具備迭代優化的能力記得不斷根據你的產品的發展情況來更新產品架構圖,每次修改的過程對提升產品架構能力的幫助非常巨大。認真完成,才會成功。

本文由 @寄書予影 原創發布於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議

相關焦點

  • 阿里大牛:如何畫出一圖勝千言的技術架構圖?
    加速業務的上線速率,也體現在優秀工程師的工作效率提升、產品性能優化和用戶體驗改善等經驗方面的分享,以提高我們的專業能力。 接下來,阿里巴巴技術專家三畫,將分享自己和團隊在畫好架構圖方面的理念和經驗,希望對你有所幫助。 當我們想用一張或幾張圖來描述我們的系統時,是不是經常遇到以下情況: 對著畫布無從下手、刪了又來? 如何用一張圖描述我的系統,並且讓產品、運營、開發都能看明白?
  • 如何畫架構圖?
    畫架構圖分四步走: 第一,搞清楚要畫的架構圖的類型; 第二,確認架構圖中的關鍵要素(比如產品、技術、服務); 第三,梳理關鍵要素之間的關聯:包含、支撐、同級並列等; 第四,輸出關聯關係清晰的架構圖。
  • 如何畫好一張架構圖?
    阿里妹導讀:架構圖是什麼?為什麼要畫架構圖?如何畫?有哪些方法?本文從架構的定義說起,分享阿里文娛高級技術專家簫逸關於畫架構圖多年的經驗總結,並對抽象這一概念進行了深入地討論。較長,同學們可收藏後再看。文末福利:架構師成長秘籍。什麼是架構圖?
  • 工作兩三年了,整不明白架構圖都畫啥?
    四、陪你畫個架構圖五、總結六、系列推薦一、前言很多程式設計師畫架構圖頭疼,不知道畫什麼、怎麼畫!分享、評審、述職、答辯,只要你在程式設計師這個行業,就幾乎離不開要畫圖。好,別激動,接下來我們就開始專心研究研究架構圖,都有哪些,該怎麼畫,有什麼手法。二、架構圖有哪幾種?僅說技術架構圖的話,通常我們☞指的是選型各項技術組件來支撐整個服務建設的系統架構。
  • 產品經理如何做產品架構設計
    編輯導語:對於產品經理來說,發展到一定階段後,日常的工作內容往往離不開產品架構設計。這是一個極其細緻的活,需要產品經理有很強的架構能力。那麼,產品經理如何才能摸清產品的底層邏輯、提升對產品的認知,做好產品架構呢?傑夫貝佐斯曾經在一次演講中提到「人們經常問我:未來10年什麼會被改變?
  • PPT如何畫好複雜而又龐大的組織架構圖?
    相信大家在學校裡的時候就已經接觸過不少組織架構圖了,可能是用於實踐作業的調研,可能是社團組織架構圖的繪製。進入職場後,組織架構圖與我們的關係只會越來越密切,我們會更經常跟他打交道,小到部門分工,大到公司整體組織架構,那麼在PPT的製作中,我們如何輕鬆且快速地完成一個龐大而又複雜的組織架構圖呢?大家都知道可以通過SmartArt來完成組織架構圖,但是你是怎麼做的呢?
  • 如何畫出高顏值組織結構圖,這三款軟體你不能錯過
    此外,重組其層次結構的時候組織架構圖可以提供非常好的參考效果,以便通過使用新的組織結構圖說明這些更改來透明化並預先了解通信和權限的更改。最重要的是,它可以幫助公司中的每個人明白誰負責什麼應該幹什麼。下面我將介紹幾款優秀的軟體幫大家更好的畫好組織架構圖,快來看看吧。
  • 程式設計師必備技能——如何畫好架構圖
    本文轉載自【微信公眾號:java進階架構師,ID:java_jiagoushi】經微信公眾號授權轉載,如需轉載與原文作者聯繫技術傳播的價值,不僅僅體現在通過商業化產品和開源項目來縮短我們構建應用的路徑,加速業務的上線速率,也體現在優秀工程師在工作效率提升、產品性能優化和用戶體驗改善等經驗方面的分享,以提高我們的專業能力
  • 如何畫好一份氣泡圖?氣泡圖繪製教程介紹
    經常使用到excel表格的話,大家應該也知道氣泡圖。氣泡圖主要藉助圓形形狀來表達事物信息,整個圖看起來就好比氣泡集中營,是思維導圖的一種。這種圖文件所應用的範圍十分廣泛,人們常常需要使用到它更直觀地表達事物。那麼,如何畫好一份氣泡圖呢?
  • 如何正確的畫出功能流程圖?
    常見的錯誤畫法先梳理一下大部分PM畫功能流程的常見錯誤,方便理解其邊界。混入業務維度特別容易把業務模塊也畫到功能流程圖裡面。區分你的功能流程圖裡面有木有業務模塊並不難。唯一的判斷標準是該圖中的每個節點都應該是這個產品中真實存在的功能名稱,否則應該是混入了其他東西。真正的難點在於如何將業務流程映射成合理的功能流程,以及功能流程如何映射成恰當的業務流程。
  • 構建優秀產品信息架構的三要素
    其獨特性是什麼,現在的生意點在哪裡,明天又該如何。然後,你必須想辦法把信息架構和企業的目標、策略以及文化結合起來。(2)內容:文件/資料類型、內容對象、數量、現存架構我們必須注意目前內容的質量和數量,以及一年後如何改變。當你觀察各種網站時,下列的內容會浮上檯面,以區分各種信息生態的因素(所有權、格式、結構、元數據、數量、動態性)。
  • excel圖表功能:如何用Smartart做組織架構圖
    曾經遇到很多人為了做一份整潔美觀的公司組織架構圖煞費苦心,通過【插入】形狀和線條折騰3個小時,做出來的組織架構圖還是那麼不堪入目。一、組織架構圖案例一其實使用smartart功能就能輕鬆的完成這項任務。如下圖所示的組織架構看起來是不是很整潔美觀呢?
  • 如何成為一個優秀的系統架構師
    領導分配了任務,又給大家詳細講解了。那現在,咱們公司要上這個項目,讓你去搞,你沒有理由不搞定。工作中老大給你講解細節,這個是不會有的。   所以,從需求分析開始,到出一套專業可實施的架構方案(圖文並茂),以及組織公司討論到後續實施都是架構師主導的,甚至後期交給運維人員維護前,我們在方案裡都要寫出來。這個在規定的時間各位務必要去完成,月薪15K+不是那麼容易就達到的,要努力的付出。
  • 如何基於用戶洞察,設計2B產品的業務架構?
    編輯/ jenny通過對 「產品的信息架構、產品架構與業務架構」解析, 我們大概釐清了產品在進入正式研發階段的三個關鍵設計成果:業務架構、產品架構和信息架構。在產品設計過程中,我們真正需要考慮的是,如何才能真正深入的理解用戶對價格、環境、日常事務的關心和願望,以及用戶的目的和想法如何影響產品的具體設計過程。有的產品提供了更為便利的獲得方式,有的產品提供了更為獨特的服務,還有的產品滿足了用戶未曾滿足的需求,這些產品都獲得了各自領域的成功。
  • 產品經理如何畫流程圖?
    之前我分享了如何用xmind來整理自己的思考,今天再分享如何把自己思考的功能,通過流程圖的形式呈現出來。之所以要用流程圖的形式呈現,主要是為了程式設計師好懂,也是便於更好管理自己的產品。工作中,很多人拿到需求就火急火燎的開始畫原型,然後畫著畫著覺得有些地方沒有考慮到,又回頭去改。
  • 組織架構圖在PPT中如何快速製作?
    曾經一個個畫,然後一個個對齊,如何快速在PPT製作組織架構圖呢?會省時省力的多。
  • 大數據架構流程圖
    平臺數據架構流程圖標準大數據平臺架構,標準大數據平臺架構,大數據平臺架構,數據倉庫,數據集市,大數據平臺層級結構,數據挖掘,舉報,包含該模版的分享。數據架構設計(數據架構組) 概述 總體描述 相對於業務架構和應用架構,數據架構在總體架構中處於基礎和核心地位。
  • 產品經理:流程圖你都會畫嗎?
    流程圖是產品經理必不可少的技能之一,但流程圖你僅限於只會畫基本框圖和跨職能流程圖嗎?本文就來介紹下與產品經理相關的各種各樣的流程圖表現形式吧!但是,作為一名產品經理,共有哪些種類的流程圖在工作中有可能會遇到或者用到,你是不是應該要了解一二呢?說不定哪天你就需要用到其中一種。二、行為型的圖說明:作為產品崗,行為型的圖我們要著重了解,甚至是活學活用。
  • 小公司產品經理:如何改善「野路子」,構建自己的方法論?
    二、定義自己的工作流程最重要的就是產品設計SOP的定義,這個過程需要自己反覆思考總結,每一階段都有相應的輸出物,並且在平常工作中不斷實踐才有效果,以我總結的產品設計SOP為例:需求調研→業務模型搭建→流程圖→產品功能架構→原型圖→PRD文檔
  • 阿里技術大牛:一份架構師成神路線圖!
    IT 架構師-軟體產品架構師:專注於軟體產品的研發。 IT 架構師-應用架構師:專注於結合企業需求,定製化 IT 解決方案;大部分需要交付的工作包括總體架構、應用架構、數據架構,甚至部署架構。