1.1 研究背景與動機
1.1.1 Iterative Design Process（迭代設計）
1.1.1
Iterative Design Process（迭代設計）人機介面（Human Computer Interface）是一門探討系統與使用者之間互動關 係的學問，而Iterative Design 經常用於人機介面的可用性評估。主要由原型設計
（Prototyping）、測試（Testing）與資料分析（Analyzing）三階段所構成。由於 在App 設計的初期無法確認真正的使用族群與需求，透過 Iterative Design 可以 逐步確認目標的使用族群與需求。舉例來說，在App 的開發初期，設計師會利
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
用紙筆繪製草稿並製作成紙面原型（Paper Prototype），再拿給目標族群的使用 者測試與觀察，測試完畢之後會根據使用者回饋修正原型，以製作下一版本的原 型再進行測試，這樣反覆進行的循環稱為Iterative Design Process（圖 1）。透過 這樣的循環可使App 的設計更貼近使用者的需求，並創造較好的使用者體驗。
Gould 的研究中也表示 Iterative Design 對於使用者介面設計是相當重要的，透過 建立原型後進行測試，並評估回饋要如何改善原型，然後重複幾次這個過程以驗 證不同的想法(Gould & Lewis, 1985)。
圖 1 Iterative Design Process 的循環示意圖（本研究整理）
原型設計階段（
Prototyping Stage）
在開始設計App 前會先蒐集相關資訊與思考應具備的功能，再製作不同版 本的原型以驗證設計的構想，讓設計架構愈來愈清楚（圖2）。原型可以是用書 面或軟體所繪製而成的故事板（Storyboard），也是一個讓使用者可以想像互動 情境的雛形產品，並從真實環境中取得某些洞見（Insight）以發掘更多的需求；
原型可以測試設計構想的技術可行性與確認一些模糊的需求，進行反覆的測試與 以評估設計的方向是否與發展中的系統相符，而這些目的都可能會影響到原型製
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
作的方式，並可分為低擬真（Low-fidelity, Lo-fi）與高擬真（High-fidelity, Hi-fi）
兩個類型。
圖 2 原型的流程（本研究整理）
Lo-fi 原型的特點是容易將一些高階設計理念快速轉換成有形且可檢驗的雛 形產品(Egger, 2000)。Snyder 的研究中指出最常見的 Lo-fi 原型即是紙面原型：
在使用者測試時透過草圖介面模擬真實操作行為；並由一個人擔任電腦的角色，
負責控制草圖變換的時機與樣式，但並不會向使用者解釋介面是如何運作的 (Carolyn Snyder, 2003)。Lo-fi 原型的目的在於快速驗證不同的設計概念與使用流 程，但缺乏了真實的互動體驗。
圖 3 Lo-fi 原型的示意圖與測試操作情境 資料來源：https://flic.kr/p/bBKX5b
‧
地被製造，而是以呈現最接近產品真實樣貌的原型為目的(Rudd, Stern, & Isensee, 1996)。通常是使用擬真的介面配合上能實際操作的互動功能的原型，舉凡如 Flash、Photoshop、HTML、PowerPoint⋯⋯等都是常見的 Hi-fi 原型製作工具；近年來在行動平台上也有許多的輔助工具（本研究將於第二章的文獻與案例探討
‧
原型測試階段（Testing Stage）
圖 4 紙面原型測試的人員配置圖 資料來源：Rettig, 1994
進行紙面原型的測試時，通常需要一檯攝影機負責記錄受測者的操作過程與
‧
資料分析階段（
Analyzing Stage）
原型測試完畢後，要如何整合記錄的聲音、影像與觀察者的筆記是一項相當 繁瑣的事情。舉例來說，如果要還原受測記錄中某一段的操作行為與聲音時，必 須要先找到該位受測者的影像與對照的筆記；若沒有一致的管道彙整這些不同來 源的資料時，對於團隊在事後分析與討論可能會造成額外的負擔。此外，設計師 未必是負責測試的人員之一，若是這些資料沒有經過有系統地整合與分析，設計
‧
做出互動式原型；有些設計師則會利用Photoshop 或 illustrator 之類的繪圖軟體 將紙面原型數位化後，切好圖檔交給工程師製作可以在實機上使用的互動式原 型。