網(wǎng)站建設(shè)、移動端APP開發(fā)在網(wǎng)頁設(shè)計(jì)布局中游戲化設(shè)計(jì)的概念由來已久，設(shè)計(jì)師從游戲當(dāng)中汲取經(jīng)驗(yàn)，將游戲策略運(yùn)用在非游戲類的應(yīng)用和網(wǎng)站當(dāng)中。在一個(gè)很長的時(shí)間里，設(shè)計(jì)師對于游戲化設(shè)計(jì)有過不少探索，總結(jié)了不少的經(jīng)驗(yàn)和教訓(xùn)。不過，對于游戲化設(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)頁和Web應(yīng)用，如果你在APP中尋找類似特征的案例，應(yīng)該也不會太少。
網(wǎng)站制作頁面游戲化設(shè)計(jì)之Habitica
游戲化設(shè)計(jì)元素：經(jīng)驗(yàn)點(diǎn)，關(guān)卡，升級，裝備等。
在諸多網(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í)候會發(fā)現(xiàn)，它是通過類似角色扮演的方式來做到這一點(diǎn)。當(dāng)你花費(fèi)時(shí)間培養(yǎng)新習(xí)慣之后，會獲得積分。屈從于舊習(xí)慣，你會失去積分。而當(dāng)你積攢了足夠的積分，就能升級了。
網(wǎng)站建設(shè)頁面在設(shè)計(jì)游戲化之Zurb
游戲化設(shè)計(jì)元素：發(fā)現(xiàn)物品，成就系統(tǒng)。
Zurb 可能是這個(gè)列表當(dāng)中距離游戲最遠(yuǎn)的一個(gè)網(wǎng)站了，你甚至可能很難察覺到游戲化設(shè)計(jì)的痕跡。你需要在閱讀網(wǎng)頁的時(shí)候，盡可能找到牛這個(gè)元素。當(dāng)你找到之后，就可以將它搜集起來，有一個(gè)頁面專門供你“放?！?。這是網(wǎng)站促進(jìn)用戶盡可能多地閱讀網(wǎng)頁內(nèi)容的一種方法，簡單，但是非常有效。每一個(gè)搜集癖、囤積控和強(qiáng)迫癥患者都無法忍受無法完整搜集這件事情。
APP開發(fā)網(wǎng)站制作設(shè)計(jì)時(shí)界面游戲化之LinkedIn
游戲化設(shè)計(jì)元素：競爭機(jī)制，成就系統(tǒng)。
也許你使用了很長時(shí)間的 LinkedIn 都不會意識到它正在使用游戲化機(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)你主動去競爭、完善。
相比較而言，LinkedIn 在游戲化設(shè)計(jì)上更為微妙，不過這也更加符合它們的特點(diǎn)。
網(wǎng)站制作頁面創(chuàng)作時(shí)游戲化面之Klout
游戲化設(shè)計(jì)元素：競爭機(jī)制。
幾乎所有的社交媒體都在一定程度上使用了游戲化設(shè)計(jì)的策略。不過Klout 在這方面做到了更進(jìn)一步，他們將激烈的人氣競爭運(yùn)用到了社交媒體當(dāng)中，并且將每個(gè)用戶的受歡迎程度量化，確保了用戶和用戶之間可以直接而清晰地競爭。
Klout 允許你將所有的社交媒體帳號關(guān)聯(lián)起來，通過向你展示其他處于領(lǐng)先位置的帳號，并且為你提供發(fā)布內(nèi)容和升級的路徑，來推動整個(gè)平臺的活躍度，強(qiáng)化用戶之間的互動。
網(wǎng)站設(shè)計(jì)頁面游戲化之Zoho Motivator
游戲化設(shè)計(jì)元素：競爭機(jī)制（困難模式）
Zoho Motivator 是 Zoho 的辦公套件的延伸工具，它從 Zoho 的 CRM 工具中獲得數(shù)據(jù)，來衡量每個(gè)銷售人員的能力。它能夠通過計(jì)算生成潛在用戶，創(chuàng)建銷售目標(biāo)，并且衡量結(jié)果。銷售人員可以在“友好”的比賽中競爭、排名。
這會是友好的比賽還是殘酷的競爭，主要取決于企業(yè)的環(huán)境和狀況，但是總體來說，想要在激烈的銷售競爭中勝出，這個(gè)游戲總體上還是處于困難模式的。
APP開發(fā)前端設(shè)計(jì)游戲化之Interland
游戲化設(shè)計(jì)元素：測試，謎題和平臺等。
Game elements: quizzes, puzzles, platforming, and
在這 7 個(gè)案例當(dāng)中，Interland 這個(gè)網(wǎng)站簡直是Bug一般的存在。作為一個(gè)針對兒童的網(wǎng)站，它主要是教授他們以互聯(lián)網(wǎng)安全和互聯(lián)網(wǎng)禮貌的平臺，為此網(wǎng)站當(dāng)中幾乎全都是各式各樣的小游戲。這種策略好則好矣，可惜絕大多數(shù)的網(wǎng)站并不能完全借用它的策略和經(jīng)驗(yàn)。如何正確地通過游戲來教育，這依然是一個(gè)值得研究的問題。
網(wǎng)站制作前端頁面設(shè)計(jì)游戲化經(jīng)驗(yàn)之Quizzes in general
游戲化設(shè)計(jì)元素：測試，競爭機(jī)制。
其實(shí)，網(wǎng)絡(luò)上存在最久的游戲化設(shè)計(jì)的形式，應(yīng)該是在線測試。最著名的在線測試包括 Facebook 測試，Buzzfeed 測試，以及來自 The Oatmeal 的測試。
雖然測試本身并不會直接地推動交互，但是它們常常被視作為有效的營銷工具。
網(wǎng)站制作公司結(jié)語
游戲化設(shè)計(jì)的方式其實(shí)非常之多，你可以從各種游戲當(dāng)中積攢經(jīng)驗(yàn)，結(jié)合你的產(chǎn)品進(jìn)行合理的設(shè)計(jì)，充分利用設(shè)計(jì)心理學(xué)調(diào)動起用戶積極性，創(chuàng)造出高參與度的產(chǎn)品。看看Robby Leonardi’s interactive resume 這個(gè)網(wǎng)站吧，即使是純粹的使用游戲化的視覺，同樣能夠驅(qū)動用戶和網(wǎng)站進(jìn)行交互。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。
