簡介

一般而言，會在產生雛型之前先進行流程設計。

• 流程設計可以從Customer Journey Map開始

  • 首先，根據現有的Customer Journey Map去思考理想中的Customer Journey Map
  • 接下來從Customer Journey Map中使用者與接觸點的互動開始思考，會先產生一個流程圖(Flow Chart)。流程圖會畫出每一個互動(以四方形表示)之間的關係，有時候，會因為情境/條件(以菱形表示)會有不同的流程。

  

  • 接下來每一個互動就可能會對應到一到多個使用者介面，接下來就可以利用UI flow，去設計畫面與畫面之間的流程關係。

流程設計也可使用結構化腳本法或user story mapping先以文字方式思考、整理流程，也可以利用service blueprint，將touch point對應的服務流程視覺化。

練習

• 從現有的Customer Journey Map思考理想中的Customer Journey Map
  • 思考如何解決痛點或提供使用者尚未滿足的獲益
• 從Customer Journey Map整理使用者的所有接觸點，並產生初步的流程圖
• 開始思考初步流程圖的每個步驟的細節
  • 思考每個步驟所需要輸入、輸出的資料，這些就是資訊系統畫面設計的基礎
  • 根據這些細節利用Figma設計UI以及UI Flow

參考資料

流程圖

• 怎麼規劃一份 USER FLOW DIAGRAM
• 先別急著畫UI，你聽過Flow Chart嗎

UI flow

UI flow一般而言就是從使用者介面開始思考介面與介面之間的關係

• 大學生的 UI 設計選修課（8）UI Flow 介面流程

結構化腳本法

• 價值腳本 (Value Scenario)
  • 根據使用者的特性思考使用者的本質慾望，根據本質慾望列出
    • 價值與情境 (想解決的問題或想獲得的價值)
  • 根據使用者的特性思考使用者的本質慾望相當重要，不要忽略這個步驟，而直接跳進解決方案，否則很容易設計出使用者不需要的功能
• 行動腳本 (Activity Scenario)
  • 根據價值腳本中的使用者目標列出情境，根據其中比較相近的情境列出
    • 行動腳本以及相對的任務
  • 如果因為公司並沒有進行使用者調查，無法從價值腳本開始，也可以先從行動腳本開始，避免一開始就去思考系統的功能，而是從使用者相關的行動開始思考
• 操作腳本 (Interaction Scenario)
  • 根據使用者的目標列出任務，根據任務，思考使用者與系統的互動
    • 操作腳本
  • 這時候，才會具體的描述使用者與系統的互動
• UX學習系列(五) UX到底是什麼？「結構化腳本」，用來連結人物誌與操作畫面的好工具