本研究嘗試運用情境感知概念與相關的技術，對互動呈現情境及介面加以設計，讓參與者在實體空間與電腦虛擬空間中，建立生活經驗或社會脈絡上認知概念的連結，形成真實與虛擬相互混合之互動模式。透過實際創作的行動，規劃並製作「虛擬食境」與「鳥非鳥飛」兩個案例，前者讓觀眾可以真實的棒棒糖，影響桌面上虛擬生命的行為，後者則讓參與者可以實際的身體行動，驚嚇虛擬世界中的鳥群。上述兩則實際案例創作，皆在設計規劃的階段，融入人在日常生活中的既有經驗概念與印象。研究者在製作至展出的過程紀錄中加以觀察，並輔以資料彙整與分析，研究發現在作品規劃階段，將人機間的概念連結考量包含在設計之中，並妥善運用情境感知概念與感測技術，應能使人機互動呈現直覺、自然，並提供參與者愉悅的互動體驗。本研究最後將實作經驗與歷程彙整歸納，盼能為互動設計與相關之學術後續研究，提供具體的規劃建議與執行方向。

People live with their own experience or social context. In this research, we use the concept as context-awareness and relative technology to design context and interface among human-computer interaction presentation. Theses related actions make participants can contribute their own interactive connection between mind and activities toward the presentation. The type of connection, which across both physical and virtual space, will be able to form a mix reality into an interaction environment. Through movement of designing on real case of interaction presentation, we found the setting could be merged into the idea of context connection. During progress of designing and planning, designer needs to properly use context-awareness and sensor-technology, so that designed would be presenting more direct and naturally, that giving user a joyful experience on participating within interaction. Through the progresses of real-world design in this research, this current study brought up some suggestions that can be applied to creative works on human-computer interaction in the near future.

第一章、 緒論 6
1.1 研究背景與動機 6
1.2 研究目的 8
1.3 研究架構 9
1.4 研究方法簡述 11
1.5 研究流程 12
1.6 研究範圍與限制 13
1.7 研究貢獻 15
第二章、 文獻探討 16
2.1 人機互動 16
2.1.1 概念發展 16
2.1.2 內在要素 18
2.1.3 影響因素 21
2.2 人機互動介面 26
2.2.1 概念發展 26
2.2.2 設計原則 28
2.3 情境感知 34
2.3.1 情境感知運算 34
2.3.2 混合情境概念 37
2.4 案例探討 42
2.5 小結 47
第三章、 研究設計 53
3.1 研究架構 53
3.2 研究發展流程 55
3.3 研究方法 58
3.3.1 理論根據 58
3.3.2 研究行動流程 60
第四章、 創作規劃與製作 63
4.1 作品一：虛擬食境 63
4.1.1 構想階段 63
4.1.2 設計階段 67
4.1.3 製作階段 76
4.1.4 展示階段 90
4.1.5 分析評估 96
4.2 作品二：鳥非鳥飛 103
4.2.1 構想階段 104
4.2.2 設計階段 107
4.2.3 製作階段 116
4.2.4 展示階段 124
4.2.5 分析評估 128
第五章、 結論建議 138
5.1 結論 138
5.2 後續研究建議 140
參考文獻 144
附錄……… 148


圖目錄
圖1. 研究架構圖 9
圖2. 研究流程圖 12
圖3. 人機互動圖 19
圖4. 設計模式、使用者心智模式與系統回饋關係圖 24
圖5. 人機互動設計原則 32
圖6. 傳統媒介人機互動圖 33
圖7. 情境感知人機互動圖 35
圖8. Milgram virtuality continuum 38
圖9. 虛實混合娛樂組成 39
圖10. 傳統人機互動圖 40
圖11. 情境感知運算概念的人機互動圖 41
圖12. Beyond the Pages 43
圖13. 飛 44
圖14. I/O Brush 45
圖15. Audio Shaker 46
圖17. 研究架構圖 53
圖18. 研究發展流程圖 55
圖19. 依據紮根理論為基礎的本研究歷程 59
圖20. 依據行動研究法為基礎的本研究歷程 61
圖21. Flash物件追蹤滑鼠範例 64
圖22. 軟體應用說明 65
圖23. 概念發想圖－水缸餵食 66
圖24. 本研究創作案例之互動腳本設計圖 68
圖25. 本研究創作案例之互動情境圖 70
圖26. 作品二：「虛擬食境」之視覺設計模擬圖 71
圖27. 本研究創作案例之軟硬體架構圖 73
圖28. 人機互動呈現案例創作環境設計圖－俯視 74
圖29. 人機互動呈現案例創作環境設計－立面示意圖 75
圖30. 作品一「虛擬食境」使用之筆記型電腦 76
圖31. 作品一「虛擬食境」使用之視訊感測裝置 77
圖32. 作品一「虛擬食境」使用之電腦(液晶)顯示螢幕 78
圖33. 作品一「虛擬食境」使用道具之棒棒糖 78
圖34. 作品一「虛擬食境」使用道具 79
圖35. 作品一「虛擬食境」之硬體架構圖 80
圖36. 作品一「虛擬食境」之軟體運作架構 81
圖37. 作品一「虛擬食境」雛型展示測試裝置設計圖 82
圖38. 作品一「虛擬食境」雛型展示測試環境佈置 83
圖39. 作品一「虛擬食境」雛型展示測試與人互動圖 84
圖40. 作品一「虛擬食境」雛型展示-蟲的行進問題 85
圖41. 作品一「虛擬食境」雛型展示-蟲的體型問題 86
圖42. 作品一「虛擬食境」雛型展示-驅蟲道具的使用問題 89
圖43. 作品一「虛擬食境」雛型展示-驅蟲道具的修正 89
圖44. 作品一「虛擬食境」正式展示-展示裝置初步製作 91
圖45. 作品一「虛擬食境」正式展示-展示裝置初步製作(a) 91
圖46. 作品一「虛擬食境」正式展示-展示裝置初步製作(b) 92
圖47. 作品一「虛擬食境」正式展示-展示裝置初步製作(c) 92
圖48. 作品一「虛擬食境」正式展示-展示裝置修正製作 93
圖49. 作品一「虛擬食境」正式展示-展示裝置修正製作 93
圖50. 作品一「虛擬食境」正式展示-展示空間 94
圖51. 作品一「虛擬食境」正式展示-展示裝置設置a 94
圖52. 作品一「虛擬食境」正式展示-展示裝置設置b 94
圖53. 作品一「虛擬食境」正式展示-展示裝置設置c 95
圖54. 作品一「虛擬食境」正式展示-展示裝置與人互動a 95
圖55. 作品一「虛擬食境」正式展示-展示裝置與人互動b 96
圖56. 作品二「鳥非鳥飛」初步創作構想草圖 104
圖57. 作品二「鳥非鳥飛」初步創作構想測試 105
圖58. 作品二「鳥非鳥飛」構想元素 106
圖59. 作品二「鳥非鳥飛」腳本設計 108
圖60. 作品二「鳥非鳥飛」視覺設計–鳥 111
圖61. 作品二「鳥非鳥飛」視覺設計–背景 112
圖62. 作品二「鳥非鳥飛」視覺設計–整體視覺呈現a 112
圖63. 作品二「鳥非鳥飛」視覺設計–整體視覺呈現b 113
圖64. 作品二「鳥非鳥飛」軟硬體架構設計 114
圖65. 作品二「鳥非鳥飛」展示環境設計圖(俯視) 115
圖66. 作品二「鳥非鳥飛」展示環境設計(立面示意圖) 116
圖67. 作品二「鳥非鳥飛」使用之筆記型電腦 117
圖68. 作品二「鳥非鳥飛」使用之視訊感測裝置 118
圖69. 作品二「鳥非鳥飛」使用之電漿電視顯示螢幕 119
圖70. 作品二「鳥非鳥飛」硬體配置 119
圖71. 作品二「鳥非鳥飛」軟體運作方式 120
圖72. 作品二「鳥非鳥飛」製作過程v1.0 121
圖73. 作品二「鳥非鳥飛」製作過程v1.5 121
圖74. 作品二「鳥非鳥飛」製作過程v1.8 122
圖75. 作品二「鳥非鳥飛」製作過程v2.0 123
圖76. 作品二「鳥非鳥飛」製作過程v3.0 Final 124
圖77. 作品二「鳥非鳥飛」展示空間a 125
圖78. 作品二「鳥非鳥飛」展示空間b 125
圖79. 作品二「鳥非鳥飛」作品展示a 125
圖80. 作品二「鳥非鳥飛」作品展示b 126
圖81. 作品二「鳥非鳥飛」裝置與人互動a 126
圖82. 作品二「鳥非鳥飛」作品展示b 127
圖83. 作品二「鳥非鳥飛」作品展示c 128
圖84. 作品二「鳥非鳥飛」電腦效能影響 130
圖85. 作品二「鳥非鳥飛」Webcam的位置影響 132
圖86. 作品二「鳥非鳥飛」展覽佈置的影響 132


表目錄
表1. 人機互動的六個元素……………………………………………………..20

英文部分
1.Thomas, T. H., Ronald, B., Stuart, C., Tom, C., Jean, G., Marilyn, M., Gary, P., Gary, S., & William, V. (1992). ACM SIGCHI Curricula for Human-Computer Interaction. Association for Computing Machinery, Inc. 1992.
2.Elliott, C.H. (1991). Action research for educational change. Bristol: Open University Press.
3.Hammersley, M. (1989). The dilemma of qualitative method: Herber Blumerand the Chicago tradition. London and New York: Routledge.
4.Helander, M. (ed.) (1988) Handbook of Human-Computer Interaction, North-Holland, Amsterdam.
5.Laurel, B. (1990). "Interface Agents: Metaphors with Character." In The Art of Human-Computer Interface Design. Edited by B. Laurel.
6.Laurel, B. (1991). Computer as theatre. Reading, Mass.: Addison-Wesley Publishing Company.
7.Laurel, B. (1993).”The Six Elements and the Causal Relations among Them” from Computers as Theater. 2nd ed. Reading, Mass.: Addison-Wesley.
8.Masaki Fujihata. (2003). [On-line] Available: Masaki Fujihata biography. http://framework.v2.nl/archive/archive/leaf/other/default.py/nodenr-69861
9.Moran, T. P. (Ed.) (1994). Special Issue on context in design. Human-Computer Interaction, 9, 1-149.
10.Norman, D. A. (1988). The psychology of everyday things. New York: Basic Books.
11.Norman, D. A. (1999). The invisible computer. 1st MIT Press paperback ed. Cambridge, Mass.: MIT Press.
12.Preece, J. (1994). Human-Computer Interaction, England: Addison Wesley.
13.Shiralee, S. (2001). [On-line] Available: Theories of Interactivity. http://www.labyrinth.net.au/~saul/essays/06intertheory.html
14.Shneiderman, B. (1986). Designing the User Interface: Strategies for Effective Human-Computer Interaction. Reading, Mass.: Addison-Wesley Publishing Company.
15.Weiser, M. (1993). Hot Topics: Ubiquitous Computing. IEEE Computer, 26(10).
16.Weiser, M. (1993). Some Computer Science Problems in Ubiquitous Computing. Communications of the ACM, 36(7).
17.Carroll, J. M., Mack, R. L., & Kellogg, M. A. (1988). Interface metaphors and design, in Helander, M. (ed.).
18.Christopher, B., Charles, E. J., & Michael, M. (2003). MIXED FANTASY: Exhibition of Entertainment Research for Mixed Reality. Tokyo, Japan: ISMAR03.
19.Ryokai, K., Marti, S., & Ishii, H. (2004). "I/O Brush: Drawing with Everyday Objects as Ink." In Proceedings of Conference on Human Factors in Computing Systems, Vienna, Austria, April 24 - April 29.
20.Sanders, M.S., & McCormick, E.J. (1987). Human Factors in Engineering and Design. 6th ed, New York: McGraw-Hill.
21.Thomas. P. M., & Paul, D. (2001). Introduction on Context-Aware Computing. Special Issue of Human-Computer Interaction, Volume 16, 2001.
22.Tom, J., & Mark, H. (2003). [On-line] Available: Audio Shaker. http://www.interaction.rca.ac.uk/alumni/03-05/tom/1styr/audio_shaker/frameset_as.html
23.Atweh, B., Kemmis, S., & Weeks, P. (Eds.) (1998). Action Research in Practice. New York: Routledge.
24.Weinschenk, Susan, Pamela, J., & Sarah, C. Y. (1997). GUI Design Essentials, Wiley Computer Publishing.


中文部分
1.丁雪茵、鄭伯壎、任金剛(民85)。質性研究中研究者的角色與主觀性。本土心理學，6月。
2.方裕民(民92)。人與物的對話－互動介面設計理論與實務。田園城市文化出版社 ，台北 。
3.朱新明(民92)。架設人與電腦的橋樑－西蒙的認知與管理心理學。臺北市：貓頭鷹出版社。
4.何敏煌(民83)。多媒體的明日之星－虛擬實境。資訊與教育雜誌，8月。
5.吳鼎武(民88)。「電腦空間與人文」論文集，初版，臺北市：田園城市文化。
6.吳鼎武(民85)。電腦多媒體帶視覺藝術教育之應用，電腦多媒體與視覺藝術教育研討會，國立台北師範學院視覺藝術教育中心。
7.吳鼎武(民83)。交談式互動藝術的新觀念，雄獅美術，第281期。
8.李宜珍(民81)。談高效應的多媒體介面設計。國際視聽教育學術研討會論文集。
9.李青蓉、魏丕信、施郁芬、邱昭彰(民87)。人機介面設計。臺北市：空中大學出版社。
10.沈義訓(民88)。網路虛擬實境博物館互動展示之研究以元智大學校史館為例。碩士論文，元智大學，資訊傳播研究所。
11.洪瑞隆(民82)。中文畫面設計評估之研究，碩士論文。東吳大學商學院管理研究所。
12.徐業良、葉欲君(民89)。三維虛擬顯示螢幕的建構。中國機械工程學會第十七屆學術研討會。
13.袁廣鳴(民88)。袁廣鳴 個人網頁Yuan Goang-Ming website。取自網址：http://techart.tnua.edu.tw/~gmyuan/
14.高敬文(民88)。質化研究方法論。臺北：師大書苑。
15.張書銓(民93)。應用多模式介面於人機互動展示之探索與應用。碩士論文，元智大學，資訊傳播研究所。
16.莊啟祥(民91)。運用虛擬觸覺力回饋於數位媒體創作之研究。碩士論文，元智大學，資訊傳播研究所。
17.陳冠君(民92)。科技藝術的互動性-創造式文本。今藝術。臺北市：典藏雜誌社。
18.陳麒(民90)。『互動式空間』—資訊空間及建築空間的整合設計研究初探。國立成功大學建築學系碩博士班碩士論文，台南市。
19.陳坤淼(民89)。電腦多媒體之使用者介面設計探討。高速計算世界，8卷1期。
20.葉翊霳、江凡宣(民92)，FlashMX Art Design，初版，臺北市：桑格文化。
21.歐世勛(民92)。互動美感運用於人際溝通產品之設計研究。國立交通大學應用藝術所碩士論文，新竹市。
22.歐用生(民88)。行動研究與學校教育革新。教育部指導：1999行動研究國際學術研討會主題論文集。國立台東師範學院主辦。
23.蔡清田(民89)。行動研究及其在教育研究上的應用。中正大學教育研究所主編：質的研究方法。高雄：麗文。
24.儲裕娟(民91)。互動式工作空間。國立成功大學建築學系碩博士班碩士論文，台南市。
25.Hunter G. H.作、黃榮棋譯(民93)。虛擬雪世界；無痛治燙傷。科學人，9月。
26.Jenny Preece作、陳建豪譯(民88)，人機介面與互動入門：電腦之人因工程，初版，臺北市：和碩科技文化。
27.Strauss, A. L., & Corbin, J. M.作、吳芝儀、廖梅花譯(2001)，質性研究入門 : 紮根理論研究方法，嘉義：濤石文化。