如何畫頁(yè)面流程圖？
時(shí)間：2023-10-06 12:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-06 12:18:01 來源：網(wǎng)站運(yùn)營(yíng)
如何畫頁(yè)面流程圖？：
什么時(shí)是頁(yè)面流程圖做需求分析是為了明確目的，做功能設(shè)計(jì)是為了達(dá)到這種目的。業(yè)務(wù)流程圖是以業(yè)務(wù)邏輯視角描述怎么達(dá)到，而頁(yè)面流程圖是將業(yè)務(wù)邏輯轉(zhuǎn)化為頁(yè)面邏輯的流程圖。
為什么需要頁(yè)面流程圖？當(dāng)產(chǎn)品進(jìn)行詳細(xì)功能設(shè)計(jì)時(shí)，需要輸出產(chǎn)品原型設(shè)計(jì)。一般在畫產(chǎn)品原型時(shí)，需要有一個(gè)頁(yè)面流程大框架。目的是為了將業(yè)務(wù)邏輯轉(zhuǎn)化為頁(yè)面邏輯時(shí)，驗(yàn)證業(yè)務(wù)邏輯是否實(shí)現(xiàn)，異常邏輯是否有所處理。
如何畫頁(yè)面流程圖？某系統(tǒng)產(chǎn)品頁(yè)面流程圖（截取部分）上面一張是以前畫的頁(yè)面流程圖（截取部分），主要有以下幾個(gè)元素
- 用戶（誰來用？）：一般可分為訪客、個(gè)人用戶、企業(yè)用戶，也可在根據(jù)免費(fèi)、付費(fèi)等維度細(xì)分。比如上圖中企業(yè)擁有者、企業(yè)管理員、企業(yè)成員都屬于用戶。
- 邏輯流（入口起點(diǎn)）：從什么頁(yè)面進(jìn)來？通過什么操作流轉(zhuǎn)到下一個(gè)頁(yè)面？比如上圖中非企業(yè)邀請(qǐng)用戶注冊(cè)邏輯流、企業(yè)用戶注冊(cè)邏輯流。
- 頁(yè)面：設(shè)計(jì)到業(yè)務(wù)邏輯所需要的關(guān)鍵頁(yè)面都需要梳理出來。比如登錄頁(yè)面、注冊(cè)頁(yè)面等。
- 頁(yè)面功能：本次需求涉及到的頁(yè)面中的功能點(diǎn)。比如綠色框內(nèi)的功能。
- 頁(yè)面流轉(zhuǎn)：點(diǎn)擊菜單項(xiàng)或者使用某個(gè)功能時(shí)，跳轉(zhuǎn)到下一個(gè)頁(yè)面。注意是箭頭從具體某個(gè)功能，指向具體某個(gè)頁(yè)面。這樣好處是復(fù)雜頁(yè)面中，可以知道每個(gè)頁(yè)面指向哪一個(gè)具體頁(yè)面。
介紹完頁(yè)面元素后，相信你已經(jīng)知道頁(yè)面流程圖的畫法了。畫完之后可以在腦子里過一遍，主要看邏輯是否滿足業(yè)務(wù)邏輯，異常處理是否有遺漏。
結(jié)尾彩蛋此外分享畫頁(yè)面流程圖的一個(gè)思路，我一般是用axure畫頁(yè)面邏輯圖，這樣的好處是可以用超鏈接，直接指向各個(gè)頁(yè)面。需求評(píng)審、設(shè)計(jì)、開發(fā)、測(cè)試都能很方便的快速找到具體頁(yè)面。既起到了梳理頁(yè)面框架思路，也起到了頁(yè)面快捷搜索的作用。
操作思路如下：
其他干貨推薦：
如何做好產(chǎn)品功能點(diǎn)調(diào)研？
如何做產(chǎn)品功能點(diǎn)設(shè)計(jì)？
在線咨詢