Please use this identifier to cite or link to this item: https://ah.lib.nccu.edu.tw/handle/140.119/116795
題名: Xketch+以線稿式原型設計工具加速 行動應用程式之設計流程
Xketch+: Accelerating Mobile App Design Process by Using a Sketch-Based Prototyping Tool
作者: 利淑惠
Li, Shu-Hui
貢獻者: 余能豪<br>陳百齡
Yu, Neng-Hao<br>Chen, Pai-Lin
利淑惠
Li, Shu-Hui
關鍵詞: 行動應用程式
原型製作
開發工具
線稿式設計
迭代設計
介面設計模式
使用者經驗
Mobile app
Prototyping
Toolkits
Sketch-Based
Iterative design process
UI pattern
User experience
日期: 2017
上傳時間: 9-Apr-2018
摘要: 使用者體驗在行動應用 app 開發中扮演相當重要的角色。欲達到較佳的使 用者體驗,設計師常利用原型進行測試以收集使用者回饋,並根據回饋改善原 型再進行多次測試,反覆更迭的過程稱之為迭代設計。本創作分析整理迭代設 計流程中設計師常用之工具,發現從低擬真至高擬真之原型發展階段雖有不同 的工具,卻需要設計師花費許多時間在軟體操作上,無法讓設計師流暢且快速 地將腦中思考的設計繪製為數位版本,再者,各階段所使用之工具彼此並不相 容,設計師也需耗費額外的成本轉換各階段的產出。\n本創作提出一套提升原型建置速度,促進迭代過程的線稿式原型設計 工具「Xketch+」。在原型設計階段,設計師可利用紙面原型的繪製經驗,以繪 製筆劃指令生成元件並設定頁面、元件間的互動行為。此外,本創作導入行動 介面設計模式,設計師能利用已具備共識的之介面設計模式做為範本,進行自 定義修改,滿足設計任務,快速完成原型製作,儘早進入測試及修正的流程, 提升原型迭代速度,設計出更符合使用者需求的行動應用程式。
參考文獻: Alexander, C. (1978). The timeless way of building (24th ed.). New York: Oxford University Press, USA.\nappShopper. (2015a). IPad apps, iPhone apps, deals and discovery at app shopper - popular recent changes for iOS/. Retrieved October 21, 2016, from http://appshopper.com/\nappShopper. (2015b). IPad apps, iPhone apps, deals and discovery at app shopper - popular recent changes for iOS/. Retrieved November 9, 2016, from http://appshopper.com/\nAriel. (2015, January 13). App Stores growth accelerates in 2014. Retrieved October 21, 2016, from http://blog.appfigures.com/app-stores-growth-accelerates-in-2014/\nBank, C., & Zuberi, W. (2014). Mobile UI Design Patterns. UXPin.\nCerejo, L. (2010, June 16). Design better and faster with rapid Prototyping – smashing magazine. Retrieved September 30, 2016, from smashin gmagazine, https://www.smashingmagazine.com/2010/06/design-better-faster-with-rapid-prototyping/\nEngelberg, D., & Seffah, A. (2002). A framework for rapid mid-fidelity Prototyping of web sites. In Usability (pp. 203–215). doi:10.1007/978-0-387-35610-5_14\nLanday, J. A., & Myers, B. A. (1995). Interactive sketching for the early stages of user interface design. Proceedings of the SIGCHI conference on Human factors in computing systems - CHI ’95. doi:10.1145/223904.223910\nLin, J., & Landay, J. A. (2008a). Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces. . doi:10.1145/1357054.1357260\nLin, J., & Landay, J. A. (2008b). Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces. Proceeding of the twenty-sixth annual CHI conference on Human factors in computing systems - CHI ’08. doi:10.1145/1357054.1357260\nNeil, T. (2014). Mobile design pattern gallery: Ui patterns for mobile applications (2nd ed.). United States: O’Reilly Media, Inc, Usa.\nRettig, M. (1994). Prototyping for tiny fingers. Communications of the ACM, 37(4), 21–27. doi:10.1145/175276.175288\nRudd, J., Stern, K., & Isensee, S. (1996). Low vs. High-fidelity prototyping debate. interactions, 3(1), 76–85. doi:10.1145/223500.223514\nSegura, V. C. V. B., Barbosa, S. D. J., & Simões, F. P. (2012a). UISKEI. Proceedings of the International Working Conference on Advanced Visual Interfaces - AVI ’12. doi:10.1145/2254556.2254564\nSegura, V. C. V. B., Barbosa, S. D. J., & Simões, F. P. (2012b). UISKEI: A Sketch-based Prototyping Tool for Defining and Evaluating User Interface Behavior. Proceedings of the International Working Conference on Advanced Visual Interfaces - AVI ’12. doi:10.1145/2254556.2254564\nSnyder, C. A. (2003). Paper Prototyping: The fast and easy way to design and refine user interfaces. San Diego, CA: Morgan Kaufmann Publishers In.\nTreder, M. (2014, April 11). Wireframes vs. Prototypes: What’s the difference? Retrieved October 1, 2016, from User Experience (UX), http://sixrevisions.com/user-experience-ux/wireframes-vs-prototypes-difference/\nVatavu, R.-D., Anthony, L., & Wobbrock, J. O. (2012). Gestures as point clouds. Proceedings of the 14th ACM international conference on Multimodal interaction - ICMI ’12. doi:10.1145/2388676.2388732\nYahoo design pattern library. Retrieved October 11, 2016, from https://developer.yahoo.com/ypatterns/\n徐嘉駿. (2014). Xketch - 線稿式原型設計工具於行動應用開發之研究。國立政治大學數位內容碩士學位學程碩士論文。
描述: 碩士
國立政治大學
數位內容碩士學位學程
103462005
資料來源: http://thesis.lib.nccu.edu.tw/record/#G1034620052
資料類型: thesis
Appears in Collections:學位論文
學位論文

Files in This Item:
File SizeFormat
005201.pdf32.87 MBAdobe PDF2View/Open
Show full item record

Google ScholarTM

Check


Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.