火星網(wǎng)校
在網(wǎng)頁(yè)中如何踐行游戲化設(shè)計(jì)?研習(xí)一下這7個(gè)案例吧
發(fā)布時(shí)間：2024-01-12 11:20:41 瀏覽量：192次
游戲化設(shè)計(jì)的概念由來已久，設(shè)計(jì)師從游戲當(dāng)中汲取經(jīng)驗(yàn)，將游戲策略運(yùn)用在非游戲類的應(yīng)用和網(wǎng)站當(dāng)中。在一個(gè)很長(zhǎng)的時(shí)間里，設(shè)計(jì)師對(duì)于游戲化設(shè)計(jì)有過不少探索，總結(jié)了不少的經(jīng)驗(yàn)和教訓(xùn)。不過，對(duì)于游戲化設(shè)計(jì)，我們依然需要保持探索，在實(shí)踐中不斷總結(jié)經(jīng)驗(yàn)。
就目前來看，游戲化設(shè)計(jì)的總體策略，仍然是將類似游戲的功能、機(jī)制、策略和UI元素轉(zhuǎn)化注入到網(wǎng)站或者APP當(dāng)中。
在今天的文章當(dāng)中，我們將使用7個(gè)不同的、采用了游戲化設(shè)計(jì)的網(wǎng)站作為范例，來探討一下它們的設(shè)計(jì)策略和實(shí)現(xiàn)方法。其中的很多設(shè)計(jì)手法可能你以前都見過，但是并未將它們視作為游戲化設(shè)計(jì)。在尋找范例的過程中，我盡量選取網(wǎng)頁(yè)和Web應(yīng)用，如果你在APP中尋找類似特征的案例，應(yīng)該也不會(huì)太少。
1. Habitica
游戲化設(shè)計(jì)元素：經(jīng)驗(yàn)點(diǎn)，關(guān)卡，升級(jí)，裝備等。
在諸多網(wǎng)站當(dāng)中，Habitica是我看到最貼近游戲設(shè)計(jì)的網(wǎng)站。設(shè)計(jì)師直接將游戲設(shè)計(jì)的原理和機(jī)制應(yīng)用到 Habitica 的設(shè)計(jì)當(dāng)中，以至于它整個(gè)給人的感覺就是一個(gè)游戲。這個(gè)網(wǎng)站是借助游戲化的策略幫你養(yǎng)成良好的習(xí)慣，改掉壞習(xí)慣。
當(dāng)你開始使用它的時(shí)候會(huì)發(fā)現(xiàn)，它是通過類似角色扮演的方式來做到這一點(diǎn)。當(dāng)你花費(fèi)時(shí)間培養(yǎng)新習(xí)慣之后，會(huì)獲得積分。屈從于舊習(xí)慣，你會(huì)失去積分。而當(dāng)你積攢了足夠的積分，就能升級(jí)了。
2. Zurb
游戲化設(shè)計(jì)元素：發(fā)現(xiàn)物品，成就系統(tǒng)。
Zurb 可能是這個(gè)列表當(dāng)中距離游戲最遠(yuǎn)的一個(gè)網(wǎng)站了，你甚至可能很難察覺到游戲化設(shè)計(jì)的痕跡。你需要在閱讀網(wǎng)頁(yè)的時(shí)候，盡可能找到牛這個(gè)元素。當(dāng)你找到之后，就可以將它搜集起來，有一個(gè)頁(yè)面專門供你“放?！?。這是網(wǎng)站促進(jìn)用戶盡可能多地閱讀網(wǎng)頁(yè)內(nèi)容的一種方法，簡(jiǎn)單，但是非常有效。每一個(gè)搜集癖、囤積控和強(qiáng)迫癥患者都無法忍受無法完整搜集這件事情。
3. LinkedIn
游戲化設(shè)計(jì)元素：競(jìng)爭(zhēng)機(jī)制，成就系統(tǒng)。
也許你使用了很長(zhǎng)時(shí)間的 LinkedIn 都不會(huì)意識(shí)到它正在使用游戲化機(jī)制。但是LinkedIn確確實(shí)實(shí)借助游戲化的機(jī)制，鼓勵(lì)你逐步完勝你的個(gè)人資料，它將你的每一個(gè)操作和任務(wù)都積分化，成就化，通過一個(gè)進(jìn)度條隱性的督促你去不斷完善，以達(dá)到100%。
LinkedIn 就是在竭盡全力觸發(fā)你身上的“補(bǔ)完”本能。除此之外，網(wǎng)站通過展示那些填寫信息完整的成功人事，點(diǎn)燃你的斗志，結(jié)合各種建議和引導(dǎo)，促進(jìn)你主動(dòng)去競(jìng)爭(zhēng)、完善。
相比較而言，LinkedIn 在游戲化設(shè)計(jì)上更為微妙，不過這也更加符合它們的特點(diǎn)。
4. Klout
游戲化設(shè)計(jì)元素：競(jìng)爭(zhēng)機(jī)制。
幾乎所有的社交媒體都在一定程度上使用了游戲化設(shè)計(jì)的策略。不過Klout 在這方面做到了更進(jìn)一步，他們將激烈的人氣競(jìng)爭(zhēng)運(yùn)用到了社交媒體當(dāng)中，并且將每個(gè)用戶的受歡迎程度量化，確保了用戶和用戶之間可以直接而清晰地競(jìng)爭(zhēng)。
Klout 允許你將所有的社交媒體帳號(hào)關(guān)聯(lián)起來，通過向你展示其他處于領(lǐng)先位置的帳號(hào)，并且為你提供發(fā)布內(nèi)容和升級(jí)的路徑，來推動(dòng)整個(gè)平臺(tái)的活躍度，強(qiáng)化用戶之間的互動(dòng)。
5. Zoho Motivator
游戲化設(shè)計(jì)元素：競(jìng)爭(zhēng)機(jī)制(困難模式)
Zoho Motivator 是 Zoho 的辦公套件的延伸工具，它從 Zoho 的 CRM 工具中獲得數(shù)據(jù)，來衡量每個(gè)銷售人員的能力。它能夠通過計(jì)算生成潛在用戶，創(chuàng)建銷售目標(biāo)，并且衡量結(jié)果。銷售人員可以在“友好”的比賽中競(jìng)爭(zhēng)、排名。
這會(huì)是友好的比賽還是殘酷的競(jìng)爭(zhēng)，主要取決于企業(yè)的環(huán)境和狀況，但是總體來說，想要在激烈的銷售競(jìng)爭(zhēng)中勝出，這個(gè)游戲總體上還是處于困難模式的。
6. Interland
游戲化設(shè)計(jì)元素：測(cè)試，謎題和平臺(tái)等。
Game elements: quizzes, puzzles, platforming, and
在這7個(gè)案例當(dāng)中，Interland 這個(gè)網(wǎng)站簡(jiǎn)直是Bug一般的存在。作為一個(gè)針對(duì)兒童的網(wǎng)站，它主要是教授他們以互聯(lián)網(wǎng)安全和互聯(lián)網(wǎng)禮貌的平臺(tái)，為此網(wǎng)站當(dāng)中幾乎全都是各式各樣的小游戲。這種策略好則好矣，可惜絕大多數(shù)的網(wǎng)站并不能完全借用它的策略和經(jīng)驗(yàn)。如何正確地通過游戲來教育，這依然是一個(gè)值得研究的問題。
7. Quizzes in general
游戲化設(shè)計(jì)元素：測(cè)試，競(jìng)爭(zhēng)機(jī)制。
其實(shí)，網(wǎng)絡(luò)上存在最久的游戲化設(shè)計(jì)的形式，應(yīng)該是在線測(cè)試。最著名的在線測(cè)試包括 Facebook 測(cè)試，Buzzfeed 測(cè)試，以及來自 The Oatmeal 的測(cè)試。
雖然測(cè)試本身并不會(huì)直接地推動(dòng)交互，但是它們常常被視作為有效的營(yíng)銷工具。
結(jié)語(yǔ)
游戲化設(shè)計(jì)的方式其實(shí)非常之多，你可以從各種游戲當(dāng)中積攢經(jīng)驗(yàn)，結(jié)合你的產(chǎn)品進(jìn)行合理的設(shè)計(jì)，充分利用設(shè)計(jì)心理學(xué)調(diào)動(dòng)起用戶積極性，創(chuàng)造出高參與度的產(chǎn)品?？纯碦obby Leonardi’s interactive resume這個(gè)網(wǎng)站吧，即使是純粹的使用游戲化的視覺，同樣能夠驅(qū)動(dòng)用戶和網(wǎng)站進(jìn)行交互。
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性，歡迎點(diǎn)擊咨詢報(bào)名。
-
2. 手機(jī)游戲如何開發(fā)(如何制作傳奇手游，都需要準(zhǔn)備些什么？)
?如何制作傳奇手游，都需要準(zhǔn)備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現(xiàn)在的手游，說明時(shí)代在進(jìn)步游戲在更新，更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費(fèi)、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費(fèi)、一鍵制作炫酷特效，適合新手小白?？靵碓囋?！
-
4. Steam值得入手的武俠游戲盤點(diǎn)，各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結(jié)局,不限主線發(fā)展,高自由...
-
5. Bigtime加密游戲經(jīng)濟(jì)體系揭秘，不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析，探討游戲經(jīng)濟(jì)特點(diǎn)，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
6. 3D動(dòng)畫軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫軟件或動(dòng)畫工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫的軟件程序。但是,在3D動(dòng)畫軟件中還包含了其他類型的...
-
7. 3D動(dòng)漫建模全過程，不是一般人能學(xué)的會(huì)的，會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
-
8. 如何自己開發(fā)一款游戲(游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧)
?游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧無論您是剛剛起步開發(fā)自己的第一款游戲，還是已經(jīng)制作了幾款游戲，本篇文章中的5大獨(dú)立游戲開發(fā)技巧都可以幫助您更好地設(shè)計(jì)下一款游戲。無論你對(duì)游戲有著什么樣的概念，都
-
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
-
10. 3D打印技巧揭秘！Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固？不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧，讓你輕松掌握！
最新文章
