Please use this identifier to cite or link to this item:

Title: 基於 Xketch 原型工具快速開發單頁互動模式之研究
A study of creating single-page interactive prototype with Xketch app
Authors: 張智雅
Chang, Chih-Ya
Contributors: 余能豪

Yu, Neng-Hao
Chen, Yi-Hsiu

Chang, Chih-Ya
Keywords: 行動應用程式
Mobile application
Single-page interaction
Date: 2018
Issue Date: 2019-09-05 17:26:24 (UTC+8)
Abstract:   單頁互動在行動介面中是一種常見的手法,為求有效地運用有限的空間,次要功能及資訊會待至使用時機才顯現,採用單頁互動同時可見背景內容,一來有助於使用者掌握當前位置,二來操作結束後即回到當前內容繼續原先操作,因不中斷原先操作而帶來連貫的使用體驗。


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.
Reference: 網路資源
Google Material Desing. (2018) from
iOS Human Interface Guidelines. (2018) from

池田拓司. (2013). 智慧手機 App UI・UX 設計鐵則: 旗標出版股份有限公司.
利淑惠. (2017). Xketch+以線稿式原型設計工具加速行動應用程式之設計流程. (碩士), 國立政治大學, 台北市.
徐嘉駿. (2015). Xketch-線稿式原型設計工具於行動應用開發之研究. (碩士). 國立政治大學, 台北市.
陳信慈. (2010). 互動感知體驗設計之健康照護提醒裝置. 政治大學數位內容碩士學位學程學位論文, 1-149.
彭其捷, & 楊淑涵. (2013). 那些 APP 好用的祕密: 黏住使用者的魅力 &UX 好感度設計: PG21352: 博碩文化股份有限公司.
劉又嘉. (2012). 探討 iPad 的使用者介面元件之使用性評估. 清華大學工業工程與工程管理學系學位論文, 1-76.

Coyette, A., Faulkner, S., Kolp, M., Limbourg, Q., & Vanderdonckt, J. (2004). SketchiXML: towards a multi-agent design tool for sketching user interfaces based on USIXML. Paper presented at the Proceedings of the 3rd annual conference on Task models and diagrams.
Herbsleb, J. D., & Kuwana, E. (1993). Preserving knowledge in design projects: What designers need to know. Paper presented at the Proceedings of the INTERACT'93 and CHI'93 conference on Human factors in computing systems.
Hermes, D. (2015). Navigation. In Xamarin Mobile Application Development (pp. 217-296): Springer.
Landay, J. A., & Myers, B. A. (1995). Interactive sketching for the early stages of user interface design. Paper presented at the Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, Denver, Colorado, USA.
Neil, T. (2014). Mobile design pattern gallery: UI patterns for smartphone apps: " O'Reilly Media, Inc.".
Newman, M. W., Lin, J., Hong, J. I., & Landay, J. A. (2003). DENIM: An informal web site design tool inspired by observations of practice. Human-Computer Interaction, 18(3), 259-324.
Sauro, J., & Lewis, J. R. (2016). Quantifying the user experience: Practical statistics for user research: Morgan Kaufmann.
Vin, #237, Segura, c. C. V. B., Barbosa, S. D. J., Sim, F. P., #245, & es. (2012). UISKEI: a sketch-based prototyping tool for defining and evaluating user interface behavior. Paper presented at the Proceedings of the International Working Conference on Advanced Visual Interfaces, Capri Island, Italy.
Walker, M., Takayama, L., & Landay, J. A. (2002). High-fidelity or low-fidelity, paper or computer? Choosing attributes when testing web prototypes. Paper presented at the Proceedings of the human factors and ergonomics society annual meeting.
Description: 碩士
Source URI:
Data Type: thesis
Appears in Collections:[數位內容碩士學位學程] 學位論文
[數位內容與科技學士學位學程] 學位論文

Files in This Item:

File SizeFormat
201201.pdf26927KbAdobe PDF292View/Open

All items in 學術集成 are protected by copyright, with all rights reserved.

社群 sharing