一學(xué)就會,立刻掌握產(chǎn)品架構(gòu)圖,厲害的產(chǎn)品經(jīng)理都愛不釋手

0 評論 1093 瀏覽 10 收藏 17 分鐘

產(chǎn)品架構(gòu)圖是一種關(guān)鍵工具,它能夠幫助產(chǎn)品經(jīng)理從宏觀角度理解和展示產(chǎn)品結(jié)構(gòu)。本文詳細(xì)介紹了產(chǎn)品架構(gòu)圖的重要性和繪制方法,提供了實(shí)用的技巧和示例。

之前我對產(chǎn)品架構(gòu)圖沒有深刻的認(rèn)識。

當(dāng)?shù)?1 次開始從 0 做一個系統(tǒng)級別產(chǎn)品時(shí),我需要一個東西能呈現(xiàn)出整個產(chǎn)品的全部內(nèi)容,數(shù)據(jù)流、產(chǎn)品模塊涉及內(nèi)容的前后順序。

這個時(shí)候我才知道要畫產(chǎn)品架構(gòu)圖。

如今,每次做新項(xiàng)目時(shí),我必畫架構(gòu)圖。

今天我們就說下如何畫架構(gòu)圖~

01 架構(gòu)圖示例

我們看下邊幾張架構(gòu)圖:

使用圖形化的方式展示產(chǎn)品系統(tǒng)內(nèi)部各個組件之間的關(guān)系和結(jié)構(gòu)。這就是產(chǎn)品架構(gòu)圖。

02 特點(diǎn)與作用

特點(diǎn)很明顯

在內(nèi)容上,架構(gòu)圖關(guān)注的是模塊化,并不涉及細(xì)節(jié)內(nèi)容。

每一個模塊的內(nèi)容,拿出來都是一個較復(fù)雜的產(chǎn)品。

在展現(xiàn)形式上,進(jìn)行明顯的分層、分塊。

在邏輯表達(dá)上,內(nèi)容模塊之間有明顯的邏輯關(guān)系,邏輯會跟著視覺流進(jìn)行移動,有自下而上、從左到右、箭頭引導(dǎo)等方式。架構(gòu)圖的作用

既然是圖,那就是一個信息傳達(dá)工具,能讓人全面了解一個系統(tǒng)。

給領(lǐng)導(dǎo)看,給團(tuán)隊(duì)成員看,都會很有用。

在很多B端產(chǎn)品的官網(wǎng)上,都會通過架構(gòu)圖對自家產(chǎn)品進(jìn)行介紹,便于客戶快速了解產(chǎn)品全貌。

對于我們做產(chǎn)品設(shè)計(jì),尤其是系統(tǒng)級產(chǎn)品時(shí)

架構(gòu)圖會讓你有一種上帝視角,而不是局限在某個模塊去思考問題,視野直接打開。

劃分出的模塊也能清晰明了展示出關(guān)系,明確對應(yīng)的的職責(zé)和邊界。

同樣的,可以知道整個產(chǎn)品的整體流轉(zhuǎn)流程,能從更全面的角度去思考產(chǎn)品。

架構(gòu)是一種抽象化、層次化、模塊化的思維方式

架構(gòu)圖是思考結(jié)果的展示。

根據(jù)展示內(nèi)容的不同,架構(gòu)圖可以分為多種類型:

架構(gòu)圖中的內(nèi)容是展示功能,就可以叫做功能架構(gòu)圖,

內(nèi)容是展示技術(shù)架構(gòu),就可以叫做技術(shù)架構(gòu)圖。

如果內(nèi)容是展示整個產(chǎn)品全盤內(nèi)容,也可以叫產(chǎn)品架構(gòu)圖,也能往大了叫:產(chǎn)品藍(lán)圖、產(chǎn)品矩陣圖等等。

不用糾結(jié)于具體叫什么,而是要知道,如果表達(dá)出來自己要畫的內(nèi)容。

03 如何畫架構(gòu)圖

無論我們畫什么圖,寫什么文檔,首先第 1 點(diǎn)就是——明確目標(biāo)

  • 想要表達(dá)什么?
  • 想要重點(diǎn)表達(dá)什么?
  • 想要大家了解到什么?

同樣的,又涉及到給誰看:給大領(lǐng)導(dǎo)看、給甲方看、給技術(shù)看……

目標(biāo)就有很多:

  • 為了展示整體業(yè)務(wù)流程,則需要展示出全流程以及涉及到的主要節(jié)點(diǎn)
  • 為了展示服務(wù)能力,則需要重點(diǎn)展現(xiàn)出服務(wù)特色,服務(wù)集成方式與數(shù)據(jù)流
  • 為了展示跨系統(tǒng)關(guān)系,重點(diǎn)突出職責(zé)劃分、數(shù)據(jù)流轉(zhuǎn)、對接方式等

畫圖的目標(biāo)不同,架構(gòu)圖的內(nèi)容也會有不同。

接著我們看下如何畫架構(gòu)圖。

首先對于畫圖的工具不要糾結(jié),就用你經(jīng)常用的畫圖工具,只要能畫矩形,能寫文字就行。

我之前用PPT,現(xiàn)在用飛書文檔里的畫板。

第一步:分層

分層,也就是先確定一級分類。

各個層次的關(guān)系是「自上而下的流程關(guān)系」,即:先有分層1,才有分層2……,最下邊的表示為最底層。

如下圖:

對于產(chǎn)品架構(gòu),有個很常規(guī)的劃分:基礎(chǔ)層、數(shù)據(jù)層、服務(wù)層、應(yīng)用層、展現(xiàn)層。

基礎(chǔ)層:

包括了服務(wù)器、網(wǎng)絡(luò)、存儲等硬件資源,以及操作系統(tǒng)、數(shù)據(jù)庫管理系統(tǒng)等。

作為產(chǎn)品經(jīng)理,我們并不需要特別關(guān)注技術(shù)層面的事情,當(dāng)架構(gòu)圖上想表達(dá)的內(nèi)容與技術(shù)沒有強(qiáng)相關(guān)時(shí),完全可以不寫技術(shù)層。

數(shù)據(jù)層:

展示數(shù)據(jù)收集、存儲、處理等內(nèi)容。包括用戶數(shù)據(jù)、交易數(shù)據(jù)、內(nèi)容數(shù)據(jù)等,以及數(shù)據(jù)的來源、存儲結(jié)構(gòu)和數(shù)據(jù)流向。

服務(wù)層:

展示產(chǎn)品提供的核心服務(wù)和功能。這可能包括用戶認(rèn)證服務(wù)、數(shù)據(jù)處理服務(wù)、通知服務(wù)等。

服務(wù)層是產(chǎn)品架構(gòu)中非常關(guān)鍵的部分,因?yàn)樗x了產(chǎn)品能夠提供哪些服務(wù)以及如何提供。

應(yīng)用層:

展示產(chǎn)品如何將服務(wù)層的功能轉(zhuǎn)化為用戶可以直接使用的應(yīng)用。這可能包括不同的功能模塊,也可以是不同的系統(tǒng)。

展現(xiàn)層:

如App、微信小程序、PC桌面端、Web端。

而具體怎么分層,主要就是看架構(gòu)圖中想表達(dá)什么。

可以非常靈活的進(jìn)行添加就行。

第二步 分塊

把每層中的內(nèi)容,進(jìn)行模塊劃分。

由于每層內(nèi)容中,會有很多信息,可以通過「塊」的形式進(jìn)行合并與分開。

相同內(nèi)容合并,不同內(nèi)容分開。

如果分層和分塊確定后,這個架構(gòu)圖也快畫好了。

舉個我之前做的產(chǎn)品——藥學(xué)數(shù)據(jù)公共服務(wù)

是基于標(biāo)準(zhǔn)數(shù)據(jù),生成多種公共服務(wù),并對外使用。

這里的分層可以是:數(shù)據(jù)層、服務(wù)層、應(yīng)用層、展現(xiàn)層

整理下對應(yīng)內(nèi)容后則會有下圖:

這個架構(gòu)圖,一看就是不夠的,還缺東西

比如:

數(shù)據(jù)層的數(shù)據(jù)從哪來的?——來自標(biāo)準(zhǔn)文件,那就可以把文件列舉一下

服務(wù)層與應(yīng)用層怎么連接?——通過接口調(diào)用服務(wù),那就需要加個「接口層」。

接著可以優(yōu)化下樣式:

1、調(diào)整顏色

1)顏色盡量不要超過3種

2)顏色不要用太刺眼的

2、調(diào)整對齊

將長寬大小統(tǒng)一下、對齊下

3、突出重點(diǎn)

重點(diǎn)內(nèi)容則填充顏色,不重要的內(nèi)容則置灰

然后修改后的如下:

接著和領(lǐng)導(dǎo)溝通后,他提出了幾點(diǎn)問題:

  • 公共服務(wù)具體的使用場景在哪里?
  • 服務(wù)對接只有接口方式嗎?有沒有其他的方式?
  • 各個產(chǎn)品線哪些必須接這些服務(wù)?有沒有接入的優(yōu)先級?

最終我把架構(gòu)圖畫成了下圖:

這個架構(gòu)圖的例子比較簡單。

04 架構(gòu)圖的邏輯表達(dá)

架構(gòu)圖本身就是用來表達(dá)邏輯的,當(dāng)內(nèi)容太多時(shí),邏輯關(guān)系的表達(dá)更顯得非常重要了。

在之前的《快速畫好工作型PPT的秘籍》里提到了 8 中邏輯關(guān)系:

這些關(guān)系在架構(gòu)圖中也是同樣適用的,

架構(gòu)圖中最常見的關(guān)系是:并列、總分、遞進(jìn)。

  • 并列關(guān)系:使用位置排列來突出關(guān)系,如2個并列的塊排列在一起,或這是使用符號形狀,如加號。
  • 總分:位置排列
  • 遞進(jìn):可以用位置表達(dá),更好的是通過「箭頭」來突出遞進(jìn)關(guān)系。

我們看個例子——知識圖譜構(gòu)建

下圖是知識圖譜生成的邏輯圖,我們調(diào)整下,使用架構(gòu)圖的方式表達(dá)。

為了快速演示,我讓 AI 基于上邊的流程補(bǔ)充了整個架構(gòu)圖:

1. 數(shù)據(jù)接入層

  – 集成內(nèi)部和外部數(shù)據(jù)源

  – 通過爬蟲和數(shù)據(jù)接口實(shí)現(xiàn)數(shù)據(jù)抽取

2. 數(shù)據(jù)預(yù)處理與清洗層

  – 執(zhí)行數(shù)據(jù)清洗、格式化和標(biāo)準(zhǔn)化

  – 進(jìn)行分詞、詞性標(biāo)注、實(shí)體識別等文本處理

3. 知識提取層

  – 從文本中識別實(shí)體和關(guān)系

  – 存儲提取結(jié)果到數(shù)據(jù)庫

4. 知識存儲與組織層

  – 使用圖數(shù)據(jù)庫存儲知識圖譜結(jié)構(gòu)

  – 利用本體庫組織知識模式

5. 知識推理與補(bǔ)全層

  – 應(yīng)用推理算法發(fā)現(xiàn)新知識

  – 使用補(bǔ)全技術(shù)填補(bǔ)知識空缺

6. 知識管理與治理層

  – 包括知識更新、驗(yàn)證和維護(hù)

  – 實(shí)施數(shù)據(jù)質(zhì)量和安全政策

7. 知識服務(wù)與應(yīng)用層

  – 提供API接口和可視化工具

  – 支持問答系統(tǒng)、智能搜索、推薦系統(tǒng)等應(yīng)用

8. 用戶交互層

  – 提供用戶界面和外部系統(tǒng)API接入點(diǎn)

9. 技術(shù)與平臺支撐層

  – 集成大數(shù)據(jù)、機(jī)器學(xué)習(xí)、云計(jì)算等技術(shù)

  – 為整個知識圖譜架構(gòu)提供技術(shù)支撐

10. 合規(guī)性與監(jiān)控層

   – 確保架構(gòu)符合法律法規(guī)要求

   – 監(jiān)控系統(tǒng)性能和知識圖譜應(yīng)用效果

首先進(jìn)行分層:

這個時(shí)候會發(fā)現(xiàn)分層太多,可以合并相關(guān)分層。

如信息抽取、知識表示,都是用來形成知識圖譜,我們可以合并成一個「圖譜生成」

對于「數(shù)據(jù)存儲層」,對于我們表達(dá)整個流程中,它并沒有那么重要,但卻是不可缺少的,所以我們可以進(jìn)行弱化。

先有實(shí)體/關(guān)系/屬性抽取,然后才有知識映射/融合,所以抽取在知識映射/融合的下邊。

在進(jìn)行實(shí)體/關(guān)系/屬性抽取時(shí),與知識映射/融合時(shí),推理/補(bǔ)全算法都會使用到,也就是算法是跨了「抽取+知識映射/融合」這2個小層。

所以推理/補(bǔ)全算法,得豎著放,用于表示「抽取+知識映射/融合」這2個小層都會用到算法。

接著調(diào)整下樣式,使用「箭頭」突出邏輯關(guān)系

這樣初版算是畫出來了,接著還需要補(bǔ)充「數(shù)據(jù)質(zhì)量管理」「數(shù)據(jù)安全管理」

這2點(diǎn)貫穿整個產(chǎn)品線,時(shí)時(shí)刻刻都要注意質(zhì)量與安全,所以補(bǔ)充上

接著就是看想突出那些內(nèi)容,就可以通過調(diào)整填充色、字體大小來調(diào)整層級。

05 架構(gòu)圖的其他表達(dá)方式

架構(gòu)圖是表達(dá)架構(gòu)的一張方式,但是并不僅僅只有這一種方式。

在我們上邊的例子中,架構(gòu)圖都是一層一層的表達(dá)方式,

但是并不是固定的,只要能表達(dá)出邏輯關(guān)系就行。

如下圖,則是使用「左右布局」的方式,將整個架構(gòu)表達(dá)出來。

架構(gòu)圖也有其他“更好看”的樣式,比如下方的軸側(cè) 2.5D 風(fēng)格。

這種圖,我不建議畫。

如果就想畫,我在figma的社區(qū)資源里找到了類似的風(fēng)格組件,可以直接在figma中復(fù)用。

在figma社區(qū)中關(guān)鍵字搜「架構(gòu)」就有。

還有下圖中的炫酷方式,在PPT中會出現(xiàn):

來自網(wǎng)絡(luò)

來自小紅書

不過在我們的日常工作中,就算能畫出來也不建議畫那么炫酷。

畫圖重點(diǎn)要能突出架構(gòu)內(nèi)容,能讓看的人快速理解就好。

炫酷的圖,易讀性并不高。

06 總結(jié)

架構(gòu)圖是集合了涉及到的模塊,并恰當(dāng)?shù)氖褂眠壿嬯P(guān)系,將涉及到的內(nèi)容都通過一張圖進(jìn)行展示。

當(dāng)你在一個大項(xiàng)目時(shí),你可以將整個產(chǎn)品架構(gòu)給畫出來,能獲得一個很全面的思考。

架構(gòu)圖在匯報(bào)的時(shí)候,也是個很好的利器。

領(lǐng)導(dǎo)通過圖中的模塊知道你要做什么,也能看出來你的設(shè)計(jì)思路。

本文由人人都是產(chǎn)品經(jīng)理作者【王大鹿】,微信公眾號:【產(chǎn)品大鹿】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!