1. 業(yè)務(wù)流程圖

業(yè)務(wù)流程圖是一種圖形化表示業(yè)務(wù)流程的工具，用于描述一項業(yè)務(wù)活動的流程和步驟。

它通常用流程圖的形式展示，包括各種符號和箭頭，用于描述不同步驟之間的關(guān)系和流向。業(yè)務(wù)流程圖可以幫助人們更好地理解和分析業(yè)務(wù)流程，識別和解決問題，并優(yōu)化流程以提高效率和質(zhì)量。這里我們通過外賣訂單系統(tǒng)業(yè)務(wù)流程進行展示：客戶、平臺、商家和外賣小哥四方共同搭建了這個業(yè)務(wù)流程，共同完成了產(chǎn)品的輸出。

2. 功能流程圖

功能流程圖常用來描述各種任務(wù)、操作、流程和決策之間的關(guān)系。

它通常由多個步驟和決策節(jié)點組成，每個節(jié)點都表示一種操作或判斷，并且用箭頭表示節(jié)點之間的流程。其中功能流程圖的核心內(nèi)容有下面三點：

①功能流程圖從用戶視角展示了用戶如何使用產(chǎn)品的過程。

②功能流程圖展現(xiàn)用戶的選擇以及他們將會選擇的路徑。

③功能流程圖展現(xiàn)了基于用戶選擇的狀態(tài)、頁面、視圖和內(nèi)容。

3. 頁面流程圖

頁面流程圖用于描述網(wǎng)站或應(yīng)用程序中的頁面之間的導(dǎo)航和交互流程。

它通常包括頁面之間的鏈接、按鈕和表單，并顯示用戶可以在每個頁面上執(zhí)行的操作。頁面流程圖可以幫助設(shè)計師和開發(fā)人員可視化整個應(yīng)用程序或網(wǎng)站的結(jié)構(gòu)和流程，并更好地理解用戶的體驗。

4. 線框圖(原型)

線框圖是一種簡化的圖形表示方法，用于顯示數(shù)字產(chǎn)品、網(wǎng)站、用戶界面和交互元素。

它通常使用簡單的線條、形狀和文本來描繪數(shù)字產(chǎn)品的結(jié)構(gòu)和布局，不包括任何顏色、紋理、字體或圖像等設(shè)計元素。線框圖被用來幫助設(shè)計師、開發(fā)者和利益相關(guān)者更好地理解數(shù)字產(chǎn)品的結(jié)構(gòu)、功能和布局，還可以用來進行用戶測試和反饋。

線框圖作為一種常見的產(chǎn)品呈現(xiàn)方式，產(chǎn)品經(jīng)理通常使用紙筆來表達自己的想法。具體內(nèi)容一般包括以下三點：

①內(nèi)容大綱：這個產(chǎn)品包含什么內(nèi)容?

②信息結(jié)構(gòu)布局：這個產(chǎn)品的內(nèi)容怎么放?

③用戶交互界面：這個產(chǎn)品的用戶怎么操作?