產品技能提升之時序圖

8 評論 10982 瀏覽 161 收藏 6 分鐘

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

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

01 初識時序圖

時序圖是UML交互圖中的一類,又名序列圖、順序圖。我們一般通過繪制時序圖來描述對象之間消息傳遞的時間順序(包括發送消息、接收消息、處理消息、返回消息等)。

產品技能提升之時序圖

圖片來源于網絡

02 時序圖組成元素

1. 對象

時序圖中的對象指人機交互的各個角色,例如我們繪制登錄的時序圖,那么對象有用戶、登錄界面、后臺數據庫(或user表)、系統主界面等,對象元素一般使用矩形表示。

產品技能提升之時序圖

2. 生命線

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

產品技能提升之時序圖

3. 消息

兩個對象之間的消息傳遞,一般用箭頭表示消息,箭頭的指向是從發送方指向接收方。

消息的傳遞一般有以下幾種方式:

1)同步消息

消息的發送者把消息傳遞給接收者,然后停止活動,等待消息的接收者返回結果才會繼續進行下一個事務,與我們常說的同步調用類似。

注意:發送人需要等待消息的響應,用帶實心箭頭的實線表示。

產品技能提升之時序圖

2)異步消息

消息的發送者把消息傳遞給接收者,然后繼續自己的活動,不會等待消息的接收者返回結果才會繼續進行下一個事務,與我們常說的異步調用類似。

注意:發送人不需要等待消息的響應,用帶線型箭頭的實線表示。

產品技能提升之時序圖

3)返回消息

返回消息表示接收方給發送方返回結果,用帶線型箭頭的虛線表示。

產品技能提升之時序圖

4)自關聯消息:

自身調用自身的方法,即該對象自身就能完成事務的處理,不需要依賴其他對象,例如數據庫對象自身校驗數據就會產生自關聯消息。

產品技能提升之時序圖

03 時序圖案例分享

為了能讓大家更好的理解時序圖的繪制,我自己畫了個簡單的登錄時序圖案例,整個邏輯就是用戶輸入賬號、密碼后前端登錄頁面會進行校驗,校驗結束后會有對應的結果返回,若校驗通過就是調用后端的數據庫校驗數據的真實性,數據庫校驗階段也會有對應的結果返回,校驗通過后用戶就可以登錄到系統的主界面了~

產品技能提升之時序圖

作者:產品修煉日志,微信公眾號:產品修煉日志

本文由 @產品修煉日志 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有點疑問:錯誤的返回也應該到主界面,而不是用戶

    來自北京 回復
  2. mark一下

    來自安徽 回復
  3. 請問使用什么軟件畫的,謝謝

    來自廣東 回復
  4. 歡迎大家評論指點

    來自浙江 回復
    1. 不敢

      來自廣東 回復
    2. 見笑了

      來自浙江 回復
    3. 干貨很滿,期待下一篇

      來自湖北 回復
    4. 感謝支持!平臺發文,很多審核難以通過(有類似內容或者分析稍淺),感興趣的話可以關注我的公眾號【產品修煉日志】,里面的文章更加全面

      來自浙江 回復