游戲網(wǎng)站建設(shè)中游戲網(wǎng)頁(yè)、游戲APP頁(yè)面、游戲PC客戶端界面都可以看作為一個(gè)網(wǎng)頁(yè)，而游戲網(wǎng)站則是由一個(gè)個(gè)游戲網(wǎng)頁(yè)組合而成，網(wǎng)頁(yè)游戲化設(shè)計(jì)的概念來自很早的游戲設(shè)計(jì)中，設(shè)計(jì)師是通過游戲中的運(yùn)營(yíng)策略汲取教訓(xùn)后將游戲的運(yùn)營(yíng)策略應(yīng)用在非游戲和游戲類的應(yīng)用和網(wǎng)站中，廣州網(wǎng)站建設(shè)設(shè)計(jì)師曾專門對(duì)游戲化設(shè)計(jì)有過探索，但對(duì)于游戲化的設(shè)計(jì)精髓依舊需要持續(xù)性的探索并不斷從實(shí)踐中總結(jié)經(jīng)驗(yàn)。

目前，游戲網(wǎng)站建設(shè)頁(yè)面游戲化設(shè)計(jì)的總體策略，仍然是將類似游戲的功能、機(jī)制、策略和UI元素轉(zhuǎn)化注入到網(wǎng)站建設(shè)或者APP開發(fā)當(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)起來，通過向你展示其他處于位置的帳號(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)行交互。（@優(yōu)設(shè)）

文章名稱：游戲網(wǎng)站建設(shè)中網(wǎng)頁(yè)如何踐行游戲化設(shè)計(jì)
文章分享：http://www.rwnh.cn/news/146619.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)