游戲型微課設(shè)計：現(xiàn)狀、問題及對策*
——以H5平臺交互設(shè)計為例

莫葵鳳 ，鄭小軍 ，楊上影

（1.南寧師范大學(xué) 計算機與信息工程學(xué)院，廣西 南寧 530299；2.南寧師范大學(xué) 職業(yè)技術(shù)教育學(xué)院，廣西 南寧530001；3.廣西職業(yè)教育發(fā)展研究中心，廣西南寧530001）

目前，微課技術(shù)已經(jīng)比較成熟，但是常規(guī)微課中存在的突出問題亟待解決：①純視頻學(xué)習(xí)交互性差，難以最大限度地激發(fā)學(xué)習(xí)興趣。②缺乏沉浸性等學(xué)習(xí)體驗，注意力易分散。而游戲型微課能夠?qū)⑽⒁曨l學(xué)習(xí)與游戲化學(xué)習(xí)的優(yōu)勢互補配合、取長補短，提升了交互性、沉浸性，增強了學(xué)習(xí)體驗，因而受到學(xué)習(xí)者歡迎，成為微課可持續(xù)發(fā)展的新趨勢。那么，什么是游戲化學(xué)習(xí)和游戲型微課？目前國內(nèi)游戲型微課的現(xiàn)狀如何？存在哪些問題或誤區(qū)？解決問題的方法和對策是什么？

一、游戲化學(xué)習(xí)與游戲型微課的概念界定

游戲化 （Gamification）的概念于2003年被明確提出，并在2010年左右開始被廣泛應(yīng)用。所謂游戲化，指的是將游戲或游戲的元素、機制或理念應(yīng)用到一些非游戲情境或過程中[1]，以吸引他人，促進學(xué)習(xí)并解決問題?！队螒蚋淖兪澜纾河螒蚧绾巫尙F(xiàn)實變得更美好》一書指出：“游戲化是互聯(lián)時代的重要趨勢”[2]。近年來，新技術(shù)的發(fā)展大大推動了游戲在教育教學(xué)中的應(yīng)用。游戲化學(xué)習(xí)就是在游戲環(huán)境中，以相關(guān)理論為指導(dǎo)，充分利用游戲化的學(xué)習(xí)資源，以游戲為知識媒介，用游戲化的方式進行知識的傳授和接收的一種新的學(xué)習(xí)方式[3]。它以興趣為中心，強調(diào)體驗的過程，在學(xué)習(xí)中融入游戲和游戲策略，將學(xué)習(xí)過程游戲化。游戲化學(xué)習(xí)模型如圖1所示[4][5]，該模型認為學(xué)習(xí)過程就是游戲過程。學(xué)習(xí)者在學(xué)習(xí)過程中的角色發(fā)生了變化，從觀看者變成參與者，這有利于激發(fā)學(xué)習(xí)者的學(xué)習(xí)動機。學(xué)習(xí)者在游戲環(huán)境中，自由探索未知（新知），思考問題和嘗試解決問題，并通過玩游戲贏取獎勵獲得成就感，以達到學(xué)習(xí)的目的，有利于培養(yǎng)學(xué)習(xí)者的問題解決能力和高階思維能力以及增強學(xué)習(xí)者的自信心，培養(yǎng)創(chuàng)造力和多元化發(fā)展。

圖1 游戲化學(xué)習(xí)模型

近年來，國內(nèi)外研究者嘗試將游戲與視頻進行整合，通過在視頻中加入游戲元素，激發(fā)學(xué)習(xí)者的學(xué)習(xí)動機[1]。國內(nèi)對這方面研究比較多的是尚俊杰、馬穎峰和莊少勇等人。朱云等人以《游戲化教學(xué)法》MOOC為例探討游戲化與 MOOC課程視頻的整合途徑[1]；王學(xué)龍等人研究游戲化學(xué)習(xí)課程設(shè)計，并認為這是技術(shù)與課程整合的新趨向[5]。2018年6月20日，中國教育技術(shù)協(xié)會教育游戲?qū)I(yè)委員會在北京召開“教育游戲發(fā)展現(xiàn)狀研究”課題研討會，就“教育游戲研究與發(fā)展趨勢”“教育游戲產(chǎn)品研發(fā)與推廣”兩個主題展開討論[6]。同年8月12日，北京大學(xué)教育學(xué)院學(xué)習(xí)科學(xué)實驗室正式發(fā)布了融入游戲化學(xué)習(xí)理念的計算思維編程教育課程[7]。

新技術(shù)的發(fā)展促進了游戲在教育教學(xué)中的應(yīng)用與發(fā)展。目前，H5平臺很多且功能強大，利用H5平臺的交互功能進行游戲型微課的設(shè)計開發(fā)，是信息技術(shù)與教育教學(xué)深度融合的新趨勢。

游戲型微課作為游戲化的學(xué)習(xí)資源，是基于用戶交互體驗的理念，通過引入適當?shù)挠螒驒C制和元素，對內(nèi)容進行游戲化設(shè)計（即寓知識內(nèi)容于游戲），把知識點重新設(shè)計成有趣的游戲內(nèi)容或任務(wù)，從而激發(fā)學(xué)習(xí)者學(xué)習(xí)動機的一類微課[8]。游戲機制是游戲核心部分的規(guī)則、流程以及數(shù)據(jù)。它定義了游戲的活動如何進行、何時發(fā)生什么事、獲勝或失敗的條件是什么。常見的游戲機制包括物理、內(nèi)部經(jīng)濟、漸進機制、戰(zhàn)術(shù)動機、社交互動、法則、規(guī)則、勝負制等。[9]游戲元素是指各類游戲的基本構(gòu)成要素，在游戲場景中與玩家進行某種交互方式的虛擬物體，如獎勵（成就/勛章）、等級、排名、分數(shù)、挑戰(zhàn)、競爭、合作、角色、分層目標、交互體驗、即時反饋、故事情景等。在游戲型微課中，利用游戲化思維，引入游戲機制和元素，把枯燥的知識內(nèi)容變成有趣的游戲內(nèi)容，賦予內(nèi)容沉浸性體驗的價值。

二、基于H5的游戲型微課現(xiàn)狀及問題

目前，H5開發(fā)平臺很多且功能越來越強大，它集成了“前后端”所需的幾乎所有功能，可實現(xiàn)零代碼制作[10]。Form Follows Function是一個預(yù)覽平臺，這個網(wǎng)站能展示大部分H5能夠?qū)崿F(xiàn)的動畫效果。如3D游戲、VR場景、數(shù)據(jù)庫支持、Web App支持等。但這些平臺在功能上各有側(cè)重，如Ceilfire主要是一個創(chuàng)建H5游戲的平臺，用戶可以直接在瀏覽器中創(chuàng)建、參與和分享游戲，無需編程知識和相關(guān)的復(fù)雜技術(shù)。而絢星微課主要是一個H5微課/課件工具。H5移動微課是一種支持移動學(xué)習(xí)的微學(xué)習(xí)資源，具有無需下載、即點即用的優(yōu)勢，強大的交互功能可帶給學(xué)習(xí)者良好的學(xué)習(xí)體驗。基于H5平臺開發(fā)的游戲型微課結(jié)合了游戲型微課和H5移動微課的優(yōu)勢，既能滿足當下“數(shù)字原住民”個性化發(fā)展的需求，又能很好地激發(fā)學(xué)習(xí)動機，提高學(xué)習(xí)的效率和效果，從而達到學(xué)習(xí)并掌握相應(yīng)知識的目的。

但是，目前絕大多數(shù)H5平臺都是應(yīng)用在商業(yè)宣傳方面，如邀請函、企業(yè)招聘、電商/電子相冊、品牌展示、節(jié)日祝福、活動/抽獎等。而較少應(yīng)用于教育領(lǐng)域，系列化、課程化的游戲型微課資源更是少見?；诖罅康陌咐^摩和分析，筆者歸納出基于H5平臺的游戲型微課設(shè)計存在的誤區(qū)及問題：

1.游戲活動與教學(xué)內(nèi)容“油水分離”

有的設(shè)計者以為 “游戲+教學(xué)內(nèi)容”就是游戲型微課，因而采取“先游戲后教學(xué)內(nèi)容”或“先教學(xué)內(nèi)容后游戲”的簡單加和方法設(shè)計所謂的“游戲型”微課。其基本策略就是以游戲為誘因，吸引學(xué)生。但沒有進行精心設(shè)計和巧妙安排，沒有將教學(xué)內(nèi)容融入游戲全過程，即游戲與教學(xué)內(nèi)容處于“油水分離”的狀態(tài)，不是真正意義的游戲型微課。這類誤區(qū)的根源在于沒有厘清游戲型微課的本質(zhì)內(nèi)涵。

2.簡單、隨意套用萬能模板，為游戲而游戲

一些初學(xué)者認為只要套用H5模板和替換內(nèi)容就可以制作出游戲型微課。有的為了方便省事，生搬硬套通用模板。有的無論內(nèi)容是否適合，一律進行游戲化設(shè)計，采取游戲化呈現(xiàn)方式，過分追求游戲形式。這些做法都只是牽強地把教學(xué)內(nèi)容與游戲疊加，是“為游戲而游戲”，沒有對內(nèi)容和游戲進行融合設(shè)計。

3.游戲策略運用與游戲元素設(shè)計不合理

主要表現(xiàn)為：①游戲與學(xué)習(xí)的關(guān)系及輕重比例拿捏不準。如娛樂性太強，脫離教育游戲的本質(zhì)，使學(xué)生的注意力從內(nèi)容轉(zhuǎn)移到游戲形式上，學(xué)習(xí)者雖然玩得盡興，卻忘記了自己的學(xué)習(xí)任務(wù)，偏離了教學(xué)目標，導(dǎo)致教學(xué)效果不理想。②游戲太過簡單、缺乏挑戰(zhàn)性，游戲形式（呈現(xiàn)和交互方式）單一。應(yīng)通過設(shè)計不同級別各種各樣的潛在挑戰(zhàn)，通過勝利過關(guān)、成功晉級，從而激發(fā)學(xué)習(xí)者學(xué)習(xí)的熱情，不斷完成學(xué)習(xí)目標。③游戲機制和元素設(shè)計不合理。

4.缺乏游戲思維，游戲型微課難實現(xiàn)

游戲型微課設(shè)計者需要運用恰當?shù)挠螒蛟O(shè)計方法和游戲元素等對知識內(nèi)容進行重新設(shè)計。如果缺乏游戲思維，游戲型微課設(shè)計將無從下手。

5.單打獨斗，難以獨立跨越技術(shù)門檻

盡管隨著H5平臺交互功能的完善和模板素材的豐富，技術(shù)門檻已經(jīng)大幅度降低，但游戲型微課設(shè)計涉及到平臺選用、模板選擇、交互設(shè)計、游戲策略運用、游戲元素添加、教學(xué)內(nèi)容融入等普通教師比較陌生的技術(shù)問題，需要通過組建“學(xué)科教師+教育技術(shù)人員+游戲設(shè)計專業(yè)人員”的多元互補開發(fā)團隊，共同跨越技術(shù)門檻。當然，有一定信息技術(shù)基礎(chǔ)的學(xué)科教師也可以通過自學(xué)掌握游戲型微課開發(fā)的相關(guān)技術(shù)。

三、基于H5平臺設(shè)計游戲型微課的方法及對策

1.厘清游戲型微課的本質(zhì)

游戲型微課是技術(shù)與知識內(nèi)容的融合，基于用戶交互體驗的理念，通過引入適當?shù)挠螒驒C制和元素，對內(nèi)容進行游戲化設(shè)計，從而激發(fā)學(xué)習(xí)者內(nèi)部學(xué)習(xí)動機的一類微課。其中對內(nèi)容進行游戲化設(shè)計應(yīng)以學(xué)習(xí)為目的。因此，游戲型微課不是“先游戲后教學(xué)內(nèi)容”或“先教學(xué)內(nèi)容后游戲”的簡單加和，也不是簡單地將教學(xué)內(nèi)容添加到游戲中，而是將內(nèi)容和游戲進行精心、巧妙的融合設(shè)計，即寓知識內(nèi)容于游戲之中。

傳統(tǒng)游戲活動注重游戲化表演、情景、比喻、類比[11]，而游戲型微課更注重沉浸性體驗、交互性、挑戰(zhàn)性和資源開發(fā)。游戲型微課與普通微課都注重對內(nèi)容的設(shè)計，其不同點在于：①內(nèi)容方面，游戲型微課更注重對內(nèi)容的游戲化設(shè)計；②呈現(xiàn)方式上，游戲型微課更注重沉浸性體驗、交互性、挑戰(zhàn)性、成就、反饋等方面的設(shè)計；③從首要教學(xué)原理角度分析，傳統(tǒng)微課比較注重如何激活舊知和示證新知，而游戲型微課則在激活舊知和示證新知的基礎(chǔ)上，更注重應(yīng)用新知和融會貫通。

2.運用KFC模型進行游戲型微課設(shè)計

為了避免生搬硬套模板，建議采用KFC模型[10][12]進行微課教學(xué)設(shè)計，如圖2所示。該模型和首要教學(xué)原理相通。

圖2 微課教學(xué)設(shè)計的KFC模型

①通過設(shè)計相關(guān)的問題、現(xiàn)象、故事、情景等情節(jié)作為引入，激發(fā)興趣、產(chǎn)生學(xué)習(xí)動機與欲望。②根據(jù)教學(xué)目標和學(xué)習(xí)任務(wù)，引入一定的游戲機制和元素來設(shè)計闖關(guān)游戲和交互練習(xí)、測驗、測試等（即通過一定的說明引導(dǎo)學(xué)生探索、闖關(guān)，學(xué)習(xí)相關(guān)知識內(nèi)容）。首先，明確教學(xué)的要求和學(xué)習(xí)者的需求，按照目標需求分析哪些內(nèi)容可以在游戲設(shè)計中體現(xiàn)；然后，分析任務(wù)和學(xué)習(xí)情境的對應(yīng)關(guān)系，用啟發(fā)式的教學(xué)手段，有目的地誘導(dǎo)游戲者進行探索活動，從而讓游戲者自己發(fā)現(xiàn)知識。③學(xué)習(xí)者通過完成游戲任務(wù)來完成相應(yīng)的學(xué)習(xí)任務(wù)，以達到強化和鞏固本節(jié)微課內(nèi)容的學(xué)習(xí)。

例如《拯救音癡大作戰(zhàn)》是一個音樂知識與游戲巧妙融合的游戲型微課，該微課遵循KFC模型進行教學(xué)設(shè)計，內(nèi)容選取和融合設(shè)計比較合理，發(fā)揮了游戲的特有功能。微課首先以一群朋友伴隨著激情的背景音樂歡唱以及一句“你的音樂智商在線嗎？”為情境導(dǎo)入，激發(fā)游戲者挑戰(zhàn)。通過設(shè)計游戲關(guān)卡引導(dǎo)學(xué)習(xí)者（游戲者）進行學(xué)習(xí)（挑戰(zhàn)）。學(xué)習(xí)者（游戲者）通過闖關(guān)完成相應(yīng)的任務(wù)，以強化和鞏固知識內(nèi)容。

3.運用相關(guān)游戲策略合理設(shè)計教學(xué)游戲

準確把握游戲與學(xué)習(xí)的比例以及關(guān)系。游戲型微課中的游戲類型大多數(shù)是闖關(guān)類，應(yīng)運用一定的闖關(guān)式游戲化學(xué)習(xí)策略，通過分析內(nèi)容合理設(shè)計游戲機制和相關(guān)元素。設(shè)計過程中一般配合著角色扮演策略、動機激發(fā)策略、合作競爭策略和問題策略等一起運用[13]。

為了避免設(shè)計的游戲過于簡單、缺乏挑戰(zhàn)性或游戲難度過大削弱學(xué)習(xí)者（游戲者）興趣和熱情，在設(shè)計前，需分析學(xué)習(xí)者（游戲者）特征，特別是網(wǎng)絡(luò)環(huán)境下的學(xué)習(xí)者特征分析，以便更好地把握他們對游戲的興趣點。

設(shè)計游戲型微課的基本方法流程如下：①確立教學(xué)目標。②運用闖關(guān)式游戲化學(xué)習(xí)策略，把知識內(nèi)容根據(jù)教學(xué)目標分解成若干個由易到難的關(guān)卡（通向目標），這需具備一定的游戲思維。關(guān)卡設(shè)計中特別注意：關(guān)卡任務(wù)難度跨度不能過大。在關(guān)鍵節(jié)點及時點撥，或有必要時需構(gòu)建幫助系統(tǒng),讓基礎(chǔ)差的學(xué)習(xí)者能夠通過點擊幫助系統(tǒng)來完成并掌握任務(wù)內(nèi)容。③內(nèi)外動機的保持。首先，運用動機激發(fā)策略設(shè)計鼓勵和獎勵，如闖關(guān)獎勵、即時反饋、分數(shù)、等級、排名等，成就的獲得會激發(fā)玩家深度探索游戲的興趣。其次，合理的難度提升，如競技PK和分支任務(wù)設(shè)計，以提供差異性體驗，使學(xué)習(xí)者在闖關(guān)過程中真實體驗到學(xué)習(xí)樂趣的同時，又保持玩家的興趣并激勵其進行深度探索、繼續(xù)挑戰(zhàn)，從而產(chǎn)生駕馭游戲的欲望。此外，游戲過程也是用戶獲得成長體驗的過程。根據(jù)內(nèi)容需要，可以在游戲型微課中設(shè)計一些角色供學(xué)習(xí)者選擇，這樣學(xué)習(xí)者可以在學(xué)習(xí)（游戲）過程中更有代入感，更好地融入在學(xué)習(xí)（游戲）情境中。游戲型微課設(shè)計模型如圖3所示[14]。

圖3 游戲型微課設(shè)計模型

例如《拯救音癡大作戰(zhàn)》主要以游戲通關(guān)的思路進行設(shè)計，以游戲任務(wù)來驅(qū)動學(xué)習(xí)者完成學(xué)習(xí)任務(wù)。教學(xué)目標如下：懂得辨別字的正確發(fā)音；知道歌詞出自哪首歌曲，哪個缺少音樂片段，哪一段屬于freestyle；會辨別轉(zhuǎn)音最少的“啊”；懂得辨別音調(diào)最高的海豚音片段。共設(shè)計了六個關(guān)卡，在每一個關(guān)卡中都設(shè)計了 A、B、C三個選項，每點擊一個選項，會唱出相應(yīng)的內(nèi)容，然后根據(jù)題目要求選擇一項并確認即可。提交后可查看結(jié)果以及答對題數(shù)，還可繼續(xù)挑戰(zhàn)（渴望駕馭游戲）。當然，該微課也存在以下幾處需要提升的地方：①每個關(guān)卡設(shè)計時間限制，游戲者須在規(guī)定時間內(nèi)完成。②對于基礎(chǔ)差的學(xué)習(xí)者來說，關(guān)卡任務(wù)難度過大，應(yīng)構(gòu)建幫助系統(tǒng)，幫助基礎(chǔ)差的學(xué)習(xí)者完成學(xué)習(xí)任務(wù)。

4.加強游戲化思維訓(xùn)練

一方面，通過教師培訓(xùn)，以培訓(xùn)試點示范帶動游戲型微課的開發(fā)與應(yīng)用，從而不斷完善視頻教學(xué)資源。從觀念上消除“缺乏游戲思維、技術(shù)跟不上、游戲型微課設(shè)計無法實現(xiàn)”的誤解，再從技能、方法及對策上加大培訓(xùn)力度，加強游戲化思維訓(xùn)練，如目標的擬定、規(guī)則的制定、關(guān)卡的設(shè)計、反饋的提供，具體包括等級、排名、分數(shù)、獎勵、勝負制、時間、機會、挑戰(zhàn)、競爭、合作、PK、角色、問題、資源獲取、即時反饋等。游戲型微課設(shè)計中的游戲化思維模型如圖4所示。

圖4 游戲化思維模型

圖5 趣味字母系列交互設(shè)計

另一方面，設(shè)計者應(yīng)了解并不是所有的教學(xué)內(nèi)容都適合游戲化，所以需明確哪些知識點適合游戲化。可以根據(jù)具體需求來分析，如在英語學(xué)習(xí)中：從內(nèi)容方面，單詞（聽音拼字、見字拼音）、語法、句型、口語等基礎(chǔ)知識點適合游戲化。從題型方面，單選、多選、填空、匹配等客觀題適合游戲化。當然，具體內(nèi)容還需具體分析，合理巧妙的設(shè)計才能實現(xiàn)對內(nèi)容的游戲化設(shè)計。如小學(xué)英語26個字母的內(nèi)容，設(shè)計成趣味字母系列，對每一個字母設(shè)計一個觸點，觸發(fā)相應(yīng)的點會有對應(yīng)的內(nèi)容（趣味游戲化小視頻）出現(xiàn)，交互設(shè)計如圖5所示。在視頻學(xué)習(xí)后設(shè)計看嘴型游戲：在情景中，一個對象（教師或動物等）念一個字母或一個單詞，但不發(fā)出聲音；學(xué)習(xí)者根據(jù)嘴型來判斷是什么字母或單詞，判斷正確者獲得獎勵；目的在于校對發(fā)音和鞏固字母、單詞。

5.合理選擇制作工具

隨著微課制作技術(shù)的發(fā)展，微課制作越來越平民化，游戲型微課的交互功能設(shè)計也越來越平民化。從程序語言方面，主要分為編程類和突破編程類。前者利用Flash、HTML、Web技術(shù)實現(xiàn)交互，需要一定的編程語言基礎(chǔ)，這種微課設(shè)計現(xiàn)在已基本淘汰。后者利用HTML5平臺或 Adobe edge animate 、Adobe captivate、Storyline、Lectory Inspire、Camtasia Studio等軟件實現(xiàn)交互，不需要編程語言基礎(chǔ)，零代碼制作、操作簡單。從功能方面主要分為模板拼裝類和專業(yè)交互類。H5類游戲型微課制作工具對比分析見表1。這八款H5類游戲型微課制作工具，主要從交互方面的優(yōu)缺點進行對比分析并評出推薦等級。

表1 八款H5類游戲型微課制作工具對比分析表

四、結(jié)束語

總之，基于H5平臺的游戲型微課設(shè)計應(yīng)注重以下幾點：①根據(jù)具體教學(xué)內(nèi)容選擇合適的游戲類型，適時恰當?shù)匾胗螒驒C制和游戲元素。②關(guān)注教育性和娛樂性兩者平衡的把控，明確游戲與學(xué)習(xí)的關(guān)系及輕重比例，適時點撥。③注重有效學(xué)習(xí)（游戲）環(huán)境的創(chuàng)設(shè)。④加強內(nèi)容呈現(xiàn)與交互設(shè)計，綜合考慮各個交互元素 （因素）、交互方式、交互時機等。未來學(xué)習(xí)將走向情景化、個性化和游戲化，游戲型微課具有微視頻學(xué)習(xí)與游戲化學(xué)習(xí)的雙重優(yōu)勢，提升了學(xué)習(xí)的交互性、沉浸性、代入感、娛樂性、競爭性、挑戰(zhàn)性，增強了學(xué)習(xí)體驗，具有廣闊的應(yīng)用前景，值得深入研究。