業(yè)務(wù)流程圖簡單的來說就是產(chǎn)品設(shè)計的過程文件媒至,類似于建筑圖紙顶别。是你產(chǎn)品的一個最初的樣板。產(chǎn)品設(shè)計說白了也就是流程設(shè)計拒啰。?
業(yè)務(wù)流程圖有什么用呢驯绎?在功能改進中,可以參照之前的業(yè)務(wù)流程圖谋旦,找改進點剩失;獨立功能設(shè)計中屈尼,靠單向業(yè)務(wù)流程圖,看用戶拴孤,信息的流向脾歧;獨立產(chǎn)品設(shè)計中,一般使用泳道圖乞巧,可以更好的處理更復(fù)雜的用戶涨椒,信息的交互。原型交互設(shè)計中绽媒,一般使用頁面流程圖蚕冬,規(guī)定頁面的交互方向。
這篇文章的頁面流程圖主要講的是前兩點:功能改進是辕,獨立功能設(shè)計囤热。
基本業(yè)務(wù)流程圖要包含什么?
1.事項:要完成的事情是什么
2.用戶:分別是那些人參與到流程中
3.信息:數(shù)據(jù)是怎么流轉(zhuǎn)的获三?
4.異常:出現(xiàn)異常了旁蔼,怎么處理?
5.輸入:這個地方輸入的是什么疙教?
6.輸出:這個地方輸出的是什么棺聊?
7.標(biāo)準(zhǔn)化:異常,用戶行為等形狀要一樣
下面我們看一個例子贞谓。
上面這個例子就假設(shè)是一個設(shè)計的流程限佩,那么根據(jù)這個流程我們產(chǎn)生了如下的流程圖:
可以看到這個流程圖中首先是:
用戶:boss,你裸弦,Vicky祟同,總經(jīng)理
事項:把信交給總經(jīng)理
信息的流程:可以看到首先是boss把信給你,然后你給Vicky理疙,Vicky再給總經(jīng)理這樣一個順序
異常:出現(xiàn)了異常晕城,總經(jīng)理不在要怎么處理
輸入輸出:boss輸入的是什么,你輸入的是什么又輸出的是什么
標(biāo)準(zhǔn)化:異常使用菱形來表示的窖贤,那么這張圖中只要是出現(xiàn)了異常都應(yīng)該用菱形來表示砖顷。 ?? 正常步驟也是同理 ? ? ? ?? 。
以這個例子為例赃梧,可以看到一個標(biāo)準(zhǔn)的流程圖大概是什么樣子的滤蝠。?
那么畫流程圖有下面呢這些工具:
axure:比較常見,直接畫流程特別好槽奕,畫完流程原型也跟進了
Visio:比較專業(yè)
gliffy diagrams:Chrome的插件几睛,畫風(fēng)比較粗礦
process on:在線,可以團隊協(xié)作粤攒,風(fēng)格也比較簡單所森,適合小白