編輯導(dǎo)語(yǔ)：近幾年很多產(chǎn)品都在進(jìn)行游戲化設(shè)計(jì)，教學(xué)內(nèi)容也不例外。本文作者分享了有關(guān)教學(xué)內(nèi)容的游戲化設(shè)計(jì)內(nèi)容，講述了游戲化設(shè)計(jì)過(guò)程中方案的探索和方案落地、體系建立的相關(guān)內(nèi)容，一起來(lái)學(xué)習(xí)一下吧。

前言：雖然教育行業(yè)在時(shí)代的潮流中迎來(lái)了落幕，但對(duì)教學(xué)內(nèi)容游戲化的研究的時(shí)光依然是我職業(yè)生涯中美好的回憶。本文是關(guān)于曾經(jīng)做這個(gè)項(xiàng)目時(shí)的一些思考。

一、項(xiàng)目背景

游戲，是一個(gè)從小到大都在陪伴著我們的奇妙的東西，在游戲中我們感受到快樂(lè)，認(rèn)知與社會(huì)的關(guān)系，感受世間冷暖。

“游戲化”一詞是近幾年比較熱門(mén)的概念，近幾年的很多產(chǎn)品都在嘗試游戲化設(shè)計(jì)，從而更有效的吸引用戶，拉新、轉(zhuǎn)化與留存。而教育產(chǎn)品近年也在努力想通過(guò)游戲化增強(qiáng)學(xué)習(xí)樂(lè)趣，提升學(xué)習(xí)體驗(yàn)。

這個(gè)項(xiàng)目的背景是，由于當(dāng)時(shí)課件模版以基本滿足基礎(chǔ)題型，但在趣味化層面還是有所欠缺，所以急需增強(qiáng)課件交互層面的趣味性，為用戶帶來(lái)更多的新奇與驚喜，但由于我們的課件模版種類(lèi)數(shù)量較多，所以在趣味性設(shè)計(jì)層面還需建立體系，保證整體課件模版的規(guī)范及統(tǒng)一性。

所以在設(shè)計(jì)層面主要做的就這兩點(diǎn)：增強(qiáng)趣味性和建立趣味化設(shè)計(jì)體系。

二、面臨問(wèn)題

首先從句子排序這一題型入手，調(diào)研了當(dāng)時(shí)這一題型的展現(xiàn)形式，所面臨的問(wèn)題是題目展現(xiàn)形式單一，缺少趣味性，幾乎都是一個(gè)樣子，只是單純的換了背景圖。

三、解決方案探索

那么，如何增強(qiáng)趣味性呢，我們首先想到了游戲，游戲化這個(gè)詞在近幾年也是比較熱門(mén)的概念，很多產(chǎn)品都在嘗試游戲化設(shè)計(jì)來(lái)吸引用戶，前期我們對(duì)游戲進(jìn)行了研究，其實(shí)游戲就是通過(guò)一個(gè)核心創(chuàng)意，之后通過(guò)渲染用戶感官體驗(yàn)來(lái)增加趣味性，為用戶帶來(lái)歡樂(lè)。

那么我們就想這種方式是否可以應(yīng)用在課件模版呢？

首先確定一個(gè)主題，并將題目?jī)?nèi)容包裹在這個(gè)主題中并附加上趣味玩法，同時(shí)通過(guò)動(dòng)效、聲音、節(jié)奏的設(shè)計(jì)渲染在操作過(guò)程中用戶視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)的感受，同時(shí)增加些小彩蛋，為用戶帶來(lái)驚喜。

于是，我們先定義了互動(dòng)題課件模版的結(jié)構(gòu)，以保證設(shè)計(jì)的統(tǒng)一性?；谝粋€(gè)故事的敘事方式，我們將互動(dòng)題結(jié)構(gòu)分為故事前情、故事主體以及故事結(jié)局三個(gè)模塊，分別對(duì)應(yīng)的是頁(yè)面開(kāi)始頁(yè)，答題頁(yè)和結(jié)束反饋?lái)?yè)，操作指引頁(yè)面完善玩法說(shuō)明與指導(dǎo)，答題頁(yè)面明確題目?jī)?nèi)容，同時(shí)規(guī)范基礎(chǔ)的微交互設(shè)計(jì)。

之后利用情緒版進(jìn)行適合兒童的主題選擇，選擇了一個(gè)充滿童趣的挖沙子的主題，為了增強(qiáng)驚喜感，主角選擇了一個(gè)小怪物的形象。

四、方案落地

于是就有了這個(gè)沙子通道的設(shè)計(jì)方案。

故事主題為小怪物挖沙子，玩法為拖動(dòng)小怪物挖通沙子按正確的順序挖到單詞，完成這一操作，拖的快則挖的快，拖的慢則挖的慢，節(jié)奏由用戶掌控，小怪物可以做上小車(chē)去往下一關(guān)，同時(shí)獲得獎(jiǎng)杯獎(jiǎng)勵(lì)，隱藏的一彩蛋是長(zhǎng)按小怪物，小怪物雙手會(huì)動(dòng)起來(lái)做挖土的動(dòng)作，并且還配了背景音樂(lè)和音效，使其在操作過(guò)程中更有沉浸感。

• 開(kāi)始頁(yè)面——明確故事主題：以講故事的方式進(jìn)行設(shè)計(jì)，首先交代故事主題為小怪物挖沙子，同時(shí)以動(dòng)效做氛圍渲染。
• 操作指引頁(yè)——演示玩法：引導(dǎo)用戶跟著指引動(dòng)畫(huà)操作一邊，交代操作玩法，使用戶對(duì)接下來(lái)的答題操作有個(gè)心理預(yù)期。同時(shí)以“ready go！”的動(dòng)效及音頻做操作指引的結(jié)尾，交代故事即將開(kāi)始，請(qǐng)做好準(zhǔn)備。同時(shí)提供操作指引“跳過(guò)”的功能，給用戶更多選擇。
• 答題頁(yè)——答題體驗(yàn)：當(dāng)前方案的交互方式為拖動(dòng)小怪物挖洞沙子，按正確的順序?qū)⒉卦谏匙又械膯卧~挖出，組成正確的句子。最終幫助小怪物順利挖通土層，搭載小車(chē)進(jìn)入到下一關(guān)。? 這里隱藏的彩蛋是：當(dāng)長(zhǎng)按小怪物時(shí)它會(huì)去做持續(xù)挖土的動(dòng)作且提高了挖土的頻率，并且在挖土的過(guò)程中還有隨機(jī)的寶石被挖出，為用戶提供更多的驚喜！
• 結(jié)束頁(yè)——鼓勵(lì)反饋：交代故事結(jié)局，成功闖關(guān)，彈出大大的鼓勵(lì)動(dòng)畫(huà)及音頻渲染氛圍，傳遞用戶情緒價(jià)值。

這個(gè)是這個(gè)課件的操作錄屏視頻。

https://www.bilibili.com/video/BV1vU4y1S72a?zw&vd_source=a9ee608360d5f4f65c9841e7dc77084f

以這樣的思路，針對(duì)這種題型還做了拼寫(xiě)部落，洞穴逃生、滾動(dòng)選字、貓貓洗澡等主題的模版。

五、體系建立

同時(shí)對(duì)這一思路進(jìn)行了方法總結(jié)，就是我們?nèi)绾卧鰪?qiáng)這種內(nèi)容類(lèi)的產(chǎn)品的趣味性，進(jìn)行游戲化設(shè)計(jì)。

首先我們認(rèn)為針對(duì)這一類(lèi)型的產(chǎn)品主要設(shè)計(jì)分為兩個(gè)模塊，信息有效傳達(dá)，以及情感話設(shè)計(jì)，信息側(cè)基于理性設(shè)計(jì)，提煉信息以及進(jìn)行有效信息分類(lèi)，利用視覺(jué)感官明確展示信息內(nèi)容，情感側(cè)基于感性設(shè)計(jì)，可前期進(jìn)行頭腦風(fēng)暴設(shè)計(jì)合適的趣味性游戲化的主題，利用視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)感官增強(qiáng)驚喜感與沉浸感。

最后，利用這一公式，我們豐富了其他題型的趣味化設(shè)計(jì)，達(dá)240多種。

更多視頻演示?

https://www.bilibili.com/video/BV1Ba411H79y?zw&vd_source=a9ee608360d5f4f65c9841e7dc77084f

本文由 @哈哈 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。