臺灣博碩士論文加值系統

桌上遊戲在近年來已成為家喻戶曉的名詞，每一款遊戲都用上了各式各樣的機制與配件，進而打造出獨一無二的玩家體驗。而每一款遊戲的特別之處則完全仰賴著遊戲規則的正確運行，規則確保了在這一個遊戲中世界的運行法則，讓一切的選擇合乎邏輯也有其意義，更賦予了這些世界一個鮮明的、立體的模樣，也就是說遊戲規則才是桌上遊戲的核心。然而承載著將遊戲規則傳達給人們的媒介，卻沒有辦法很好的達成目的，原因無他，這些規則為了架構出完整不會出錯的世界，勢必運用完善且細緻的文字進行敘述，如果是個簡單的世界，也許會碰到的意外狀況也相對少；但如果這個世界稍微宏大了一點，人們對於學習事物的疲憊感會變得十分容易席捲而來，也因此許多有趣的桌上遊戲便失去了為人所知的機會。
　　本創作研究為改善這一現況，透過文獻分析吸引人的要點，以及說明書這類自主學習類型的題材又該如何提高資訊吸收效能，最終選擇使用網頁並以滾動視差的技術執行，期望藉由網頁中的動態效果提高使用者融入遊戲情境、規則理解程度等幫助進入遊戲的前期準備。並於創作完成後使用問卷收集回饋，並將之做出歸納與分析，確認動態效果能確實提升使用者融入遊戲情境的體驗，從而增加對於說明書內容的資訊吸收效度。然本創作研究僅基於電腦網頁進行創作，為應對現代行動裝置的普及，建議將本創作研究之概念延伸至行動裝置上，後續類似研究方向可以此為參考方向。

Board games have become a household name in recent years. Each game uses a variety of mechanisms and accessories to create a unique player experience. The special features of each game completely rely on the correct operation of the game rules. The rules ensure the operating rules of the world in this game, making all choices logical and meaningful, and giving these worlds a distinctive model, which means that the rules of the game are the core of board games. However, the medium that conveys the rules of the game to people cannot achieve its purpose very well. There is no other reason. In order to build a complete and error-free world, these rules must be described in perfect and detailed words. If it is a simple In the world, there may be relatively few unexpected situations; but if the world is a little grander, people's fatigue from learning things will become very easy to come, and therefore many interesting board games will lose the opportunities to be known.
In order to improve this situation, this creative research analyzed the attractive points and how to improve the information absorption efficiency of self-learning topics such as descriptions. Finally, I chose to use web pages and implement them with scrolling parallax technology, hoping to use The dynamic effects in the web page improve the user's integration into the game situation and understanding of the rules, etc. to help prepare for the game. After the creation was completed, a questionnaire was used to collect feedback, and the feedback was summarized and analyzed to confirm that the dynamic effect can indeed improve the user's experience of integrating into the game situation, thereby increasing the validity of the information absorption of the manual content. However, this creative research is only based on computer web pages. In order to cope with the popularity of modern mobile devices, it is recommended to extend the concept of this creative research to mobile devices. This can be used as a reference direction for subsequent similar research directions.

謝誌 i
摘要 iii
Abstract iv
目錄 vi
表目錄 ix
圖目錄 x
第一章 緒論 1
第一節 研究背景與動機 1
第二節 研究目的 5
第三節 研究架構 6
第二章 文獻探討 7
第一節 桌上遊戲的發展與應用 7
一、 桌上遊戲之發展 7
二、 桌上遊戲之現況 11
第二節 說明書 21
第三節 網頁圖像呈現形式 25
一、 網頁靜態圖像呈現形式 25
二、 網頁動態特效呈現形式 28
三、 滾動視差 38
第四節 使用者經驗與評估 41
一、 使用者經驗 41
二、 使用者經驗評估方式 44
第五節 模組化設計 47
小結 48
第三章 案例分析與創作範圍 50
第一節 現行桌上遊戲案例分析 50
第二節 創作研究範圍與流程 58
一、 網頁原型製作 58
二、 SUS易用性測試 58
第四章 設計創作 60
第一節 設計創作理念 60
第二節 設計創作內容與形式 64
一、 創作流程 64
二、 創作聯合展覽 65
第三節 設計創作作品分析 73
一、 確立創作方向 73
二、 設計規劃與創作草圖 73
三、 精稿繪製 85
第四節 設計創作個展 91
一、 展覽主視覺 92
二、 展覽設計理念 94
三、 色彩計畫 94
四、 角色設計說明 95
五、 滾動視差效果說明 96
六、 展場空間規劃與展覽形式 96
七、 展覽實際呈現 98
第五節 設計創作問卷調查與分析 109
一、 設計創作問卷內容 109
二、 設計創作問卷結果分析 109
第五章 結論與建議 122
第一節 創作研究結論 122
第二節 創作研究建議 123
參考文獻 125
一、 中文文獻 125
二、 英文文獻 128
三、 韓文文獻 135
四、 網路資料 135
附錄 136

一、中文文獻
小柴 (2017)。《玩桌遊還是被桌遊玩 BOARDGAME RECORD》。台北：SWAN PANASIA 新天鵝堡。
方彩欣、鄧淑珨 (2015)。跨領域媒體融合~ 動態圖像設計之傳播發展應用探討。設計研究學報，(8)，16-29。
王亭之 (2021)。運用桌遊型式傳遞職業災害類型知識之學習成效評估。工業安全衛生，(380)，15-29。
王藍亭、李傳房 (2009)。以類神經網路探討網頁視覺圖像複雜度偏好之研究。設計學報 (Journal of Design)，8(2)。
石裕川、紀佳芬、林瑞豐、林榮泰 (2018)。臺灣人因工程與設計的回顧與發展。Journal of Management，321，365。
吳承翰 (2011)。桌上遊戲參與型態對人際溝通改善之研究-以臺北地區桌上遊戲專賣店顧客為例。臺灣師範大學運動與休閒管理研究所學位論文，2011，1-139。
吳振鋒、蘇淑真 (2019)。應用桌遊於引導式教學法成功因素之探討。管理資訊計算，8(1)，1-10。
卓淑美、劉鑑儀、邱雯琳 (2019)。Employing Eye Tracking to Evaluate Visual and Content Webpage Design for EIL Learners: The Case of Technology University Students in Central Taiwan Using Livemocha。弘光人文社會學報，(22)，115-136。
周穆謙、吳思穎 (2014)。數位銀髪族智慧型手機產品說明書設計研究。設計學研究，17(2)，43-65。
林家米、陳翠華 (2017)。桌遊融入語詞學習之應用研究分析。臺灣教育評論月刊， (6)，196－202。
林堂智、林書緣、呂怡臻、黃揚名 (2017)。操作介面對使用者操作效率的影響-以蘋果 iOS 8 vs. 9 對比為例。設計研究學報，(10)，63-72。
范植洪(2005)。隨身電子產品全適化視聽對應介面開發及使用性驗證。國立台北科技大學。
徐素霞(2002)。圖畫書的圖像傳達藝術表現。臺灣兒童圖畫書導賞。臺北市：國立臺灣藝術教育館。
張亞倩(2017)。臺灣桌上遊戲推廣策略研究。國立臺灣師範大學運動與休閒學院運動休閒與餐旅管理研究所碩士學位論文。
張雅婷（2011）。桌上遊戲之轉化與設計-以「從前從前」為例。﹝碩士論文。國立臺北教育大學﹞臺灣博碩士論文知識加值系統。 https://hdl.handle.net/11296/2vz72q。
梁林輝、葉文俊、黃幹知 (2017)。棋玩旅程：100個桌上遊戲帶領技巧。香港：策馬文創。
梁鴻栩 (2015)。好戲上桌國資圖美式桌上遊戲展，BOOK Boom Magazine，(121)，12-15。
許子凡、楊朝明、王聖文 (2017)。從設計表現類型與視覺複雜度探討網頁資訊圖像之理解性。設計學研究，20(1)，1-22。
許勝雄、彭游、吳水丕（1999）。人因工程，台中：滄海書局。
陳一平(2011)。視覺心理學。臺北市：雙葉書廊。
陳介宇 (2013)。從早期桌上遊戲看臺灣，師友月刊，(547)，77-82。
陳芳智譯(2014)。如何設計好網站：Don’t Make Me Think，臺北市：上奇資訊。（原書 Steve Krug 〔2013〕. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. California: New Riders)
陳容瑋、許育光(2016)。桌遊媒材在家族遊戲治療中的應用初探。輔導季刊，52(3)，36-46。
陳慧玲、陳建雄、陳詩捷(2011)。由體驗觀點探討Apple 產品之使用者介面設計以iPod、iPhone 為例，工業設計，(124)，33-39。
陳頤華、丁展譽(2019)。用集資達成本土桌遊團隊的勝利之戰，臺北畫刊，621，042-043。
陳瀚凱(2016)。動態網頁在審美性因子與設計內容分析上之研究。商業設計學報，(20)，152-171。
黑豬 (2012)。就是愛玩桌遊！：精選全球最暢銷35種桌上遊戲規則．贏家秘技．必備知識。台北：高寶國際。
楊仁和譯(2016)。UX 從新手開始：使用者體驗的100堂必修課，臺北市：碁峰資訊。（原書 Joel Marsh 〔2016〕. UX for Beginners. California: O'Reilly Media.)
董海斌、王麗梅、孫浩章 (2010)。網頁介面設計中的平面視覺元素，包裝工程，(4)，89。
詹孟傑（2020）。桌遊融入教學之省思，臺灣教育評論月刊，9（5），118-124。
劉杰、饒培倫 (2006)。針對網頁視覺設計的視覺搜索能力研究，人類工效學，12（2）：1－3。
劉蕙翎、林儷蓉 (2018)。高齡者對於不同桌遊類型課程之看法與滿意度研究。休閒產業與健康促進學術研討會，5-14。
鄭秉漢、李文獻、張俊彥 (2019)。模型化科學桌遊。科學教育月刊，(419)，20-38。
賴盈雯、蔣世寶、陳靜儀 (2014)。蘋果公司行動裝置作業系統之介面圖示設計分析 _ 以 iOS7 為例。嶺東學報，(35)，241-259。
謝育貞 (2017)。首度！2017臺灣新銳桌遊博覽會，Innovate，(201709)，16-17。
瞿錦春、張芬芬譯(2006)。視覺心理學，臺北市：五南。(原書 Richard L. Gregory〔1966〕. Eye and brain. New Jersey: Princeton University Press)。

二、英文文獻
All, A., Plovie, B., Castellar, E. P. N., & Van Looy, J. (2017). Pre-test influences on the effectiveness of digital-game based learning: A case study of a fire safety game. Computers & Education, 114, 24-37.
Atkins, J. E., Fiser, J., & Jacobs, R. A. (2001). Experience-dependent visual cue integration based on consistencies between visual and haptic percepts. Vision research, 41(4), 449-461.
Austin, K. A. (2009). Multimedia learning: Cognitive individual differences and display design techniques predict transfer learning with multimedia learning modules. Computers & Education, 53(4), 1339–1354.
Başağaa, H. B., AliTemela, B., Atasoyb, M., Yıldırımc, İ. (2018). A study on the effectiveness of occupational health and safety trainings of construction workers in Turkey. Safety Science. p.344-354.
Bonvoisin, J., Halstenberg, F., Buchert, T., & Stark, R. (2016). A systematic literature review on modular product design. Journal of Engineering Design, 27(7), 488-514.
Brian Mayer & Christopher Harris (2009). Libraries Got Game: Aligned Learning through Modern Board Games. Chicago: ALA Editions.
Bruder, C., Wandke, H., & Blessing, L. (2006). Improving mobile phone instruction manuals for seniors. Gerontechnology, 5(1), 51-55.
Charlier, Nathalie, & De Fraine, Bieke. (2010). Games based learning as a vehicle to teach new content: a case study. PROCEEDINGS OF THE 4TH EUROPEAN CONFERENCE ON GAMES BASED LEARNING, 40–46.
Denami, M. (2018). Serious game‐based learning: the place of users’ verbalization in the acquisition of specific skills. International Journal of Training & Development, 22(2), 144–161.
Donald A. Norman (2013). The design of everyday things: Revised and expanded edition. New York: Basic books.
Donald A. Norman, & Nielsen, J. (2010). Gestural interfaces: a step backward in usability. interactions, 17, 46-49.
Dubovi, I., Levy, S. & Dagan, E. (2017), ‘Now I know how! The learning process of medication administration among nursing students with non-immersive desktop virtual reality simulation’. Computers & Education, 113, 16-27.
Ehrlich, K., & Rayner, K. (1983). Pronoun assignment and semantic integration during reading: Eye movements and immediacy of processing. Journal of verbal learning and verbal behavior, 22(1), 75-87.
Frederick, D. (2013). The effects of parallax scrolling on user experience and preference in web design (Doctoral dissertation, Purdue University).
Frederick, D., Mohler, J., Vorvoreanu, M., & Glotzbach, R. (2015). The Effects of Parallax Scrolling on User Experience in Web Design. Journal of Usability Studies, 10(2).
Hainey, T., Connolly, T.M., Boyle, E.A., Wilson, A., & Razak, A. (2016). A systematic literature review of games-based learning empirical evidence in primary education. Comput. Educ., 102, 202-223.
Hegarty, M., Mayer, R. E., & Green, C. E. (1992). Comprehension of arithmetic word problems: Evidence from students' eye fixations. Journal of educational psychology, 84(1), 76.
Helen Sharp, Jennifer Preece & Yvonne Rogers (2002). Interaction Design. Interaction Design: Beyond Human-Computer Interaction. New York: John Wiley & Sons, Inc..
Holliday, C., & Pallant, C. (2021). The depth deception: Landscape, technology and the manipulation of Disney’s multi-plane camera in Snow White and.
Huang, C. C. (2000). Overview of modular product development. Proceedings-National Science Council Republic of China Part a Physical Science and Engineering, 24(3), 149-165.
Huang, C. C., & Kusiak, A. (1998). Modularity in design of products and systems. IEEE Transactions on Systems, Man, and Cybernetics-Part A: Systems and Humans, 28(1), 66-77.
Ian Livingstone & James Wallis (2019). Board Games in 100 Moves. New York:DK.
Ilbratt, C. S. (2021). Parallax Scrolling in a hedonic context: Does it influence the reader’s experience?.
Jeff Johnson (2014). Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines. Burlington: Morgan Kaufmann.
Kathy Pezdek. (1987). Memory for Pictures A Life-Span Study of the Role of Visual Detail. Child Development, 58(3), 807–815.
Ko, Y. Y. , Lin, P. H. , & Lin, R. . (2009). A study of service innovation design in cultural and creative industry. Springer-Verlag, 376–385
Mahardika, W., Wibirama, S., Ferdiana, R., & Kusumawardani, S. S. (2018). A novel user experience study of parallax scrolling using eye tracking and user experience questionnaire. International Journal on Advanced Science, Engineering and Information Technology, 8(4), 1226-1233.
Mayhorn, C. B., Stronge, A. J., McLaughlin, A. C., & Rogers, W. A. (2004). Older adults, computer training, and the systems approach: A formula for success. Educational gerontology, 30(3), 185-203.
Mitzner, T. L., Boron, J. B., Fausset, C. B., Adams, A. E., Charness, N., Czaja, S. J., Dijkstra, K., Fisk, A. D., Rogers, W. A., & Sharit, J. (2010). Older Adults Talk Technology: Technology Usage and Attitudes. Computers in human behavior, 26(6), 1710–1721.
Mohammed, M. A. H., & Swales, J. M. (1984). Factors affecting the successful reading of technical instructions. Reading in a Foreign Language, 2(2), 206-217.
Moos, D. C. & Marroquin, E., 2010. Multimedia, hypermedia, and hypertext: Motivation considered and reconsidered. Computers in Human Behavior, 26(3), 265-276.
Nielsen, J.(1994), Usability Engineering,Cambridge, MA: Academic Press Inc.
Nishi, J. (1988). History of development of management game – for the purpose to generalise the management. System and Controle, 32(2), 416–423.
Pandremenos, J., & Chryssolouris, G. (2009). Modular product design and customization. In Proceedings of the 19th CIRP Design Conference–Competitive Design. Cranfield University Press.
Pesare, E., Roselli, T., Corriero, N., & Rossano, V. (2016). Game-based learning and Gamification to promote engagement and motivation in medical learning contexts. Smart Learning Environments, 3(1), 1–21.
Plass, J. L., Homer, B. D., & Kinzer, C. K. (2015). Foundations of Game-Based Learning. Educational Psychologist, 50(4), 258–283. https://doi.org/10.1080/00461520.2015.1122533
Raftopoulos, A. (2006). Defending realism on the proper ground. Philosophical Psychology, 19(1), 47-77.
Richard E. Mayer. (2002). Multimedia Learning. The Annual Report of Educational Psychology in Japan, 41, 27.
Safapour E, Kermanshachi S, Taneja P. A Review of Nontraditional Teaching Methods: Flipped Classroom, Gamification, Case Study, Self-Learning, and Social Media. Education Sciences. 2019; 9(4):273.
Sémir Zeki (1999). Inner Vision: An Exploration of Art and the Brain. Oxford: Oxford University Press.
Solso, Robert L. (1996). cognition and the visual arts. Massachusetts: Bradford Books.
Sudjianto, A., & Otto, K. (2001, September). Modularization to support multiple brand platforms. In International Design Engineering Technical Conferences and Computers and Information in Engineering Conference (Vol. 80258, pp. 125-138). American Society of Mechanical Engineers.
Treisman, A. M., & Gelade, G. (1980). A feature-integration theory of attention. Cognitive Psychology, 12(1), 97-136.
Tsai, W., Rogers, W.A., & Lee, C. (2012). Older Adults' Motivations, Patterns, and Improvised Strategies of Using Product Manuals. International Journal of Design, 6, 55-65.
Wang, R., & Sundar, S. S. (2018). How does parallax scrolling influence user experience? A test of TIME (Theory of Interactive Media Effects). International Journal of Human–Computer Interaction, 34(6), 533-543.
Wiese, B. S., Sauer, J., & Rüttinger, B. (2004). Consumers’ use of written product information. Ergonomics, 47(11), 1180-1194.
Wright, P., Creighton, P., & Threlfall, S. M. (1982). Some factors determining when instructions will be read. Ergonomics, 25(3), 225-237.
Yovi, E., Yamada, Y. (2015). Strategy to disseminate occupational safety and health information to forestry workers the felling safety game. Journal of Tropical Forest Science, 27(2), 213-221.
Zagal, J. P., Rick, J., & Hsi, I. (2006). Collaborative games: Lessons learned from board games. Simulation & Gaming, 37(1), 24–40.

三、韓文文獻
Lee, S. M., & Ko, H. Y. (2016). A Study of User Experience from Parallax Scrolling Use on the Web Interface. Journal of Korea Multimedia Society, 19(2), 512-519.

四、網路資料
Reola Shan (2018，Feb，8). 孤獨經濟：談次世代的桌遊發展潮流.Available:https://www.bigfunidea.com.tw/news/5124416
怪 e 紅傑克（2013)。童教桌遊研究院【桌遊的歷史演進】。取自http://mj9981168.pixnet.net/blog/post/116266679
魚寶(2010，Jul，1). 近 40 年來臺灣桌上遊戲發展之概況.Available: https://twohu2001.pixnet.net/blog/post/51893234
Tim Harford (2021, December 10). The life-saving magic of board games. Financial Times. Available: https://www.ft.com/content/f5fe507c-e7d7-4a30-a15e-ff9ba5e543c0