簡易檢索 / 詳目顯示

研究生: 宋怡璇
Sung, Yi-Hsuan
論文名稱: 直覺式操作兒童數位畫筆之視覺回饋設計
Intuitive Operation Digital Brush for Children on Visual Interface Feedback Design
指導教授: 吳豐光
Wu, Fong‐Gong
學位類別: 碩士
Master
系所名稱: 規劃與設計學院 - 工業設計學系
Department of Industrial Design
論文出版年: 2013
畢業學年度: 101
語文別: 中文
論文頁數: 83
中文關鍵詞: 電腦繪圖直覺式數位畫筆回饋可用性評估
外文關鍵詞: digital drawing, intuitive operation digital pen, feedback, usability evaluation
相關次數: 點閱:228下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  •   隨著科技與電腦設備的提升,兒童繪圖素材日趨豐富;直覺式數位畫筆利用筆勢的操作取代圖像式使用者介面(GUI)點選,於前人研究已確定有較佳的績效。本研究以10~12歲的國小高年級學童為目標族群,設計屬於直覺式數位畫筆的視覺回饋,讓兒童於操作過程中,能依其回饋發展出合適的心智模型,使整體繪圖作業有更佳的流暢性。

      研究第一階段依前人研究與文獻,定義畫筆功能與操作動作後,利用兒童與專家所組成的多層次焦點團體法,發散思考各操作動作可能的視覺回饋。第二階段以模擬與操作任務的方式,由兒童進行概念評估,依問卷量表與訪談內容所得各設計方案的優缺點和排序再進行細節調整,確立最終視覺回饋介面。研究最後階段則經模型製作與系統實作,驗證視覺回饋之可行性。

      由執行連續任務的結果來看,經實驗流程所求得之視覺回饋介面能幫助使用者有更流暢的表現;於主觀量表也可確定相較於對照組,實驗組有較佳的效用性、滿意度與移動相容性;在自由繪圖階段,實驗組因介面的設計安排保留給使用者較大的繪圖空間,致使實驗組於粗細功能的切換次數明顯高於對照組。從上述系統驗證結果可確定,本研究經發散至收斂的設計過程,能求出適合直覺式數位畫筆的回饋介面,並提供給使用者更好的繪圖經驗。

    With the advancement of technology and computer equipment, drawing tools for child become more diversified. The study of intuitive operation digital brush which used a pen as an input device to replace graphic user interface has been confirmed with better performance in previous studies. This study bases on visual feedback of intuitive operation for 10-12 years old child. Consider an appropriate interface with operation to create accurate mental models for users, in order to improve processing fluency and efficiency.

    In the first stage, defined functions over literatures and experiment results before. After that, through focus group explore the possibilities of interface design on each function. And in the second stage, this study involved child as subjects to evaluate concepts. Use child’s evaluations and judgments to redesign the detail of concept. Finally, through modeling and coding to establish a drawing system for performance test and subjective evaluation.

    Three finding are described in the last experiment of experimental group: (1) it shows a better performance in processing fluency. (2) higher subjective evaluation in effectiveness, satisfaction and conceptual compatibility. (3) larger drawing spaces make plentiful strokes. The above results show the design process in this research can provide an appropriate interface and drawing experience for users.

    目錄 摘要 ............... I Abstract .............. II 誌謝 .............. III 目錄 .............. IV 表目錄 ............. VII 圖目錄 .............. IX 第一章 緒論 ............ 1 1.1 研究背景 ............. 1 1.2 研究動機 ............. 1 1.3 研究目的 ............. 2 1.4 研究範圍 ............. 3 1.5 研究架構 ............. 3 第二章 文獻探討 ............ 5 2.1 兒童繪畫 ............. 5 2.1.1 兒童繪畫與心理發展 .......... 5 2.1.2 兒童認知發展 .......... 7 2.1.3 小結 ............. 7 2.2 數位繪圖相關研究 .......... 8 2.2.1 小結 ............. 10 2.3 數位筆功能探討 .......... 11 2.3.1 直覺式操作 ............ 11 2.3.2 數位筆 ............ 11 2.4 知覺與預期 ........... 12 2.4.1 訊息認知 ............ 12 2.4.2 預期知覺 ............ 13 2.5 系統設計原則............ 14 2.5.1 人機互動與介面 .......... 14 2.5.2 Fitts’ Law ........... 15 2.5.3 回饋 ............. 16 2.5.4 視覺回饋 ............ 17 2.5.5 相容性 ............ 18 2.6 小結 ............. 19 第三章 研究方法與步驟 .......... 21 3.1 直覺式兒童數位畫筆功能定義 ........ 23 3.2 畫筆回饋概念發展 .......... 24 3.2.1 兒童焦點團體法 .......... 24 3.2.2 專家焦點團體法 .......... 28 3.2.3 小結 ............. 34 第四章 回饋模式建立 .......... 35 4.1 回饋概念評估方法 .......... 35 4.1.1 實驗設定 ............ 35 4.1.2 實驗規劃 ............ 36 4.1.3 實驗內容 ............ 38 4.1.4 評估內容 ............ 39 4.2 概念評估問卷與訪談結果 ........ 42 4.2.1 筆刷 ............. 43 4.2.2 粗細 ............. 45 4.2.3 顏色 ............. 47 4.2.4 訪談結果 ............ 49 4.3 回饋概念模式定案 .......... 52 第五章 系統製作與實驗 .......... 54 5.1 系統製作 ........... 55 5.1.1 筆身模型製作與操作說明 ......... 55 5.1.2 各操作功能對應介面 .......... 57 5.2 實驗規劃 ........... 58 5.2.1 任務操作與主觀評量 .......... 59 5.2.2 自由繪圖 ............ 60 5.3 實驗流程與內容 .......... 61 5.3.1 任務操作與主觀評量 .......... 61 5.3.2 自由繪圖 ............ 63 5.4 實驗結果與分析 .......... 65 5.4.1 任務操作與主觀評量 .......... 65 5.4.2 自由繪圖 ............ 67 第六章 討論與結論 ............ 69 6.1 討論 ............. 69 6.1.1 回饋概念發展 .......... 69 6.1.2 回饋模式評估方法 .......... 70 6.1.3 主觀量表與訪談結果 .......... 70 6.1.4 系統驗證結果 .......... 71 6.2 結論 ............. 75 6.3 未來研究建議............ 76 參考文獻 .............. 78 英文文獻 .............. 78 中文文獻 .............. 83 表目錄 表 2-1 兒童繪畫發展過程.......... 5 表 2-2 兒童認知發展過程.......... 7 表 3-1 畫筆功能與操作方式 .......... 23 表 3-2 各操作動作定義說明與圖片 ........ 26 表 3-3 各動作與控制器之聯想結果 ........ 27 表 3-4 概念發展矩陣 ........... 30 表 3-5 可變參數定義說明.......... 31 表 3-6 各功能回饋概念 ........... 32 表 4-1 回饋概念評估操作步驟 .......... 38 表 4-2 直覺式數位畫筆系統使用性目標定義 ....... 39 表 4-3 問卷與訪談內容設計 .......... 40 表 4-4 回饋概念綜合評估變異數摘要分析 ........ 42 表 4-5 筆刷概念編號與評價得分平均數摘要 ....... 43 表 4-6 筆刷回饋概念評估變異數摘要分析 ........ 44 表 4-7 粗細概念編號與評價得分平均數摘要 ....... 45 表 4-8 粗細回饋概念評估變異數摘要分析 ........ 46 表 4-9 顏色概念編號與評價得分平均數摘要 ....... 47 表 4-10 顏色回饋概念評估變異數摘要分析....... 48 表 4-11 回饋方案優缺點 .......... 49 表 4-12 直覺式數位畫筆回饋模式定案 ........ 53 表 5-1 畫筆功能與操作動作 .......... 56 表 5-2 操作動作與對應介面 .......... 57 表 5-3 實驗組與對照組之對應介面 ........ 58 表 5-4 自由繪圖底圖分配情形 .......... 63 表 5-5 任務操作成對 T 檢定 ......... 65 表 5-6 主觀評量成對 T 檢定 ......... 66 表 5-7 筆觸豐富度成對 T 檢定 ......... 68 圖目錄 圖 1-1 研究架構圖 ........... 4 圖 2-1 預期知覺過程 ........... 13 圖 2-2 人機互動與介面之關係 .......... 14 圖 2-3 操作與回饋之運作模型 .......... 16 圖 3-1 研究方法流程圖 ........... 22 圖 3-2 兒童焦點團體法過程 .......... 25 圖 3-3 兒童焦點團體法實驗過程規劃圖 ........ 25 圖 3-4 兒童聯想畫面搜集.......... 28 圖 3-5 專家焦點團體法過程 .......... 29 圖 3-6 專家焦點團體法實驗過程規劃圖 ........ 29 圖 4-1 實驗場地配置圖 ........... 35 圖 4-2 回饋概念評估過程規劃圖 ........ 36 圖 4-3 數位畫筆功能介紹影片 .......... 37 圖 4-4 學童受測過程 ........... 37 圖 4-5 概念評估問卷設計.......... 41 圖 4-6 筆刷概念各評估要素表現直方圖 ........ 44 圖 4-7 粗細概念各評估要素表現直方圖 ........ 46 圖 4-8 顏色概念各評估要素表現直方圖 ........ 48 圖 5-1 系統架構圖 ........... 54 圖 5-2 訊息資料傳送過程.......... 54 圖 5-3 模型筆外觀 ........... 55 圖 5-4 實驗情境模擬 ........... 58 圖 5-5 實驗場地配置圖 ........... 59 圖 5-6 任務操作實驗畫面.......... 61 圖 5-7 任務操作測驗情形.......... 62 圖 5-8 任務操作實驗流程 ........... 62 圖 5-9 自由繪圖前測結果.......... 63 圖 5-10 自由繪圖測驗情形 .......... 64 圖 5-11 自由繪圖實驗流程 .......... 64 圖 5-12 任務操作結果比較 .......... 66 圖 5-13 主觀評量結果比較 .......... 67 圖 5-14 自由繪圖結果比較 .......... 68 圖 6-1 筆刷回饋與操作動作 .......... 72 圖 6-2 顏色回饋與操作動作 .......... 72

    英文文獻
    Apitz, G., & Guimbretière, F. (2004),“CrossY: a crossing-based drawing application”, 17th annual ACM symposium on User interface software and technology, October, pp.3~12.
    Bae, S. H., Balakrishnan, R., & Singh, K. (2008).“ILoveSketch: as-natural-as-possible sketching system for creating 3d curve models”, 21st annual ACM symposium on User interface software and technology, October pp.151~160.
    Bi, X., Moscovich, T., Ramos, G., Balakrishnan, R., & Hinckley, K. (2008).“An exploration of pen rolling for pen-based interaction ”,21st annual ACM symposium on User interface software and technology, October, pp.191~200.
    Block, F., Gutwin, C., Haller, M., Gellersen, H., & Billinghurst, M. (2008).“Pen and paper techniques for physical customisation of tabletop interfaces”, 3rd IEEE International Workshop, pp.17~24.
    Block, F., Haller, M., Gellersen, H., Gutwin, C., & Billinghurst, M. (2008). “VoodooSketch: extending interactive surfaces with adaptable interface palettes”, the 2nd international conference on Tangible and embedded interaction, February, pp.55~58.
    Brandl, P., Forlines, C., Wigdor, D., Haller, M., & Shen, C. (2008). “Combining and measuring the benefits of bimanual pen and direct-touch interaction on horizontal interfaces”, AVI '08 Proceedings of the working conference on Advanced visual interfaces, pp.154~161.
    Burt, C. (1967). “The psychological aspects of aesthetic education”, Art Education, 20(3) pp.26~28.
    Bust, P. D., Gibb, A. G. F., & Haslam, R. (2005). “Manual handling of highway kerbs—focus group findings”, Appl Ergon, 36(4) pp.417~425.
    Chan, K. W. L., & Chan, A. H. S. (2005). “Spatial SR compatibility of visual and auditory signals: implications for human-machine interface design”, Displays, 26(3) pp109~119.
    Christensen, P. M., & James, A. (2008). Research with children: Perspectives and practices, New York: Taylor & Francis.

    Dixon, D., Prasad, M., & Hammond, T. (2010). “iCanDraw: using sketch recognition and corrective feedback to assist a user in drawing human faces”, ACM CHI Conference on Human Factors in Computing Systems, April, pp.897~906.
    Druin, A., & Solomon, C. (1996). Designing Multimedia Environments for Children: Computers, Creativity, and Kids, New York: Wiley Computer Publishing, John Wiley and Sons, Inc.
    Fitts, P. M. (1954). “The information capacity of the human motor system in controlling the amplitude of movement”, Journal of experimental psychology, 47(6) pp.381.
    Foley, J. D., & Wallace, V. L. (1974). “The art of natural graphic man-machine conversation”, Proceedings of the IEEE, 62(4) pp.462~471.
    Freeman, M., & Mathison, S. (2009). Researching children's experiences, New York: The Guilford Press.
    Ghozlan, A. (1997). “Simon's experiments and stimulus-response compatibility: hypothesis of two automatic responses”, Perceptual and motor skills, 84(1) pp.35~45.
    Gibson, J. J. (1986). The ecological approach to visual perception, New Jersey: Lawrence Erlbaum.
    Gould, J. D., & Lewis, C. (1985). “Designing for usability: key principles and what designers think”, Communications of the ACM, 28(3) pp.300~311.
    Guimbretière, F., Stone, M., & Winograd, T. (2001). “Fluid interaction with high-resolution wall-size displays”, 14th annual ACM symposium on User interface software and technology, pp.21~30.
    Haller, M., Brandl, P., Leithinger, D., Leitner, J., Seifried, T., & Billinghurst, M. (2006). “Shared Design Space: Sketching ideas using digital pens and a large augmented tabletop setup”, Advances in Artificial Reality and Tele-Existence, pp.185~196.
    ISO9241-11. (1998). 9241-11. Ergonomic requirements for office work with visual display terminals (VDTs). The international organization for standardization.
    Kotani, K., & Horii, K. (2003). “An analysis of muscular load and performance in using a pen-tablet system”, Journal of physiological anthropology and applied human science, 22(2) pp.89~95.
    Krueger, R. A., & Casey, M. A. (2009). Focus groups: A practical guide for applied research, California: Sage.
    Löwenfeld, V. (1952). The nature of creative activity: experimental and comparative studies of visual and non-visual sources of drawing, painting, and sculpture by means of the artistic products of weak sighted and blind subjects and of the art of different epochs and cultures: Taylor & Francis.
    Lambert, J., & Bard, C. (2005). “Acquisition of visuomanual skills and improvement of information processing capacities in 6-to 10-year-old children performing a 2D pointing task”, Neurosci Lett, 377(1) pp.1~6.
    Lee, J., & Ishii, H. (2010). “Beyond: collapsible tools and gestures for computational design”, CHI EA '10: Proceedings of the 28th of the international conference extended abstracts on Human factors in computing systems, pp.3931~3936.
    Levie, W. H., & Dickie, K. E. (1973). The analysis and application of media. Chicago: Rand McNally.
    Lim, C., Song, H. D., & Lee, Y. (2012). “Improving the usability of the user interface for a digital textbook platform for elementary-school students”, Educational Technology Research and Development, pp.1~15.
    Matthews, J., & Seow, P. (2007). “Electronic Paint: Understanding Children's Representation through their Interactions with Digital Paint”, International Journal of Art & Design Education, 26(3) pp.251~263.
    Morgan, D. (1993). “Using qualitative methods in the development of surveys”, Social Psychology Newsletter 19.
    Nielsen, J. (1994). “Enhancing the explanatory power of usability heuristics”, CHI '94 Proceedings of the SIGCHI conference on Human factors in computing systems: celebrating interdependence, pp.152~158.
    Nijboer, M., Gerl, M., & Isenberg, T. (2010). “Exploring frame gestures for fluid freehand sketching”, SBIM'10 Proceedings of the Seventh Sketch-Based Interfaces and Modeling Symposium, pp.57~62.
    Norman, D. A. (1988). The psychology of everyday things. New York: Basic Books.
    Piaget, J. (1964). “Part I: Cognitive development in children: Piaget development and learning”, Journal of research in science teaching, 2(3) pp.176~186.
    Po, B. A., Fisher, B. D., & Booth, K. S. (2005). “Comparing cursor orientations for mouse, pointer, and pen interaction”, CHI '05 Proceedings of the SIGCHI conference on Human factors in computing systems, pp.291~300.
    Ramos, G., Boulos, M., & Balakrishnan, R. (2004). “Pressure widgets”, CHI '04 Proceedings of the SIGCHI conference on Human factors in computing systems, pp.487~494.
    Sanders, M. S., & McCormick, E. J. (1987). Human factors in engineering and design: McGRAW-HILL book company.
    Sanders, M. S., & McCormick, E. J. (1993). Human factors in engineering and design (7th ed.), New York: McGraw-Hill.
    Schmidt, R. A., & Wrisberg, C. A. (2008). Motor learning and performance : a situation-based learning approach (4th ed.). Champaign, IL: Human Kinetics.
    Shackel, B. (1991). “Usability-context, framework, definition, design and evaluation”, Human factors for informatics usability, pp.21~37.
    Sharp, H., Rogers, Y., & Preece, J. (2007). Interaction design : beyond human-computer interaction (2nd ed.), Chichester ; Hoboken, NJ: Wiley.
    Shesh, A., & Chen, B. (2004). Smartpaper: An interactive and user friendly sketching system, Computer Graphics Forum, 23(3) pp.301~310.
    Shneiderman, B., & Plaisant, C. (1998). Designing the user interface: strategies for effective human-computer interaction, Boston: Addison-Wesley Longman.
    Simon, C. W., College, A., Laboratory, A. M., & Center, W. A. D. (1954). The Presence of a Dual Perceptual Set for Certain Perceptual-motor Tasks.
    Sorgatz, H. (2004). Ergonomics at Work in Front of the Computer, Wacom Europe, GmbH, pp.149~158.
    Spindler, M., Hauschild, M., & Dachselt, R. (2010). “Towards making graphical user interface palettes tangible”, ITS '10 ACM International Conference on Interactive Tabletops and Surfaces, pp.291~292.
    Straker, L. M., Coleman, J., Skoss, R., Maslen, B. A., Burgess-Limerick, R., & Pollock, C. M. (2008). “A comparison of posture and muscle activity during tablet computer, desktop computer and paper use by young children”, Ergonomics, 51(4), pp.540~555.
    Sun, Q., Fu, C. W., & He, Y. (2011). “An interactive multi-touch sketching interface for diffusion curves”, CHI '11 Proceedings of the 2011 annual conference on Human factors in computing systems, pp.1611~1614.
    Suzuki, Y., Misue, K., & Tanaka, J. (2008). “Pen-based interface using hand motions in the air”, IEICE-Transactions on Information and Systems archive, November, E91-D(11) ,pp.2647~2654.
    Thorndike, E. L. (1931). Human learning.
    Tian, F., Ao, X., Wang, H., Setlur, V., & Dai, G. (2007). “The tilt cursor: enhancing stimulus-response compatibility by providing 3d orientation cue of pen”, CHI '07 Proceedings of the SIGCHI conference on Human factors in computing systems, Apri, pp.303~306.
    Tian, F., Xu, L., Wang, H., Zhang, X., Liu, Y., Setlur, V., & Dai, G. (2008). “Tilt menu: using the 3D orientation information of pen devices to extend the selection capability of pen-based user interfaces”, CHI '08 Proceedings of the twenty-sixth annual SIGCHI conference on Human factors in computing systems, April, pp.1371~1380.
    Waddell, C. W. (1918). An introduction to child psychology: Houghton-Mifflin Company.
    Wolpert, D. M., Ghahramani, Z., & Jordan, M. I. (1995). “An internal model for sensorimotor integration”, Science, 269(5232), pp.1880.
    Xin, Y., Bi, X., & Ren, X. (2011). “Acquiring and pointing: an empirical study of pen-tilt-based interaction”, CHI '11 Proceedings of the 2011 annual conference on Human factors in computing systems, May, pp. 849~858.

    中文文獻
    方裕民(2003),人與物的對話-互動介面設計理論與實務,台北:田園城市。
    王家誠(1978),了解兒童畫:兒童繪畫心理分析,台北市:藝術家。
    李莉珍(2008),「圖像教學對兒童創造力與語文能力影響之研究」,國立高雄師範大學教育學系碩士論文。
    胡寶林(1994),繪畫與視覺想像力,遠流。
    張亮(2009),細節決定互動設計的成敗,電腦人文化。
    教育部(2003),國民中小學九年一貫課程綱要: 教育部。
    許勝雄, 彭游, &吳水丕(1996),人因工程第二版,台中:滄海。
    陳慧慈(2010),「直覺式操作之兒童實體數位畫筆設計」,國立成功大學工業設計學系碩士論文。
    葉謹睿(2010),互動設計概論:後數位時代的網站、介面、產品及軟體設計的原則,台北市:藝術家。
    趙雲(1997),兒童繪畫與心智發展,台北市:藝術家。
    蔡佳蓉(2011),「兒童直覺式操作數位畫筆之認知與人因設計」,國立成功大學工業設計學系碩士論文。
    賴麗如(2009),「輔以視覺回饋介面之實體數位畫筆設計與評估」,國立成功大學工業設計學系碩士論文。

    無法下載圖示 校內:2018-09-10公開
    校外:不公開
    電子論文尚未授權公開,紙本請查館藏目錄
    QR CODE