流程圖

 

Flow Chart

流程圖

 

摘要 (Abstract)

用一系列的流程圖元件,視覺化的描述與表達使用者在人機互動過程中的行為流程與認知決策過程。流程圖同時也是讓設計師與工程師的溝通得以順利進行的一種好工具,流程圖主要用來說明某一過程。這種過程既可以是生產線上的工藝流程,也可以是完成一項任務必需的管理過程。

定義(Definition)

由兩個及以上的步驟,完成一個完整的行為的過程,可稱之為流程;流程圖的核心就在於如何排布事物進行的次序,不同的順序可能造成不同的結果。流程圖是一種透過一些簡單的圖形、線條及箭頭等符號用來表示解決問題的步驟及進行的順序;是演算法的一種表示方式。

不同圖形塊之間以箭頭相連,代表它們在系統內的流動方向,讓將瑣碎的事務整理、歸納,讓其他人可以一目了然,在分析、設計、記錄及操控許多領域的流程或程式都有廣泛應用,典型做法是用“是”或“否”的邏輯分支加以判斷。

一張流程圖能夠成為解釋某個零件的製造工序,甚至組織決策制定程式的方式之一,從這些符號本身的形狀,就可看出記載資料的媒體,使用機器的種類、處理的方法及工作程序等特殊意義;此外,在符號內也可以加入一些運算式或說明文字,增加它的可讀性。

流程圖的一些基本常用圖形介紹 :

http://acadeck.com/wp-content/uploads/2017/10/流程圖.jpg

步驟(Procedure)

Step1.

釐清事情進行的步驟與順序,並了解每一個動作的目的,確定繪製哪個流程的流程圖,以及什麼類型的流程圖。

Step2.

開始繪製流程圖之前先設定說明符號,通常第一個步驟和最後一個步驟,會用橢圓形的符號來代表”開始”與”結束”,讓人一眼就看出流程圖的頭跟尾;長方形則代表流程,而菱型則代表中間的步驟決策的節點,用箭頭做連接代表一個執行順序的方向(基本上箭頭方向朝下),另外若有流程需要說明含義的部分,則用虛線方框表示之。

http://acadeck.com/wp-content/uploads/2017/10/流程圖2.jpg

Step3. 識別階段

這個階段需要確認明確的流程設計或優化的具體目標、確認流程的起始點與終結點才能使方向明確、才能確認輸入和輸出以上四個步驟,並確定各個節點上訊息資料的輸入/輸出,才能知道需要引入什麼形式的文件資料。

Step4. 繪製階段

形成草圖(填寫相應文字標記)、修改核實(反覆征求各方的意見和反映及修改補充和完善)、加入說明(助於正確閱讀理解流程圖圖示的文字說明)、正式定稿。

案例(Case)

以下透過舉例1.說明流程圖的運用2.不同流程圖種類可以表達不同的重點方式便沒有照上述的使用步驟去寫。

案例一 以大陸的共享單車為例子

  • 若以最簡單的業務形態來展示使用摩拜單車,還是ofo單車業務流程圖:從橫向對比上發現基本上沒有太大區別。

    http://acadeck.com/wp-content/uploads/2017/10/流程圖3.jpg

  • 但摩拜和ofo兩款截然不同的單車,區別點到底在哪裡呢?下圖分別為ofo機械鎖單車使用流程圖和摩拜單車使用流程圖(APP標識代表用戶在APP上的操作),可以清楚地看到摩拜的流程比ofo的少了兩個節點,而這就是摩拜對比ofo第一代機械鎖的優勢。

http://acadeck.com/wp-content/uploads/2017/10/流程圖4.jpg

流程圖亦有區分為很多種類的功能以及用法,案例來源可參考此網站連結,有更精闢分析ofo的程序流程圖、機械鎖的程序流程圖以及摩拜單車的程序流程圖。


案例二 電燈不亮

Step.1

這是一個有關於解決電燈不亮的流程圖。

Step.2

根據所述的問題,從發生問題到解決問題規劃出五個起止符號,然後設計出三個決策判斷符號來表示對解決方案之判斷,並讓代表是與否的流程符號來表示決策問題進行的過程。

Step.3

燈泡不亮跟燈泡亮了分別為起始點和終結點,其中的判斷過程則是:檢查是否鬆開、燈泡是否損壞、問題是否解決,並以流程符號來表示對判斷過程的是或否。

Step.4

http://acadeck.com/wp-content/uploads/2017/10/流程圖-1.jpg


案例三 Ubike與Obike之註冊使用流程圖

http://acadeck.com/wp-content/uploads/2017/10/流程圖2-1.jpg

參考資料(Reference)

免費資源網路社群。[教學] 流程圖(Flow Chart)常用符號說明。

臻龍。全面解讀流程圖|附共享單車摩拜ofo案例分析。

Lucidchart。What is a Flowchart。

MBA智庫百科。流程圖。

黃履峰。流程圖說明。

從零開始:流程圖。iT邦幫忙

演算法的表示-流程圖

資料整理:2018 黃翊婷、2019 賴泓宇、2021廖翊晴

總編輯:羅歆慈

編輯與排版:李明容

分享 Acadeck 給更多人!