項目分享 | 如何進行游戲化設計

0 評論 4981 瀏覽 17 收藏 9 分鐘

編輯導語:近幾年很多產品都在進行游戲化設計,教學內容也不例外。本文作者分享了有關教學內容的游戲化設計內容,講述了游戲化設計過程中方案的探索和方案落地、體系建立的相關內容,一起來學習一下吧。

前言:雖然教育行業在時代的潮流中迎來了落幕,但對教學內容游戲化的研究的時光依然是我職業生涯中美好的回憶。本文是關于曾經做這個項目時的一些思考。

一、項目背景

游戲,是一個從小到大都在陪伴著我們的奇妙的東西,在游戲中我們感受到快樂,認知與社會的關系,感受世間冷暖。

“游戲化”一詞是近幾年比較熱門的概念,近幾年的很多產品都在嘗試游戲化設計,從而更有效的吸引用戶,拉新、轉化與留存。而教育產品近年也在努力想通過游戲化增強學習樂趣,提升學習體驗。

這個項目的背景是,由于當時課件模版以基本滿足基礎題型,但在趣味化層面還是有所欠缺,所以急需增強課件交互層面的趣味性,為用戶帶來更多的新奇與驚喜,但由于我們的課件模版種類數量較多,所以在趣味性設計層面還需建立體系,保證整體課件模版的規范及統一性。

所以在設計層面主要做的就這兩點:增強趣味性和建立趣味化設計體系。

二、面臨問題

首先從句子排序這一題型入手,調研了當時這一題型的展現形式,所面臨的問題是題目展現形式單一,缺少趣味性,幾乎都是一個樣子,只是單純的換了背景圖。

三、解決方案探索

那么,如何增強趣味性呢,我們首先想到了游戲,游戲化這個詞在近幾年也是比較熱門的概念,很多產品都在嘗試游戲化設計來吸引用戶,前期我們對游戲進行了研究,其實游戲就是通過一個核心創意,之后通過渲染用戶感官體驗來增加趣味性,為用戶帶來歡樂。

那么我們就想這種方式是否可以應用在課件模版呢?

首先確定一個主題,并將題目內容包裹在這個主題中并附加上趣味玩法,同時通過動效、聲音、節奏的設計渲染在操作過程中用戶視覺、聽覺和觸覺的感受,同時增加些小彩蛋,為用戶帶來驚喜。

于是,我們先定義了互動題課件模版的結構,以保證設計的統一性。基于一個故事的敘事方式,我們將互動題結構分為故事前情、故事主體以及故事結局三個模塊,分別對應的是頁面開始頁,答題頁和結束反饋頁,操作指引頁面完善玩法說明與指導,答題頁面明確題目內容,同時規范基礎的微交互設計。

之后利用情緒版進行適合兒童的主題選擇,選擇了一個充滿童趣的挖沙子的主題,為了增強驚喜感,主角選擇了一個小怪物的形象。

四、方案落地

于是就有了這個沙子通道的設計方案。

故事主題為小怪物挖沙子,玩法為拖動小怪物挖通沙子按正確的順序挖到單詞,完成這一操作,拖的快則挖的快,拖的慢則挖的慢,節奏由用戶掌控,小怪物可以做上小車去往下一關,同時獲得獎杯獎勵,隱藏的一彩蛋是長按小怪物,小怪物雙手會動起來做挖土的動作,并且還配了背景音樂和音效,使其在操作過程中更有沉浸感。

  • 開始頁面——明確故事主題:以講故事的方式進行設計,首先交代故事主題為小怪物挖沙子,同時以動效做氛圍渲染。
  • 操作指引頁——演示玩法:引導用戶跟著指引動畫操作一邊,交代操作玩法,使用戶對接下來的答題操作有個心理預期。同時以“ready go!”的動效及音頻做操作指引的結尾,交代故事即將開始,請做好準備。同時提供操作指引“跳過”的功能,給用戶更多選擇。
  • 答題頁——答題體驗:當前方案的交互方式為拖動小怪物挖洞沙子,按正確的順序將藏在沙子中的單詞挖出,組成正確的句子。最終幫助小怪物順利挖通土層,搭載小車進入到下一關。? 這里隱藏的彩蛋是:當長按小怪物時它會去做持續挖土的動作且提高了挖土的頻率,并且在挖土的過程中還有隨機的寶石被挖出,為用戶提供更多的驚喜!
  • 結束頁——鼓勵反饋:交代故事結局,成功闖關,彈出大大的鼓勵動畫及音頻渲染氛圍,傳遞用戶情緒價值。

這個是這個課件的操作錄屏視頻。

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

以這樣的思路,針對這種題型還做了拼寫部落,洞穴逃生、滾動選字、貓貓洗澡等主題的模版。

五、體系建立

同時對這一思路進行了方法總結,就是我們如何增強這種內容類的產品的趣味性,進行游戲化設計。

首先我們認為針對這一類型的產品主要設計分為兩個模塊,信息有效傳達,以及情感話設計,信息側基于理性設計,提煉信息以及進行有效信息分類,利用視覺感官明確展示信息內容,情感側基于感性設計,可前期進行頭腦風暴設計合適的趣味性游戲化的主題,利用視覺、聽覺、觸覺感官增強驚喜感與沉浸感。

最后,利用這一公式,我們豐富了其他題型的趣味化設計,達240多種。

更多視頻演示?

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

 

本文由 @哈哈 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!