為什么產(chǎn)品設計中需要繪制這些圖形?

經(jīng)??吹骄W(wǎng)上有人問,產(chǎn)品經(jīng)理要畫哪些圖,怎么畫流程圖等關于畫圖的問題。確實,畫圖是產(chǎn)品經(jīng)理必備的硬核技能。然而,畫圖又不僅僅是畫幾個圖而已。做產(chǎn)品沒有統(tǒng)一、標準的規(guī)范指導,容易讓人為了畫圖而畫圖。

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

在實際工作中,我們可以根據(jù)不同場景、需求繪制不同類型的活動流程。比如,在上述虛構APP需求中,我們可以繪制以下兩個活動流程:

充值話費

查看優(yōu)惠券

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

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

比如,在上述虛構APP需求中,我們可以繪制以下兩個時序流程:

充值話費

查看優(yōu)惠券

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

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

比如,在上述虛構APP需求中,我們可以繪制以下一個簡單狀態(tài)機:

充值話費

04總結本文從UML入手講解了畫圖背后邏輯和意義,并總結了靜態(tài)視角下常見視圖——結構圖、用例圖以及無交互原型;同時介紹了從動態(tài)視角下常見視 圖——活動流程、時序流程以及狀態(tài)機。

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

最后 , 希望大家都能夠掌握好畫 圖 這門技能 , 讓自己做事更加高效 。
文章申明:本文章轉載自互聯(lián)網(wǎng)公開渠道,如有侵權請聯(lián)系我們刪除
分享到