• <ul id="k6mek"><pre id="k6mek"></pre></ul>
      <ul id="k6mek"></ul>
      <ul id="k6mek"></ul>
    • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
    • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
      <th id="k6mek"></th>
    • <samp id="k6mek"></samp>
    • 游戲化在網(wǎng)頁設(shè)計(jì)中的7大用途

      游戲化作為一種概念已經(jīng)存在了很長時間,足以讓許多專家無所作為。有一小段時間,每個人都寫了一篇或五篇文章,然后差不多成了“游戲化專家”和商業(yè)博客的寶藏。

      問題是,我們?nèi)匀粦?yīng)該考慮這一點(diǎn)。不論是否流行,它通常都非常有效。

      因此,對于初學(xué)者:游戲化是一種將類似于游戲的功能,機(jī)制以及有時將UI元素放入您的網(wǎng)站或應(yīng)用程序的實(shí)踐。

      在本文中,我們將探討游戲化的幾種不同形式,以及它們?nèi)绾卧贗nternet上實(shí)現(xiàn)。您可能以前已經(jīng)看過其中一些功能,但是您可能沒有想到它們是類似游戲的功能。另外,我堅(jiān)持使用網(wǎng)站和Web應(yīng)用程序(您幾乎必須嘗試找到沒有某種游戲形式的移動應(yīng)用程序)。

      ?

      1.生境

      游戲元素:經(jīng)驗(yàn)值,等級,升級,裝備等。

      Habitica可能是我在網(wǎng)絡(luò)應(yīng)用程序中看到的最直接的游戲設(shè)計(jì)原理和機(jī)制應(yīng)用程序。為什么?因?yàn)樗旧鲜怯螒颉?/span>好吧,該應(yīng)用程序的既定目的是幫助您養(yǎng)成新的良好習(xí)慣,并消除不良習(xí)慣。

      他們試圖通過直接扮演角色扮演游戲機(jī)制來做到這一點(diǎn)。花時間養(yǎng)成新習(xí)慣,就會獲得積分。屈從于舊習(xí)慣,丟分。足夠的積分可以升級,依此類推。


      ?

      2. Zurb

      游戲元素:尋找目標(biāo),成就。

      Zurb可能是在比應(yīng)用程序更“站點(diǎn)”的站點(diǎn)中實(shí)現(xiàn)游戲機(jī)制的最佳示例。簡而言之,您要尋找隱藏在網(wǎng)站各處的母牛。有一個頁面,您可以在其中跟蹤找到的所有母牛。這可能是讓用戶閱讀或?yàn)g覽我迄今為止看到的每個頁面的最有趣的方式。


      ?

      3.領(lǐng)英

      游戲元素:比賽,完成。

      好的,您可能不認(rèn)為這是“游戲機(jī)制”,但LinkedIn(以及幾乎所有其他社交媒體網(wǎng)站)都實(shí)施了旨在鼓勵您完成個人資料的機(jī)制。它把填寫個人資料的每個部分都看作是一項(xiàng)成就,并為您提供一個狀態(tài)欄,以顯示個人資料的完整(或不完整)狀態(tài)。

      它旨在激發(fā)您的“完成主義”直覺。同樣,這些站點(diǎn)通常指出,個人資料更豐富的人在聯(lián)網(wǎng)方面更成功。一方面,這是一個很好的建議。另一方面,它會稍微打擊您的競爭本能。

      它們是游戲設(shè)計(jì)的精妙方面,但確實(shí)符合主題。


      ?

      4. Klout

      游戲元素:競爭。

      幾乎所有社交媒體都在一定程度上進(jìn)行了游戲化,但是Klout采取了許多步驟。實(shí)際上,這是社交媒體盛行的人氣競賽,并為每個人的人氣增加了數(shù)值。

      它通過允許您連接所有社交媒體帳戶,向您顯示您感興趣的領(lǐng)域中比您更受歡迎的行業(yè)領(lǐng)導(dǎo)者,并為您提供輕松發(fā)布和增加內(nèi)容以增加您的數(shù)量的方式,從而推動了互動。


      ?

      5. Zoho動機(jī)

      游戲元素:競爭(硬模式)。

      Zoho Motivator是Zoho在線辦公套件中一個活潑的工具。它從Zoho的CRM工具獲取數(shù)據(jù),以衡量公司每個銷售人員的表現(xiàn)。它計(jì)算產(chǎn)生的線索,創(chuàng)造的潛力和完成的銷售。然后,他們在一場友好的比賽中彼此對抗。

      好吧,取決于公司環(huán)境,這可能是友好的競爭,或者是殘酷的競爭,以查看誰可以通過任何方式獲得最大的銷售額。忘記社交媒體世界固有的問題。就是我開始懷疑我們是否應(yīng)該更加謹(jǐn)慎地使用游戲化的地方。


      ?

      6.內(nèi)陸

      游戲元素:測驗(yàn),謎題,平臺化等等。

      就實(shí)例而言,?Interland幾乎在作弊。從字面上看,這是一個充滿教育性迷你游戲的網(wǎng)站,旨在向新的互聯(lián)網(wǎng)用戶傳授互聯(lián)網(wǎng)安全和禮節(jié),并且主要針對兒童。也許這不是可用于大多數(shù)站點(diǎn)的方法。不過,對于教育網(wǎng)站,我會說它非常有效。通過游戲?qū)W習(xí)是一個行之有效的概念。


      ?

      7.一般測驗(yàn)

      游戲元素:測驗(yàn)(heh),比賽。

      在最后一個例子之后,我無視網(wǎng)絡(luò)上最古老的游戲化形式之一:在線測驗(yàn)。一些最著名的應(yīng)用程序包括Facebook測驗(yàn),Buzzfeed測驗(yàn)和The?Oatmeal的測驗(yàn)(其中一些可能是NSFW或生活)。有關(guān)干凈的測驗(yàn)示例,請嘗試閱讀此英國文學(xué)指南

      盡管測驗(yàn)本身通常不會直接推動與業(yè)務(wù)相關(guān)的互動(盡管可以),但它們通常非常有效地用作營銷工具。我敢說Buzzfeed和The Oatmeal在一定程度上得益于測驗(yàn)的病毒性。


      ?

      獎勵:純視覺游戲

      游戲元素:純視覺。

      網(wǎng)站設(shè)計(jì)制作我們有一個游戲化示例,該示例不需要用戶方面的大量輸入。您只需要滾動。我說的是羅比·倫納迪(Robby Leonardi)的互動簡歷,該網(wǎng)站的外觀和感覺都非常像側(cè)向滾動平臺游戲。

      我不知道這是否真的算是游戲化,但它確實(shí)很漂亮。



      返回觀點(diǎn)列表
      本文標(biāo)簽:

      相關(guān)專題

      • 品牌官網(wǎng)設(shè)計(jì)
        品牌官網(wǎng)設(shè)計(jì)

        杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃,品牌官網(wǎng)設(shè)計(jì),品牌官網(wǎng)建設(shè)開發(fā)服務(wù),以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ),為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作

        查看詳情
      • 大策略營銷門戶網(wǎng)站
        大策略營銷門戶網(wǎng)站

        杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng),適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn),曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)

        查看詳情
      • 集團(tuán)/上市公司網(wǎng)站
        集團(tuán)/上市公司網(wǎng)站

        杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù),為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求,歡迎廣大集團(tuán)公司客戶咨詢

        查看詳情
      • 外貿(mào)網(wǎng)站建設(shè)
        外貿(mào)網(wǎng)站建設(shè)

        杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃,外貿(mào)官網(wǎng)設(shè)計(jì),外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù),以谷歌搜索引起算法為基礎(chǔ),為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作

        查看詳情
      • 企業(yè)網(wǎng)站建設(shè)
        企業(yè)網(wǎng)站建設(shè)

        高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切,因?yàn)榕傻峡萍荚谶@里提供幫助,憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對每一個細(xì)節(jié)的關(guān)注,我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。

        查看詳情
      • 半定制網(wǎng)站
        半定制網(wǎng)站

        杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢

        查看詳情

      體驗(yàn)從溝通開始,讓我們聆聽您的需求!

      開始您的數(shù)字化品牌體驗(yàn)! 0571-85815193 期待您的來電!

      [ 網(wǎng)站建設(shè)×品牌官網(wǎng)設(shè)計(jì)×大策略營銷門戶×微信小程序開發(fā)×微信公眾號開發(fā)]

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      項(xiàng)目開發(fā)部產(chǎn)品經(jīng)理

      項(xiàng)目開發(fā)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      我們正使用 cookies 來改善您的訪問體驗(yàn)

      派迪科技非常重視您的個人隱私,當(dāng)您訪問我們的網(wǎng)站www.bmwdream.cn時,請同意使用所有cookies 。

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookies請?jiān)L問我們的 《隱私政策》

      Cookie 偏好

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookie請?jiān)L問我們的 《隱私政策》

      管理cookie偏好

      基本 cookies

      始終允許

      這些 cookies 是網(wǎng)站運(yùn)行所必需的,不能在我們的系統(tǒng)中關(guān)閉。它們通常僅針對您所做的相當(dāng)于服務(wù)請求的操作而設(shè)置,例如設(shè)置您的隱私首選項(xiàng)、登錄或填寫表格。您可以將瀏覽器設(shè)置為阻止或提醒您有關(guān)這些 cookies 的信息,但網(wǎng)站的某些部分將無法運(yùn)行。這些 cookies 不存儲任何個人身份信息。

      性能 cookies

      始終允許
      這些 cookies 使我們能夠計(jì)算訪問量和流量來源,以便我們可以衡量和改進(jìn)我們網(wǎng)站的性能。它們幫助我們了解哪些頁面受歡迎和不受歡迎,并了解訪問者如何在網(wǎng)站上移動。這些 cookies 收集的所有信息都是匯總的,而且是匿名的。如果您不允許這些 cookies,我們將不知道您何時訪問了我們的網(wǎng)站,也無法監(jiān)控其性能。

      功能性 cookies

      這些 cookies 收集信息用于分析和個性化您的定向廣告體驗(yàn)。您可以使用此撥動開關(guān)來行使選擇不獲取個人信息的權(quán)利。如果您選擇關(guān)閉,我們將無法向您提供個性化廣告,也不會將您的個人信息交給任何第三方。

      定位 Cookies

      這些 cookies 可能由我們的廣告合作伙伴通過我們的網(wǎng)站設(shè)置。這些公司可能會使用它們來建立您的興趣檔案,并在其他網(wǎng)站上向您展示相關(guān)廣告。它們不直接存儲個人信息,而是基于唯一標(biāo)識您的瀏覽器和互聯(lián)網(wǎng)設(shè)備。如果您不允許使用這些 cookie,您將體驗(yàn)到較少針對性的廣告。
      • <ul id="k6mek"><pre id="k6mek"></pre></ul>
        <ul id="k6mek"></ul>
        <ul id="k6mek"></ul>
      • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
      • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
        <th id="k6mek"></th>
      • <samp id="k6mek"></samp>