本節學習目標

  • 認識什麼是流程圖
  • 如何輸出流程圖
流程圖
認識什麼是流程圖

流程圖是將使用者在使用服務、軟體時,會碰到的流程以圖像化的方式呈現,方便規劃使用者在整體的使用經驗。各形狀代表在操作上的不同含義,如圓角矩形代表起點與終點、矩形為動作、菱形為決策等。

連接圖示
連接流程
如何製作流程圖
  1. 將物件庫切換至流程(Flow)類別,就可以將圖形拉至繪圖區。
  2. 雙點擊圖形可以編輯圖形內文字,大小、顏色等樣式;要連結圖形,在左上角功能列中按下連結(Connect)進入到連結模式,圖形周圍有連結點,點下連結點並連結至另一個圖形。連結圖形完畢後,即可在右上角關閉連結模式。
輸出成圖片
如何輸出流程圖

輸出流程圖的方式有兩種

 

  1. 在檔案(File)中找到輸出為影像檔(Export to image),將現在正在使用的頁面轉換成影像檔。
  2. 圈選並複製貼至文書處理軟體,再另外修改即可。

無需撰寫任何程式碼

製作逼真、實用的 UX 原型從未如此簡單。