原始檔在 http://present.bobchao.net/presentation:gamification-introduction

1. me = 柏強
(a.k.a. BobChao)

2. Web Maker
http://www.flickr.com/photos/hbarrison/6178542312/, CC:by-sa
Marketer
http://www.flickr.com/photos/hulagway/4785321464/ ,CC:BY
UX Ninja
(wannabe)
http://www.flickr.com/photos/jonathanbeard/3323527515/ , CC:BY

3. Gamification
遊戲化 是在
Play 蝦米 Game?
BobChao
http://www.flickr.com/photos/vfsdigitaldesign/6077020797/ ,CC:by-sa

4. coursera.org

6. GAME!
(c) FarmVille 2

7. Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business

8. Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business

9. Gamification =
use Game elements +
Game design techniques
in Non-game context

10. Gamification =
use Game elements +
Game design techniques
in Non-game context

11. Game Elements?
(c) FarmVille 2

12. 點數 等級 & 進度 資源
任務
代表人物
社交元素
(c) FarmVille 2

13. Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business

14. 任務進度 等級
代表圖像
獎勵
挑戰
社交網絡
徽章
Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business

15. Gamification =
use Game elements +
Game design techniques
in Non-game context

16. Game Design
Thinking like a game designer.
Get your players playing, and keep them playing
● 玩家側寫（以玩家為中心 :D ）
● 原型測試
● 數據平衡
● 封測公測，循環調整
● 創造適合沉溺的體驗

17. Gamification =
use Game elements +
Game design techniques
in Non-game context

18. 目的
不僅止於遊戲中獲勝

19. Foldit
http://fold.it/portal/

20. Game
● 自願參與
● 自主性
– 有意義的連鎖選擇，以解決挑戰
● 有人為規則、結構

21. Gamification
Design Framework
1. Define
2. Delineate
3. Describe
4. Devise active loop
5. Don't forget the fun
6. Deploy the appropriate tools

22. Define 定義目標
列出組織目標 加權 刪除 ( 貪多嚼不爛 )
http://pixabay.com/en/goal-soccer-sport-aim-ball-grass-20121/ public domain)

23. Delineate 勾畫細節
● 什麼行為能達成目標？
● 對參與者而言，這個「遊戲」的目的是什麼？
http://pixabay.com/en/cat-curious-yonblo-feline-kitten-11221/ Public domain

24. Describe
了解玩家
● 目標族群側寫
● 怎麼增強動機？
http://www.flickr.com/photos/guysie/6958087062/ , CC:by-sa

25. http://www.motifake.com/motivation-office-space-peter-gibbons-motivation-lazy-demotivational-posters-14637.html

26. 行為學派
● 學習 = 刺激 ↔ 反應
● 增強刺激（獎勵或處罰）
– 觀察行為
– 給 Feedback （進度條）
– 再以獎勵 / 懲罰加強
● 外在獎勵誘發動機
● 問題
– 無視內在動機
– 有機會造成反效果

27. Self-determination theory
自我決定理論
● 或可認知為馬斯洛需求層次理論的後代版本
● 依據各種狀況自我判斷，造成內在動機的強弱
● 三需求
– 勝任感
– 自主性
– 關連感（與自身以外的 )
● 「想做所以做」

28. Active Loop
http://www.flickr.com/photos/tanaka_juuyoh/4434232143/ , C

29. Engagement Loops
( 加強 ) 動機 ( 促使 ) 行動
( 獲得 ) 回饋

30. Progression Loops
!
中頭目
新手入門 休息 休息 休息 休息
難度提升 ... 難度再提升 ... 難度又提升 ... 難度又提升 ...

31. DEMO
The onboarding experience
of
http://art.ngfiles.com/images/15/starogre_closure-concept-wallpaper.jpg
Prototype: http://www.closuregame.com/closure.php

32. Make things
FUN
is not that easy.

33. http://xeodesign.com/4k2f/4k2f.jpg

34. Hard Fun
http://xeodesign.com/4k2f/4k2f.jpg
● 「天啊，我好像有一點強！」
● 不靠運氣，靠實力
（雖然運氣也是實力的一種）

35. http://xeodesign.com/4k2f/4k2f.jpg
●
●
探索世界
Easy Fun
體驗不同感覺

36. http://xeodesign.com/4k2f/4k2f.jpg
●
●
的機會
團隊合作
People Fun
獲得與朋友聯繫

37. Serious Fun
● 對事情有新的體悟，從而獲
得滿足
● 拿來應對無聊的事情，從而
完成過去（因為無趣而）達
不到的
http://xeodesign.com/4k2f/4k2f.jpg

38. 怎樣才 FUN
● 得勝 ● 有所作為
● 解難題 ● 蒐集物品
● 有驚喜
● 探索
● 發揮想像力
● 放鬆 ● 可分享
● 合作 ● 角色扮演
● 隨心自訂
● 被認同
● 耍笨耍呆

39. http://www.youtube.com/watch?v=iynzHWwJXaA

40. http://www.youtube.com/watch?v=2lXh2n0aPyw

41. https://channel9.msdn.com/achievements/visualstudio

42. http://www.flickr.com/photos/99247795@N00/700097365 , CC:BY-SA
簡言之便為「實作」
Tools
●
● 這一點很虛，我知道 :P

43. Bonus: GAME FRAME
遊戲中要做的事 (D2)
Activity
動作與選擇
Actions
選擇技能
Skills
Objective (D2)
Outcomes )
結果 ( 增強
Black Box
玩家目標
系統規則
選擇資源
Resources
設計阻力
Resistance
系統反應
Feedback
技能周期 (D4)
技能周期 (D4)
玩家剖析 (D3)
Player Profile

44. 參考
● Gamification 課程
● For the Win
● 加入遊戲因子，解決各種問題

45. Gamification
遊戲化 是在
Play 蝦米 Game?
bobchao@gmail.com
Licence: http://creativecommons.org/licenses/by-sa/3.0/tw/
http://www.flickr.com/photos/vfsdigitaldesign/6077020797/ ,CC:by-sa