在網(wǎng)頁中如何踐行游戲化設(shè)計?研習(xí)一下這7個案例吧

游戲化設(shè)計的概念由來已久理澎,設(shè)計師從游戲當(dāng)中汲取經(jīng)驗六荒,將游戲策略運用在非游戲類的應(yīng)用和網(wǎng)站當(dāng)中。在一個很長的時間里矾端,設(shè)計師對于游戲化設(shè)計有過不少探索掏击,總結(jié)了不少的經(jīng)驗和教訓(xùn)。不過秩铆,對于游戲化設(shè)計砚亭,我們依然需要保持探索,在實踐中不斷總結(jié)經(jīng)驗殴玛。

就目前來看捅膘,游戲化設(shè)計的總體策略,仍然是將類似游戲的功能滚粟、機制寻仗、策略和UI元素轉(zhuǎn)化注入到網(wǎng)站或者APP當(dāng)中。

在今天的文章當(dāng)中凡壤,我們將使用7個不同的署尤、采用了游戲化設(shè)計的網(wǎng)站作為范例,來探討一下它們的設(shè)計策略和實現(xiàn)方法亚侠。其中的很多設(shè)計手法可能你以前都見過曹体,但是并未將它們視作為游戲化設(shè)計。在尋找范例的過程中硝烂,我盡量選取網(wǎng)頁和Web應(yīng)用箕别,如果你在APP中尋找類似特征的案例,應(yīng)該也不會太少滞谢。

1. Habitica

游戲化設(shè)計元素:經(jīng)驗點串稀,關(guān)卡,升級狮杨,裝備等母截。

在諸多網(wǎng)站當(dāng)中,Habitica是我看到最貼近游戲設(shè)計的網(wǎng)站禾酱。設(shè)計師直接將游戲設(shè)計的原理和機制應(yīng)用到 Habitica 的設(shè)計當(dāng)中微酬,以至于它整個給人的感覺就是一個游戲绘趋。這個網(wǎng)站是借助游戲化的策略幫你養(yǎng)成良好的習(xí)慣,改掉壞習(xí)慣颗管。

當(dāng)你開始使用它的時候會發(fā)現(xiàn)陷遮,它是通過類似角色扮演的方式來做到這一點。當(dāng)你花費時間培養(yǎng)新習(xí)慣之后垦江,會獲得積分帽馋。屈從于舊習(xí)慣,你會失去積分比吭。而當(dāng)你積攢了足夠的積分绽族,就能升級了。


2. Zurb

游戲化設(shè)計元素:發(fā)現(xiàn)物品衩藤,成就系統(tǒng)吧慢。

Zurb可能是這個列表當(dāng)中距離游戲最遠的一個網(wǎng)站了,你甚至可能很難察覺到游戲化設(shè)計的痕跡赏表。你需要在閱讀網(wǎng)頁的時候检诗,盡可能找到牛這個元素。當(dāng)你找到之后瓢剿,就可以將它搜集起來逢慌,有一個頁面專門供你“放牛”间狂。這是網(wǎng)站促進用戶盡可能多地閱讀網(wǎng)頁內(nèi)容的一種方法攻泼,簡單,但是非常有效鉴象。每一個搜集癖忙菠、囤積控和強迫癥患者都無法忍受無法完整搜集這件事情。

3. LinkedIn

游戲化設(shè)計元素:競爭機制炼列,成就系統(tǒng)只搁。

也許你使用了很長時間的 LinkedIn 都不會意識到它正在使用游戲化機制音比。但是LinkedIn確確實實借助游戲化的機制俭尖,鼓勵你逐步完勝你的個人資料,它將你的每一個操作和任務(wù)都積分化洞翩,成就化稽犁,通過一個進度條隱性的督促你去不斷完善,以達到100%骚亿。

LinkedIn 就是在竭盡全力觸發(fā)你身上的“補完”本能已亥。除此之外,網(wǎng)站通過展示那些填寫信息完整的成功人事来屠,點燃你的斗志虑椎,結(jié)合各種建議和引導(dǎo)震鹉,促進你主動去競爭、完善捆姜。

相比較而言传趾,LinkedIn 在游戲化設(shè)計上更為微妙,不過這也更加符合它們的特點泥技。


4. Klout

游戲化設(shè)計元素:競爭機制浆兰。

幾乎所有的社交媒體都在一定程度上使用了游戲化設(shè)計的策略。不過Klout 在這方面做到了更進一步珊豹,他們將激烈的人氣競爭運用到了社交媒體當(dāng)中簸呈,并且將每個用戶的受歡迎程度量化,確保了用戶和用戶之間可以直接而清晰地競爭店茶。

Klout 允許你將所有的社交媒體帳號關(guān)聯(lián)起來蜕便,通過向你展示其他處于領(lǐng)先位置的帳號,并且為你提供發(fā)布內(nèi)容和升級的路徑贩幻,來推動整個平臺的活躍度玩裙,強化用戶之間的互動。



5. Zoho Motivator

游戲化設(shè)計元素:競爭機制(困難模式)

Zoho Motivator 是 Zoho 的辦公套件的延伸工具段直,它從 Zoho 的 CRM 工具中獲得數(shù)據(jù)吃溅,來衡量每個銷售人員的能力。它能夠通過計算生成潛在用戶鸯檬,創(chuàng)建銷售目標(biāo)决侈,并且衡量結(jié)果。銷售人員可以在“友好”的比賽中競爭喧务、排名赖歌。

這會是友好的比賽還是殘酷的競爭,主要取決于企業(yè)的環(huán)境和狀況功茴,但是總體來說庐冯,想要在激烈的銷售競爭中勝出,這個游戲總體上還是處于困難模式的坎穿。


6. Interland

游戲化設(shè)計元素:測試展父,謎題和平臺等。

Game elements:?quizzes, puzzles, platforming, and

在這7個案例當(dāng)中玲昧,Interland 這個網(wǎng)站簡直是Bug一般的存在栖茉。作為一個針對兒童的網(wǎng)站,它主要是教授他們以互聯(lián)網(wǎng)安全和互聯(lián)網(wǎng)禮貌的平臺孵延,為此網(wǎng)站當(dāng)中幾乎全都是各式各樣的小游戲吕漂。這種策略好則好矣,可惜絕大多數(shù)的網(wǎng)站并不能完全借用它的策略和經(jīng)驗尘应。如何正確地通過游戲來教育惶凝,這依然是一個值得研究的問題吼虎。


7. Quizzes in general

游戲化設(shè)計元素:測試,競爭機制苍鲜。

其實鲸睛,網(wǎng)絡(luò)上存在最久的游戲化設(shè)計的形式,應(yīng)該是在線測試坡贺。最著名的在線測試包括 Facebook 測試官辈,Buzzfeed 測試,以及來自 The Oatmeal 的測試遍坟。

雖然測試本身并不會直接地推動交互拳亿,但是它們常常被視作為有效的營銷工具。


翻譯:陳子木

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末愿伴,一起剝皮案震驚了整個濱河市肺魁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌隔节,老刑警劉巖鹅经,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異怎诫,居然都是意外死亡瘾晃,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門幻妓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蹦误,“玉大人,你說我怎么就攤上這事肉津∏恳龋” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵妹沙,是天一觀的道長偶洋。 經(jīng)常有香客問我,道長距糖,這世上最難降的妖魔是什么玄窝? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮肾筐,結(jié)果婚禮上哆料,老公的妹妹穿的比我還像新娘。我一直安慰自己吗铐,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布杏节。 她就那樣靜靜地躺著唬渗,像睡著了一般典阵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上镊逝,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天壮啊,我揣著相機與錄音,去河邊找鬼撑蒜。 笑死歹啼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的座菠。 我是一名探鬼主播狸眼,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼浴滴!你這毒婦竟也來了拓萌?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤升略,失蹤者是張志新(化名)和其女友劉穎微王,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體品嚣,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡炕倘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了翰撑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片激才。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖额嘿,靈堂內(nèi)的尸體忽然破棺而出瘸恼,到底是詐尸還是另有隱情,我是刑警寧澤册养,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布东帅,位于F島的核電站,受9級特大地震影響球拦,放射性物質(zhì)發(fā)生泄漏靠闭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一坎炼、第九天 我趴在偏房一處隱蔽的房頂上張望愧膀。 院中可真熱鬧,春花似錦谣光、人聲如沸檩淋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蟀悦。三九已至媚朦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間日戈,已是汗流浹背询张。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留浙炼,地道東北人份氧。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像弯屈,于是被迫代替她去往敵國和親蜗帜。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • P165 --------------------第6章-概念設(shè)計------------------- 不斷迭代...
    自閉少女福妮妮閱讀 5,365評論 0 25
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,107評論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案季俩? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 13,751評論 1 92
  • 還以為自己學(xué)過做蛋糕钮糖,做摩卡蛋糕還能稍微熟練些,結(jié)果還是呵呵了酌住,就沒有一次做出讓自己真正滿意的作品店归!對自己超級失望!
    滄海一粟之小傻子閱讀 161評論 0 0
  • 很久沒有寫過發(fā)過什么文章了酪我,甚至空間和朋友圈也沉寂了很多消痛,慢慢地發(fā)現(xiàn)自己不會再像以前那般幼稚,有什么想法和感觸都會...
    周萬萬閱讀 198評論 0 0