大學生的 UI 設計選修課（8）UI Flow 介面流程
從字義上來解釋 UI Flow 就是「介面的流程」，可以想像是「完成任務會經過多少頁面的過程」。有很多種表現形式，文字版 UI Flow 可以當成頁面目錄、圖片版 UI Flow 可以探討頁面操作。
Flow Chart 和 UI Flow
快一個月沒有發文了，忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow，越整理腦袋越像醬糊。就來聊聊 UI Flow 和 Flow Chart 吧。Flow 就是「流程」，UI Flow 是頁面流程，而 Flow Chart 是流程圖，兩者是完全不同的圖表。
心智圖簡易教學
昨天群裡聊到各種沒有設計流程又趕得要死的公司現況，我就在想，有沒有什麼辦法能在短時間內產出一份還像樣又不用教 PM 或企劃怎麼看的文件，且門坎低、人人好上手，又能當成開發依據。想來想去，大概是心智圖吧。
心智圖我覺得是整理和記錄腦中思考和推理邏輯的好方法，一層層演進的關係讓閱者可以快速理解為什麼會這樣分類歸納。就以設計來說，分析、歸納、找出秩序是最重要的事。
UI 設計師應該要會寫的文件
身為 UI 設計師，工作內容不是只有做 PSD 和切圖，只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力，文件最低限度需包含：企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。
工作清單：UI Flow
繼 工作清單：Functional Map 後，繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ，請參考 初學者的 UI Flow 這篇文。
初學者常犯的錯誤：忽視 UI Flow 的重要性
還沒畫 UI Flow 就開始設計？
這就像還沒規劃路線就開車上路，迷路是必然的！
UI Flow 能幫助理清使用者動線，讓介面更直覺。
文章分類
