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

5.
GAME!
(c) FarmVille 2

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

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

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

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

10.
Game Elements?
(c) FarmVille 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

31.
Make things
FUN
is not that easy.

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

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

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

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

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

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

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

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

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

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

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

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

44.
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