me = 柏強
 (a.k.a. BobChao)
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
Gamification




                          遊戲化 是在
                          Play 蝦米 Game?
                                                                      BobChao




http://www.flickr.com/photos/vfsdigitaldesign/6077020797/ ,CC:by-sa
coursera.org
GAME!




(c) FarmVille 2
Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business
Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business
Gamification =

 use Game elements +
 Game design techniques

 in Non-game context
Gamification =

 use Game elements +
 Game design techniques

 in Non-game context
Game Elements?




(c) FarmVille 2
點數               等級 & 進度     資源




  任務


                            代表人物




                  社交元素

(c) FarmVille 2
Copied from kwerb's slide - http://www.slideshare.net/kwerb/how-game-thinking-can-revolutionize-your-business
任務進度                  等級




          代表圖像
                                                                                                                     獎勵




                                                                                                                     挑戰

                                                                                                                     社交網絡


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

 use Game elements +
 Game design techniques

 in Non-game context
Game Design
           Thinking like a game designer.
Get your players playing, and keep them playing


   ●   玩家側寫(以玩家為中心 :D )
   ●   原型測試
   ●   數據平衡
   ●   封測公測,循環調整
   ●   創造適合沉溺的體驗
Gamification =

 use Game elements +
 Game design techniques

 in Non-game context
目的
不僅止於遊戲中獲勝
Foldit
http://fold.it/portal/
Game
●   自願參與
●   自主性
    –   有意義的連鎖選擇,以解決挑戰
●   有人為規則、結構
Gamification
               Design Framework

1. Define
2. Delineate
3. Describe
4. Devise active loop
5. Don't forget the fun
6. Deploy the appropriate tools
Define 定義目標
           列出組織目標                                                    加權        刪除 ( 貪多嚼不爛 )




http://pixabay.com/en/goal-soccer-sport-aim-ball-grass-20121/ public domain)
Delineate 勾畫細節
         ●    什麼行為能達成目標?
         ●    對參與者而言,這個「遊戲」的目的是什麼?


http://pixabay.com/en/cat-curious-yonblo-feline-kitten-11221/ Public domain
Describe
了解玩家
●   目標族群側寫
●   怎麼增強動機?



              http://www.flickr.com/photos/guysie/6958087062/ , CC:by-sa
http://www.motifake.com/motivation-office-space-peter-gibbons-motivation-lazy-demotivational-posters-14637.html
行為學派
●   學習 = 刺激 ↔ 反應
●   增強刺激(獎勵或處罰)
    –   觀察行為
    –   給 Feedback (進度條)
    –   再以獎勵 / 懲罰加強
●   外在獎勵誘發動機
●   問題
    –   無視內在動機
    –   有機會造成反效果
Self-determination theory
               自我決定理論
●   或可認知為馬斯洛需求層次理論的後代版本
●   依據各種狀況自我判斷,造成內在動機的強弱
●   三需求
    –   勝任感
    –   自主性
    –   關連感(與自身以外的 )
●   「想做所以做」
Active Loop




              http://www.flickr.com/photos/tanaka_juuyoh/4434232143/ , C
Engagement Loops




( 加強 )   動機        ( 促使 )   行動




          ( 獲得 )   回饋
Progression Loops

                            !
                        中頭目




新手入門    休息        休息               休息               休息
  難度提升 ... 難度再提升 ...   難度又提升 ...        難度又提升 ...
DEMO
                                The onboarding experience
                                                       of




http://art.ngfiles.com/images/15/starogre_closure-concept-wallpaper.jpg


Prototype: http://www.closuregame.com/closure.php
Make things



FUN
is not that easy.
http://xeodesign.com/4k2f/4k2f.jpg
Hard Fun
http://xeodesign.com/4k2f/4k2f.jpg




                                     ●   「天啊,我好像有一點強!」
                                     ●   不靠運氣,靠實力
                                         (雖然運氣也是實力的一種)
http://xeodesign.com/4k2f/4k2f.jpg




                                      ●
                                               ●
                                              探索世界
                                                     Easy Fun

                                     體驗不同感覺
http://xeodesign.com/4k2f/4k2f.jpg




                                         ●
                                                ●




                                     的機會
                                               團隊合作
                                                      People Fun


                                     獲得與朋友聯繫
Serious Fun
                                     ●   對事情有新的體悟,從而獲
                                         得滿足
                                     ●   拿來應對無聊的事情,從而
                                         完成過去(因為無趣而)達
                                         不到的
http://xeodesign.com/4k2f/4k2f.jpg
怎樣才 FUN
●   得勝          ● 有所作為
●   解難題         ● 蒐集物品


                ● 有驚喜
●   探索
                ● 發揮想像力
●   放鬆          ● 可分享

●   合作          ● 角色扮演


                ● 隨心自訂
●   被認同
●   耍笨耍呆
http://www.youtube.com/watch?v=iynzHWwJXaA
http://www.youtube.com/watch?v=2lXh2n0aPyw
https://channel9.msdn.com/achievements/visualstudio
http://www.flickr.com/photos/99247795@N00/700097365 , CC:BY-SA




                                                  簡言之便為「實作」
Tools
                                             ●


                                             ●    這一點很虛,我知道 :P
Bonus: GAME FRAME

                         遊戲中要做的事 (D2)
                            Activity


                      動作與選擇
                      Actions


                              選擇技能
                               Skills
     Objective (D2)




                                                         Outcomes )
                                                         結果 ( 增強
                                             Black Box
     玩家目標




                                             系統規則
                              選擇資源
                             Resources


                              設計阻力
                             Resistance


                      系統反應
                      Feedback
                              技能周期 (D4)
                               技能周期 (D4)

                            玩家剖析 (D3)
                            Player Profile
參考
●   Gamification 課程
●   For the Win
●   加入遊戲因子,解決各種問題
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

Gamification 遊戲化是在 Play 蝦米 Game