站在程式設計師的角度談一下理解.

流程圖

可以幫助程式設計人員理清程式碼的實現和核心功能點.

同時也可以方便其他維護人員迅速理解程式碼的實現思路.

示例如下:

上圖是一個簡化版的獲取驗證碼流程圖

此圖幫助前,後端進行程式碼構建.也使非構建人員迅速理解業務邏輯.

所以我的建議是在專案的原型設計階段.利用流程圖定義核心業務邏輯.幫助開發理解需求的核心關鍵點.然後隨著專案進度的推進和業務需求的變化同步更新對應功能點流程圖.實現對業務邏輯的控制.

順序圖

橫軸為參與者,縱軸為時間線.其中矩形塊為各參與者對應的生命線.

用來使大家理解專案或業務的核心邏輯.達成共識.

狀態圖

描述狀態的切換.示例如下

此圖簡要的描述了使用者在登入和未登入狀態下.路由的限制和狀態切換條件.

狀態圖將業務的邏輯進行了分類.解釋業務的內在變化.對於不太好用流程圖描述的邏輯.

可以嘗試利用狀態圖描述.

1、一個是邏輯結構，一個是行為。例如要設計和停車場，邏輯結構是停車場的框架，重點在組成部分，流程更多應用於功能，是使用者進來停車涉及到的對應環節。 　　

2、邏輯圖主要是針對團隊內部的成員，主要介紹頁面層級關係以及頁面承載的內容； 　　

3、流程圖主要介紹使用者在主要使用場景下的操作流程，是從使用者角度去思考產品的。