基於 Xketch 原型工具快速開發單頁互動模式之研究

單頁互動在行動介面中是一種常見的手法，為求有效地運用有限的空間，次要功能及資訊會待至使用時機才顯現，採用單頁互動同時可見背景內容，一來有助於使用者掌握當前位置，二來操作結束後即回到當前內容繼續原先操作，因不中斷原先操作而帶來連貫的使用體驗。　　在行動應用程式App開發時相當注重使用者體驗，利用原型收集使用者回饋是常見的作法，然而，市面上常見的原型工具卻未能以有效率的方式製作單頁互動。故本研究簡化單頁互動在原型上的製作步驟，預期加速原型生成，並設計適用於單頁互動的流程圖，在線稿式原型工具Xketch上實作。　　經受測者評估後，認為此研究設計的方法在製作「連續產生的單頁互動」上有不錯的表現，流程圖的呈現方式也能幫助受測者掌握整體設計。最後，本研究將分析受測者的操作記錄、問卷、訪談回饋，總結Xketch的實驗結果與討論，探討在原型工具上設計單頁互動的未來發展與改善方向。

關鍵字

行動應用程式；單頁互動；原型製作；開發工具；線稿式設計

並列摘要

In order to use limited display space efficiently, single-page interaction is widely used in the mobile application. In single-page interaction, the minor functions and information won’t be displayed until the necessary timing for operation. And the background of single-page interaction is transparent for the reason that the user can still perceive the previous stage and proceed the operations at the previous stage immediately once the single-page interaction ends. Thus, the user experience can be continuous. The user experience is very important while developing a mobile application, thus using prototypes to collect the user’s feedback is a common method. However, there’s no suitable developing kit to build prototypes with single-page interactions easily and efficiently. In this circumstance, the simplified developing methods of single-page interaction are discussed in this study to simplify the flowcharts of single-page interaction designing and reduce the developing time of prototypes with single-page interaction and implement it in Xketch. According to the experimental subjects, the method of single-page interaction in this study is easy to learn and can generate single-page interaction continuously with high efficiency. And the flowchart presentation conduces overall design management for the experimental subjects. Overall, all the operation behaviors of experimental subjects and the test results in Xketch will be discussed and analyzed in this study to improve the single-page interaction design methods in prototype development.