Akane老師UI 入門課程筆記：Flow Chart、UI Flow

Flow Chart 流程圖

是指使用者使用產品時，它的每一步操作會遇到什麼結果、系統會如何回饋，等等。需要關注使用者如何操作、頁面如何回饋，從而引導使用者完成使用者目標。

用途：

• 完成某個任務操作流程。
• 預先構想各種狀態和可能的操作。
• 考慮觸發回饋、回饋、迴圈和模式、規則。

Flow Chart 的組成

課堂練習：

「新增一個鬧鐘」的操作流程。

UI Flow 頁面流程圖

課堂上老師教的是文字版 UI Flow，大概就像是目錄，所以是由方塊、連接線、文案、編號而組成。

更詳細的可以參閱 akane 的文章 : 初學者的 UI Flow

用途：

• 安排功能在頁面之間的操作動線。
• 瞭解使用者要經過多少頁面才能完成一個操作任務。

課堂練習：

依據前面規劃的鬧鐘 app，Functional Map 和 Flow chart 內容，畫出 UI Flow

接著看下一篇 >>

Akane老師 UI 入門課程筆記(下)Wireframe、Mockup、Prototype