集回饋，再評估如何修改原型的步驟，此過程即稱為Iterative Design Process。在 過程中原型是不可或缺的要件，必須根據收集到的使用者回饋，快速地設計與修 改原型，才能加快Iterative Design Process 的循環。因此，本研究決定從改善原 型設計的體驗開始。
因此，本研究提出「Xketch」，一個加速 Iterative Design Process 各階段循 環的線稿式原型設計工具，並分別協助原型設計（Prototyping）、測試（Testing）
與分析（Analyzing）三個階段的發展。其核心價值在於：讓設計師能維持線稿 式設計的習慣，但能降低生成元件的複雜度與時間，並透過容易編輯的屬性與轉 換頁面設定，可以快速地製作出互動式原型；其次，可將專案匯出給不同的行動 裝置進行測試並提供良好的互動體驗，同時記錄受測者的操作行為與聲音並上傳
‧
使用者介面設計規範（HIG, Human-Interface Guideline）對元件生成的限制與關 聯性，預先將元件類型進行分類，並搭配設計師對元件認知的筆畫指令；筆畫指 令所繪製的位置（Position）與外框尺寸（Bounding Size）將決定元件生成的位 置與大小，並透過屬性（Property）、行為（Action）、類型（Type）列表設定‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 28 Sketching Interface 示意圖（本研究整理）
3.1.2 原型測試階段
當專案設計完成之後可以在iPad 上直接測試原型，亦或者是匯出至手機上 測試；設計師也可在設計完一個頁面後直接模擬該頁面，不一定要等到專案完成 才能模擬，以幫助設計師確認對元件的操作想像。然而，為了因應不同時期對原 型的樣式需求，Xketch 可以在專案設定中選擇元件樣式是 Wireframe 或 Realistic
（圖29），讓設計師可以快速切換原型樣式進行使用者測試。當使用者在手機 上使用原型時，手機將會同步記錄使用者的操作行為並且錄音，測試完畢後會將 資料上傳至雲端與專案同步，作為後續分析階段的參考。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 29 切換元件樣式的示意圖（本研究整理）
3.1.3 資料分析階段
一般而言，當使用者測試階段結束後，團隊會根據觀察者的紙本筆記與拍攝 的影像做進一步的討論與分析，但是要將紙本筆記與影像連結起來往往會耗費許 多時間，也不是很方便與原型的版本控制進行整合。然而，本研究希望透過Xketch 除了可以設計原型、測試，也希望能幫助到整合記錄的部分。因此，Xketch 將 透過時間軸的方式依序重現受測者的操作行為與聲音，並提供一個團隊討論的平 台，可以針對不同版號的原型與使用者操作行為進行研究，讓每一位團隊成員都 能表達看法進行討論，創造更好的團隊合作體驗。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 30 選擇原型版本並重現某位受測者的操作資訊進行觀察與討論（本研究整理）
圖 31 記錄區的功能說明圖（本研究整理）