經(jīng)常看到網(wǎng)上有人問，產(chǎn)品經(jīng)理要畫哪些圖，怎么畫流程圖等關(guān)于畫圖的問題。確實(shí)，畫圖是產(chǎn)品經(jīng)理必備的硬核技能。然而，畫圖又不僅僅是畫幾個(gè)圖而已。做產(chǎn)品沒有統(tǒng)一、標(biāo)準(zhǔn)的規(guī)范指導(dǎo)，容易讓人為了畫圖而畫圖。

圖業(yè)務(wù)用例圖，是描述產(chǎn)品功能的一種重要視圖。它通過參與者和用例來(lái)展現(xiàn)產(chǎn)品的功能性需求。在實(shí)際工作中，我們可以根據(jù)不同的場(chǎng)景、需求，畫出不同的業(yè)務(wù)用例圖。比如，在上面提到的虛構(gòu)APP需求中，可以畫出以下業(yè)務(wù)用例圖：業(yè)務(wù)用例圖2）系統(tǒng)用例圖系統(tǒng)用例圖，是描述軟件系統(tǒng)行為的一種視圖。它主要描述了軟件系統(tǒng)與外部參與者之間的交互行為，并展示了這些行為如何支持用戶目標(biāo)。在實(shí)際工作中，我們可以根據(jù)不同的場(chǎng)景、需求，畫出不同的系統(tǒng)用例圖。比如，在上面提到的虛構(gòu)APP需求中，可以畫出以下系統(tǒng)用例圖：系統(tǒng)用例圖3、無(wú)交互原型無(wú)交互原型（也叫靜態(tài)原型），是指沒有交互效果和動(dòng)態(tài)效果的原型。它通常是在產(chǎn)品設(shè)計(jì)初期使用，主要目的是為了幫助團(tuán)隊(duì)成員更好地理解產(chǎn)品設(shè)計(jì)思路和界面布局。無(wú)交互原型通常包括頁(yè)面結(jié)構(gòu)、元素位置、文字內(nèi)容等信息，并且還會(huì)標(biāo)注一些基本信息和注意事項(xiàng)。在實(shí)際工作中，我們可以使用各種工具來(lái)制作無(wú)交互原型，比如Axure、Sketch等等。下面是一個(gè)簡(jiǎn)單的無(wú)交互原型示意圖：無(wú)交互原型03從動(dòng)態(tài)視角看需求從動(dòng)態(tài)視角去分析需求，則需要使用動(dòng)態(tài)視圖來(lái)描述產(chǎn)品行為特征和流程特征等方面內(nèi)容。UML中動(dòng)態(tài)視角包括活動(dòng)圖、時(shí)序圖、狀態(tài)機(jī)圖等等，在實(shí)際工作中常見使用活動(dòng)流程、時(shí)序流程等方式進(jìn)行表達(dá)和描述。1、活動(dòng)流程活動(dòng)流程（也叫活動(dòng)圖），主要描述了軟件系統(tǒng)內(nèi)部或外部參與者之間所執(zhí)行的操作以及這些操作之間所存在的關(guān)系和順序。它能夠清晰地展示整個(gè)過程中各個(gè)步驟之間的關(guān)系和邏輯順序，并且能夠幫助團(tuán)隊(duì)成員更好地理解整個(gè)過程及其細(xì)節(jié)。

在實(shí)際工作中，我們可以根據(jù)不同場(chǎng)景、需求繪制不同類型的活動(dòng)流程。比如，在上述虛構(gòu)APP需求中，我們可以繪制以下兩個(gè)活動(dòng)流程：

充值話費(fèi)

查看優(yōu)惠券

2、時(shí)序流程時(shí)序流程（也叫時(shí)序圖），主要描述了軟件系統(tǒng)內(nèi)部或外部參與者之間所執(zhí)行操作所涉及到消息傳遞順序以及消息傳遞過程中所存在可能發(fā)生異常情況等內(nèi)容。

在實(shí)際工作中，我們可以根據(jù)不同場(chǎng)景、需求繪制不同類型的時(shí)序流程。

比如，在上述虛構(gòu)APP需求中，我們可以繪制以下兩個(gè)時(shí)序流程：

充值話費(fèi)

查看優(yōu)惠券

3、狀態(tài)機(jī)狀態(tài)機(jī)（也叫狀態(tài)轉(zhuǎn)換圖），主要描述了軟件系統(tǒng)內(nèi)部或外部參與者之間所執(zhí)行操作所涉及到狀態(tài)變化以及狀態(tài)變化過程中可能發(fā)生異常情況等內(nèi)容。

在實(shí)際工作中，我們可以根據(jù)不同場(chǎng)景、需求繪制不同類型的狀態(tài)機(jī)。

比如，在上述虛構(gòu)APP需求中，我們可以繪制以下一個(gè)簡(jiǎn)單狀態(tài)機(jī)：

充值話費(fèi)

04總結(jié)本文從UML入手講解了畫圖背后邏輯和意義，并總結(jié)了靜態(tài)視角下常見視圖——結(jié)構(gòu)圖、用例圖以及無(wú)交互原型；同時(shí)介紹了從動(dòng)態(tài)視角下常見視 圖——活動(dòng)流程、時(shí)序流程以及狀態(tài)機(jī)。

當(dāng)然，在實(shí)際應(yīng)用過程當(dāng) 中，并非所有模塊都需要畫這么多張圖片來(lái)表達(dá)清楚自己 的意思 。但是 ， 在你做某個(gè)模塊前 ， 如果你能夠把這幾張圖片都想清楚 ， 你就會(huì)發(fā)現(xiàn)你對(duì)這個(gè)模塊有更深刻 的認(rèn)識(shí) ， 而且對(duì)于溝通協(xié)調(diào)起到很大 的幫助 。

最后 ， 希望大家都能夠掌握好畫 圖 這門技能 ， 讓自己做事更加高效 。