流程圖是流經一個系統的信息流、觀點流或部件流的圖形代表。在企業中，流程圖主要用來說明某一過程。這種過程既可以是生產線上的工藝流程，也可以是完成一項任務必需的管理過程。
例如，一張流程圖能夠成為解釋某個零件的製造工序，甚至組織決策制定程式的方式之一。這些過程的各個階段均用圖形塊表示，不同圖形塊之間以箭頭相連，代表它們在系統內的流動方向。下一步何去何從，要取決於上一步的結果，典型做法是用“是”或“否”的邏輯分支加以判斷。
流程圖是揭示和掌握封閉系統運動狀況的有效方式。作為診斷工具，它能夠輔助決策制定，讓管理者清楚地知道，問題可能出在什麼地方，從而確定出可供選擇的行動方案。- MBA智庫百科
什麼是流程圖？
流程圖是一種將流程視覺化的圖表，UI 設計師應用這個工具進行：整理思緒、團隊溝通、檢核項目、確認功能、調整順序…等工作。
當我們想找同學去便利商店買午餐，在整個行為過程中，我們會遇到一些需要討論、選擇、確認、約定的事情，例如：
- 在幾點集合？
- 從哪裡出發？
- 用哪種交通工具？
- 中途會經過哪些地點？
- 想買咖哩飯還是飯糰？
- 在哪裡用餐？
- 要再約晚餐嗎？
- 在哪裡解散 Bye Bye？
- 回家後需要通知同學嗎？
如果我們先列出各個點，經過互相討論，彼此有共識，將以上每個「點」串連成一條合理的「線」，最後利用圖面核對溝通，很有可能會降低過程中的風險、優化體驗品質：在約定的時間到達、在正確的地點集合、走最短最輕鬆的路線、買到想吃的食物、愉快地在燈光美氣氛佳的環境用餐，愉快地說掰掰，並約好下一次活動，對嗎？
我們也可以亂槍打鳥，不要先計畫、不要先討論、不要先確認，不要先約定；我好奇這種用餐體驗，可能會是「順利」還是「混亂」呢？
為什麼要使用流程圖？
建立共識
一般人在思考事物時，通常腦海中的念頭並不會是線性、有系統的，比較多是東跳一個西跳一個。流程圖對於入門者來說，是可以整理思緒、與其他人溝通，我們可以利用擅長的繪圖技巧，將腦中散亂的念頭，漂亮的整理為有清楚次序、可彼此溝通的圖面。
團隊協作
或許你也曾跟其他同學協作，是不是經常在對話溝通裡雞同鴨講，這可能是因為我們少講某個重點，或是聽的人閃神多幻想了一句，整個計畫就因為這些小小的失誤，使原本簡單的事情變得複雜困難（是有多慘痛的經驗？）。流程圖此時也可以作為備忘錄、筆記本，讓工具幫助我們得到更順利美好的協作經驗。
提高效率
相較於製作精美色稿，流程圖只需要少少的框、線、色彩，就可以完整呈現整體架構、流程、頁面、功能…。這類工具介面設計，大多也是為滿足企劃工作者的需求；比起專業繪圖軟體，流程圖繪圖軟體相對單純、易操作，也可以從這特點回推，業界普遍要求流程圖階段是快、狠、準。
給入門者的建議
剛開始接觸流程圖時，通常會需要一些時間與練習，逐步地熟悉工具，也會需要經驗來精簡文字描述。這些情況都是正常的，我在學習時，也經歷過相同過程。
我們不需要嚴厲強求自己一步到位；請先放鬆心情，想一下你正在處理的課題，看看別人怎麼做，或是找一些案例資料佐證。接下來開始紀錄所有想到的 idea。覺得 idea 差不多絞光了，再按照順序串接這些 idea；沒用到的 idea 可以先移到畫布角落，或是開一個備份檔。
在進行團隊討論前，先為自己的心情打個預防針，我遇到多數情況下，他人看到第一版後，會產生很多不同的回饋意見，這情況是非常正常的。可能有些意見是我們沒有思考到的，有些是來自其他人的獨特經驗，也可能有些是有偏見或偏執。這時我們不用急著爭論對與錯、好與壞，我們可以再找找案例資料，再次進行驗證比較。
透過一次次的練習工具後，慢慢就會快、狠、準。建議在學習過程中，完全不用雕琢藝術性的完美境界。堅持完美控個性的同學，可以到最後閒閒沒事做，或是整理作品集時，再追求完美漂亮。
流程圖在 UI 設計扮演重要角色嗎？
設計是種科學，介面設計更是邏輯＋科學，不能像藝術家思考一樣隨心所欲，問「為什麼這樣做」時說出「因為我喜歡」這種不科學的答案會被打槍、馬上被人發現其實你根本沒有動腦筋思考前因後果和為什麼、以及是隻菜鳥。起碼要是「因為功能 xxx 和 xxx 有關聯，將類似功能歸類在一起可以加強使用者對這個操作區塊的認知」或是「把最主要和常用的功能放到首頁能加快使用者的操作速度」這種有憑有據的說詞，也比較不會被反駁。- 嫁給 RD 的 UI Designer
大多數擁有美術、設計的 UI 設計入門者，一開始拿到需求時，通常都會直覺、本能、反射動作，先打開 PS 動手製作漂亮的畫面。無庸置疑地，漂亮畫面是所有設計師一致的目標。
在 UI 設計領域中，設計師除了製作漂亮的畫面，會更講求如何設置動線引導使用者完成任務、了解使用者心理與操作習慣、適時適當利用視、聽、觸覺的輸入與反饋設計、防呆、降低操作錯誤的挫敗感、協助使用者避免錯誤。
在 UI 設計開始的規劃時期，一份完整清晰的流程圖，會比一張漂亮的畫面，更能幫助設計師、團隊夥伴，一起釐清各項環節、功能、需求，確保產品以合理、順暢、正確的操作步驟進行，同時也盤點所有需要製作的畫面、功能、程式。因此我們換個設計師比較能接受的想法，我們一樣是要畫圖，這畫的主題是一份可驗證、可討論、可操作試用的點線面構成圖。
誰需要做流程圖？
- 正在上這門課的同學
- 想要成為專業 UI / UX 設計師的同學
- 想要從事企劃師、管理經營者的同學
- 對於以後想當插畫家、遊戲設計師的同學，或許也能流程圖概念中，獲得用構圖動線說故事的能力
畫流程圖的心法？
- 簡明扼要
- 點 ☐ 線 → 驗 ✓
哪些工具可以製作流程圖？
我猜所有文書繪圖軟體 可能 都可以用來畫流程圖。
建議入門者先利用免費工具 Google Drawing 練習，優點：
- 功能較單純，不會太可怕
- 跨平台、跨裝置、易分享、易修改
- 周圍軟體生態系支援佳
- 免費
或是先用自己熟練的繪圖軟體，例如 AI, PSD
未來有需要時再考慮專業 / 付費的 AXURE 或其他 APP。
製作過程
- 申請一組 Gmail 帳號
- 登入 Gmail 帳號後，打開文件，插入繪圖
- 按照座位編號，在編號下增加繪圖
