在產品經理的日常工作中，可能會繪製各種圖表，例如流程圖、思維導圖、時序圖等，有助於我們分析需求，開發宣講需求。本文作者分享了時序圖的繪製，一起來看一下吧。

產品經理日常在工作中可能會繪製各種圖表，例如流程圖、思維導圖、用例圖、資訊架構圖、時序圖等等，諸如此類的圖形繪製有助於我們分析需求和開發宣講需求，最近我接觸了用例圖的繪製，我們一般使用時序圖來輔助我們分析前後臺邏輯或者介面呼叫順序，那麼今天我就來給大家分享下時序圖該如何繪製吧~

01 初識時序圖

時序圖是UML互動圖中的一類，又名序列圖、順序圖。我們一般透過繪製時序圖來描述物件之間訊息傳遞的時間順序（包括髮送訊息、接收訊息、處理訊息、返回訊息等）。

圖片來源於網路

02 時序圖組成元素

1. 物件

時序圖中的物件指人機互動的各個角色，例如我們繪製登入的時序圖，那麼物件有使用者、登入介面、後臺資料庫（或user表）、系統主介面等，物件元素一般使用矩形表示。

2. 生命線

生命線代表時序圖中的物件在一段時期內的存在。時序圖中每個物件底部中心都有一條垂直的虛線，這就是物件的生命線。

3. 訊息

兩個物件之間的訊息傳遞，一般用箭頭表示訊息，箭頭的指向是從傳送方指向接收方。

訊息的傳遞一般有以下幾種方式：

1）同步訊息

訊息的傳送者把訊息傳遞給接收者，然後停止活動，等待訊息的接收者返回結果才會繼續進行下一個事務，與我們常說的同步呼叫類似。

注意：傳送人需要等待訊息的響應，用帶

實心箭頭

的實線表示。

2）非同步訊息

訊息的傳送者把訊息傳遞給接收者，然後繼續自己的活動，不會等待訊息的接收者返回結果才會繼續進行下一個事務，與我們常說的非同步呼叫類似。

注意：傳送人不需要等待訊息的響應，用帶

線型箭頭

的實線表示。

3）返回訊息

返回訊息表示接收方給傳送方返回結果，用帶線型箭頭的虛線表示。

4）自關聯訊息：

自身呼叫自身的方法，即該物件自身就能完成事務的處理，不需要依賴其他物件，例如資料庫物件自身校驗資料就會產生自關聯訊息。

03 時序圖案例分享

為了能讓大家更好的理解時序圖的繪製，我自己畫了個簡單的登入時序圖案例，整個邏輯就是使用者輸入賬號、密碼後前端登入頁面會進行校驗，校驗結束後會有對應的結果返回，若校驗透過就是呼叫後端的資料庫校驗資料的真實性，資料庫校驗階段也會有對應的結果返回，校驗通過後使用者就可以登入到系統的主介面了~

作者：產品修煉日誌，微信公眾號：產品修煉日誌

本文由 @產品修煉日誌 原創釋出於人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基於CC0協議。

該文觀點僅代表作者本人，人人都是產品經理平臺僅提供資訊儲存空間服務。