知識分享，什么是設(shè)計流程圖？(2)

　　設(shè)計流程圖長得并不特別，跟全世界流程圖都差不多，也同樣是作為一種表達(dá)工具存在。區(qū)別只在于描述的對象和組成的內(nèi)容不一樣。設(shè)計流程圖的一大重點是面向表現(xiàn)層，也就是說，描述的是界面（或叫屏幕）的變化，是用戶看到的界面的行為流。什么行為呢，界面之間的跳轉(zhuǎn)邏輯，也就是導(dǎo)航邏輯。

　　導(dǎo)航是信息架構(gòu)的一部分（教科書把信息架構(gòu)劃分為組織、導(dǎo)航、標(biāo)簽、搜索四個系統(tǒng)），當(dāng)然是交互設(shè)計的重要一環(huán)，導(dǎo)航的設(shè)計思路就能用流程圖表達(dá)出來（或者也可以說用流程圖來輔助設(shè)計吧），這也是個人覺得設(shè)計流程圖的最重要運用。看下圖：

　　從圖中可以看出構(gòu)成：

　　a 界面。

　　一個矩形代表一個界面，這個流程中用戶走過兩個界面（登錄頁和首頁），因為表達(dá)的是界面的跳轉(zhuǎn)，界面是用戶實實在在接觸到的媒介，非界面的內(nèi)容，不要出現(xiàn)。

　　b 動作。

　　矩形之間也就是界面之間加上一個觸發(fā)動作，比如從界面A點擊下一步按鈕，到達(dá)界面B，“點擊下一步”就是連接這兩個界面的關(guān)鍵動作，需要標(biāo)示出來，上圖例子就是“單擊提交按鈕”。

　　c 條件。

　　一個動作之后可能有多種“是/否”的結(jié)果，則在矩形之間、動作之后加上一個或多個判斷菱形。如上圖的檢驗賬號密碼是否輸入正確。

二、注意什么?

1 堅持表達(dá)表現(xiàn)層。

　　不要一個流程圖里面，又有內(nèi)部算法邏輯，又有界面邏輯，下圖標(biāo)紅的矩形就是多余的，這個不關(guān)用戶的事情，會擾亂你的導(dǎo)航設(shè)計思路：

　　不要把步驟和界面本身都用矩形表示，比如下圖標(biāo)紅的矩形（況且你還不知道用戶填寫的順序呢，我先填密碼不行啊）：

2 拋棄系統(tǒng)錯誤。

　　什么是系統(tǒng)錯誤呢，也就是非用戶犯的錯誤，比如登錄的時候服務(wù)器當(dāng)了，網(wǎng)絡(luò)連接錯誤等導(dǎo)致登錄失敗。除非你特別想強調(diào)系統(tǒng)錯誤后的提示界面，否則建議不要加進(jìn)去流程圖里面，因為每一步操作都可能錯誤，你的流程圖會因此變得很龐大。如下圖：