SlideShare a Scribd company logo
1 of 77
The
Mechanic
s of
Magic
7 Lessons from
game design



We don’t need no
stinkin’ badges


See notes: http://www.eleganthack.com/?p=3233
@cwodtke
#Magic7
These are the wise people I learned from




Some I interviewed, some I read their books, some I watched their videos, some reviewed this
talk…
7 Lessons from game design
     1.Find your North Star
    2.Design for Emotion(s)
      3.Use Player Types
   4.Know Your Mechanics
  5.Consider the Elder Game
       6.Learn to Teach
      7.Always be Testing
Find your North Star
Every project needs a goal that everyone agrees is worth doing.
FUN
Christina Wodtke www.eleganthack.com @cwodtke
The Player
                                                           Should Have The
                                                             Fun, Not The
                                                           Designer Or The
                                                              Computer
                                                           The algorithms were, of course, very
                                                           fun to construct and interesting to
                                                           discuss outside of the game. The
                                                           players, however, felt left behind --
                                                           the computer was having all the fun
                                                           -- so we cut the feature.


     From a Gamasutra Article “Analysis: Sid Meier's Key
     Design Lessons”




Christina Wodtke www.eleganthack.com @cwodtke
Emotion
Your northstar is for the heart, not the head
Christina Wodtke www.eleganthack.com @cwodtke
Design for An Emotion
    Conversion is a crap north star
Frustration
                                                                                 Satisfaction
                                                                                 Delight




Christina Wodtke www.eleganthack.com @cwodtke is a world of amazing emotions in technicolor just waiting
 We have been designing in Black and White. There
Needs

    CONNECTION                                   CONNECTION continued             HONESTY        MEANING
    acceptance                                   safety                           authenticity   awareness
    affection                                    security                         integrity      celebration of
    appreciation                                 stability                        presence       life
    belonging                                    support                          PLAY           challenge
    cooperation                                  to know and be known             joy            clarity
    communication                                to see and be seen               humor          competence
    closeness                                    to understand and                PEACE          consciousness
    community                                    be understood                    beauty         contribution
    companionship                                trust                            communion      creativity
    compassion                                   warmth                           ease           discovery
    consideration                                PHYSICAL WELL-BEING              equality       efficacy
    consistency                                  air                              harmony        effectiveness
    empathy                                      food                             inspiration    growth
    inclusion                                    movement/exercise                order          hope
    intimacy                                     rest/sleep                       AUTONOMY       learning
    love                                         sexual expression                choice         mourning
    mutuality                                    safety                           freedom        participation
    nurturing                                    shelter                          independence   purpose
    respect/self-respect                         touch                            space          self-expression
                                                 water                            spontaneity    stimulation
                                                                                                 to matter
 (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org 
                                                                                                 understanding

Christina Wodtke www.eleganthack.com @cwodtke
PEACE
beauty communion ease equality harmony inspiration order


Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Life with
                                                Alacrity
                                                 on his
                                                 itunes
                                                 rating
                                                practice




Christina Wodtke www.eleganthack.com @cwodtke
AFFECTIONATE                               CONFIDENT                         GRATEFUL       PEACEFUL
compassionate                              empowered                         appreciative   calm
friendly                                   open                              moved          clear headed
loving                                     proud                             thankful       comfortable
open hearted                               safe                              touched        centered
sympathetic                                secure                                           content
tender                                                                       INSPIRED       equanimous
warm                                       EXCITED                           amazed         fulfilled
                                           amazed                            awed           mellow
ENGAGED                                    animated                          wonder         quiet
absorbed                                   ardent                                           relaxed
alert                                      aroused                           JOYFUL         relieved
curious                                    astonished                        amused         satisfied
engrossed                                  dazzled                           delighted      serene
enchanted                                  eager                             glad           still
entranced                                  energetic                         happy          tranquil
fascinated                                 enthusiastic                      jubilant       trusting
interested                                 giddy                             pleased
intrigued                                  invigorated                       tickled        REFRESHED
involved                                   lively                                           enlivened
spellbound                                 passionate                        EXHILARATED    rejuvenated
stimulated                                 surprised                         blissful       renewed
                                           vibrant                           ecstatic       rested
HOPEFUL                                                                      elated         restored
expectant                                                                    enthralled     revived
encouraged                                                                   exuberant
optimistic                                                                   radiant
 (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org    
                                                                             rapturous
                                                                             thrilled

Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
AFRAID           lost         DISQUIET                            PAIN                         TENSE          AVERSION
  apprehensive     mystified    agitated                            agony                        anxious        animosity
  dread            perplexed    alarmed                             anguished                    cranky         appalled
  foreboding       puzzled      discombobulated                     bereaved                     distressed     contempt
  frightened       torn         disconcerted                        devastated                   distraught     disgusted
  mistrustful                   disturbed                           grief                        edgy           dislike
  panicked         DISCONNECTED perturbed                           heartbroken                  fidgety        hate
  petrified        alienated    rattled                             hurt                         frazzled       horrified
  scared           aloof        restless                            lonely                       irritable      hostile
  suspicious       apathetic    shocked                             miserable                    jittery        repulsed
  terrified        bored        startled                            regretful                    nervous
  wary             cold         surprised                           remorseful                   overwhelmed    FATIGUE
  worried          detached     troubled                            SAD                          restless       beat
                   distant      turbulent                           depressed                    stressed out   burnt out
  ANNOYED          distracted   turmoil                             dejected                                    depleted
  aggravated       indifferent  uncomfortable                       despair                      VULNERABLE     exhausted
  dismayed         numb         uneasy                              despondent                   fragile        lethargic
  disgruntled      removed      unnerved                            disappointed                 guarded        listless
  displeased       uninterested unsettled                           discouraged                  helpless       tired
  exasperated      withdrawn    upset                               disheartened                 insecure       weary
  frustrated                                                        forlorn                      leery          worn out
  impatient        EMBARRASSED           YEARNING                   gloomy                       reserved
  irritated        ashamed               envious                    heavy hearted                sensitive      ANGRY
  irked            chagrined             jealous                    hopeless                     shaky          enraged
  CONFUSED         flustered             longing                    melancholy                                  furious
  ambivalent       guilty                nostalgic                  unhappy                                     incensed
  baffled          mortified             pining                     wretched                                    indignant
  bewildered       self-conscious        wistful                                                                irate
  dazed                                                                                                         livid
                          (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org     
  hesitant                                                                                                      outraged
                                                                                                                resentful

Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
“People find role playing
                                                cheesy, makes them self
                                                conscious.
                                                The game forces you into
                                                uncomfortable situations.

                                                You take a situation and a
                                                pattern and match them
                                                up.. It might be a pattern
                                                you avoid because you
                                                aren’t good at it. And it
                                                creates much more
                                                teachable scenarios.”
Christina Wodtke www.eleganthack.com @cwodtke
Types vs Personas
Grace                            (62/ female/ widowed/ Little Rock, AR.)
                                          “I like playing my favorite games online, but if I can play with
                                          friends, well that’s even better!”
                                            
                                          Personal Background: Her husband has passed on. She
                                          has two grown kids, both of whom live far away. She misses
                                          the kids, but has a fairly large circle of friends that she spends
                                          time with.
                                           
                                          Technical Proficiency : Limited. Can use her browser and
                                          her email. MS Word confuses her, and she doesn’t like using it.
                                          Doesn’t know what an OS is. Tends to click yes if the browser
                                          prompts her to do anything, and will click wildly until things
                                          work.
                                          History with games: Plays crossword puzzles daily and saves
                                          them. Plays card games, PhotoJam, but is offended by South
                                          Park cartoons

                                       Game’s opportunity: If Grace can be convinced to
                2001                   participate in community activities, she will become a loyal user
                                       of the site. She needs to be sheltered from the sick and twisted
                                       content, however.
                                        
                                        
Christina Wodtke www.eleganthack.com @cwodtke
Richard Bartle http://www.mud.co.uk/richard/hcds.htm   Drawing: Frank Caron http://frankcaron.com


Christina Wodtke www.eleganthack.com @cwodtke and what features support the behavior desired is also useful.
 Understanding behavioral patterns in player types,
 Maybe more useful.
4 Key Engagement Styles in Social Gaming
 Express                       Compete




 Explore                    Collaborate




 Copyright Amy Jo Kim
Satisficers     Socializers

                               Optimizers       Self-discovery




Christina Wodtke www.eleganthack.com @cwodtke
The Core Loop
   And the Mechanics
This is a core loop for a very simple game. I’m actually shocked we don’t map this on other projects. Amazon’s is
Christina Wodtke www.eleganthack.com @cwodtke
Seek, evaluate, buy.
Will Wright on Game Design:
Christina Wodtke www.eleganthack.com @cwodtke   http://youtu.be/CdgQyq3hEPo Watch 30:27-33:27
                                                 http://www.tubechop.com/watch/1003252
Christina Wodtke www.eleganthack.com @cwodtke
SHOP



       REVIEW                                       BUY

                                                 Loop for amazon,
                                                but also tripadvisor
                                                     and Yelp
Christina Wodtke www.eleganthack.com @cwodtke
SHARE



  REACTION                                         CONSUME

                                                Loop for most social
                                                sites, from facebook
                                                to instagram to flick
Christina Wodtke www.eleganthack.com @cwodtke
Mechanics



Some of the more sleezy gamification gurus use this term as mind-control tricks. But really they are just what
makes games tick.
Sometimes they are
      rules
Christina Wodtke www.eleganthack.com @cwodtke
Just in case you need it

            http://www.thinkgeek.com/tshirts-apparel/unisex/generic/b597/

Christina Wodtke www.eleganthack.com @cwodtke
Sometimes they are
   constraints
Pinch
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Sometimes they are
  manipulations
  But it’s ok because I feel something?
6 key principles of
                                         persuasion by Robert
                                         Cialdini
                                         Reciprocity 
                                         Social Proof
                                         Commitment and Consistency 
                                         Authority
                                         Liking 
                                         Scarcity 




Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Acheivements
    Reward me
Short term:
        Actions taken
        successfully
        create mini-
        rewards in the
        form of
        doobers.




Christina Wodtke www.eleganthack.com @cwodtke
Leaderboards
Mastery


Crafting in Castleville, and many other games
is all about repetition. Is the user really feeling
mastery here?




            In Bubblewich saga, like many match-
            three games, it’s all about beating your
            own score as well as others. You can
            see and feel your improvement.
The Elder Game
Christina Wodtke www.eleganthack.comFTUE (first time user experience) and elder game at a minimum. Almost
 All game designers I’ve met talk about @cwodtke
 no web/app developer I speak with discusses these much if at all. Is a tutorial enough?
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Process
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
Aesthetics
Beginning Middle and End
Christina Wodtke www.eleganthack.com @cwodtke
Grace and Glory enemy concept
                                                designs by Yusuke Hashimoto. From
                                                the upcoming video game Bayonetta.




          Concept design by Min Zhou
   http://minzhouportfolio.blogspot.com/




Christina Wodtke www.eleganthack.com @cwodtke
Measure
Pretend you have OCD.
Playtest
like you mean it
Christina Wodtke www.eleganthack.com @cwodtke
Sid Meir, Everything You Think You Know Is
                                                Wrong. Watch 18:40-23:53
                                                http://www.youtube.com/watch?v=bY7aRJE-
Christina Wodtke www.eleganthack.com @cwodtke   oOY&feature=BFa&list=PL8E8E672C0031DC3A
Learn how to teach
Christina Wodtke www.eleganthack.com @cwodtke
Christina Wodtke www.eleganthack.com @cwodtke
WHAT IF SXSW WAS A GAME?
Networkers       Partyers

                                 Learners       Fame Hos




Christina Wodtke www.eleganthack.com @cwodtke
Nap in
                                         Panel


            Party                                 Check
                                                  twitter


Christina Wodtke www.eleganthack.com @cwodtke
A good mechanic
    might be
   collecting.
A good pinch,
private parties.
Now Playtest!
@cwodtke
          The game:
www.tumblr.com/blog/sxswinning
        #sxswinning

  Me: www.eleganthack.com

           Thank You!
           sxsw.tv cq1

More Related Content

More from Christina Wodtke

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning TeamsChristina Wodtke
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals MegadeckChristina Wodtke
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeedChristina Wodtke
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignChristina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
 

More from Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Recently uploaded

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 

Recently uploaded (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 

The Mechanics of Magic

  • 1. The Mechanic s of Magic 7 Lessons from game design We don’t need no stinkin’ badges See notes: http://www.eleganthack.com/?p=3233
  • 3.
  • 4. These are the wise people I learned from Some I interviewed, some I read their books, some I watched their videos, some reviewed this talk…
  • 5. 7 Lessons from game design 1.Find your North Star 2.Design for Emotion(s) 3.Use Player Types 4.Know Your Mechanics 5.Consider the Elder Game 6.Learn to Teach 7.Always be Testing
  • 6. Find your North Star Every project needs a goal that everyone agrees is worth doing.
  • 8. The Player Should Have The Fun, Not The Designer Or The Computer The algorithms were, of course, very fun to construct and interesting to discuss outside of the game. The players, however, felt left behind -- the computer was having all the fun -- so we cut the feature. From a Gamasutra Article “Analysis: Sid Meier's Key Design Lessons” Christina Wodtke www.eleganthack.com @cwodtke
  • 9. Emotion Your northstar is for the heart, not the head
  • 11. Design for An Emotion Conversion is a crap north star
  • 12. Frustration Satisfaction Delight Christina Wodtke www.eleganthack.com @cwodtke is a world of amazing emotions in technicolor just waiting We have been designing in Black and White. There
  • 13. Needs CONNECTION CONNECTION continued HONESTY MEANING acceptance safety authenticity awareness affection security integrity celebration of appreciation stability presence life belonging support PLAY challenge cooperation to know and be known joy clarity communication to see and be seen humor competence closeness to understand and  PEACE consciousness community be understood beauty contribution companionship trust communion creativity compassion warmth ease discovery consideration PHYSICAL WELL-BEING equality efficacy consistency air harmony effectiveness empathy food inspiration growth inclusion movement/exercise order hope intimacy rest/sleep AUTONOMY learning love sexual expression choice mourning mutuality safety freedom participation nurturing shelter independence purpose respect/self-respect touch space self-expression water spontaneity stimulation to matter (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org  understanding Christina Wodtke www.eleganthack.com @cwodtke
  • 14. PEACE beauty communion ease equality harmony inspiration order Christina Wodtke www.eleganthack.com @cwodtke
  • 17. Life with Alacrity on his itunes rating practice Christina Wodtke www.eleganthack.com @cwodtke
  • 18. AFFECTIONATE CONFIDENT GRATEFUL PEACEFUL compassionate empowered appreciative calm friendly open moved clear headed loving proud thankful comfortable open hearted safe touched centered sympathetic secure content tender INSPIRED equanimous warm EXCITED amazed fulfilled amazed awed mellow ENGAGED animated wonder quiet absorbed ardent relaxed alert aroused JOYFUL relieved curious astonished amused satisfied engrossed dazzled delighted serene enchanted eager glad still entranced energetic happy tranquil fascinated enthusiastic jubilant trusting interested giddy pleased intrigued invigorated tickled REFRESHED involved lively enlivened spellbound passionate EXHILARATED rejuvenated stimulated surprised blissful renewed vibrant ecstatic rested HOPEFUL elated restored expectant enthralled revived encouraged exuberant optimistic radiant (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org     rapturous thrilled Christina Wodtke www.eleganthack.com @cwodtke
  • 20. AFRAID lost DISQUIET PAIN TENSE AVERSION apprehensive mystified agitated agony anxious animosity dread perplexed alarmed anguished cranky appalled foreboding puzzled discombobulated bereaved distressed contempt frightened torn disconcerted devastated distraught disgusted mistrustful disturbed grief edgy dislike panicked DISCONNECTED perturbed heartbroken fidgety hate petrified alienated rattled hurt frazzled horrified scared aloof restless lonely irritable hostile suspicious apathetic shocked miserable jittery repulsed terrified bored startled regretful nervous wary cold surprised remorseful overwhelmed FATIGUE worried detached troubled SAD restless beat distant turbulent depressed stressed out burnt out ANNOYED distracted turmoil dejected depleted aggravated indifferent uncomfortable despair VULNERABLE exhausted dismayed numb uneasy despondent fragile lethargic disgruntled removed unnerved disappointed guarded listless displeased uninterested unsettled discouraged helpless tired exasperated withdrawn upset disheartened insecure weary frustrated forlorn leery worn out impatient EMBARRASSED YEARNING gloomy reserved irritated ashamed envious heavy hearted sensitive ANGRY irked chagrined jealous hopeless shaky enraged CONFUSED flustered longing melancholy furious ambivalent guilty nostalgic unhappy incensed baffled mortified pining wretched indignant bewildered self-conscious wistful irate dazed livid (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org      hesitant outraged resentful Christina Wodtke www.eleganthack.com @cwodtke
  • 23. “People find role playing cheesy, makes them self conscious. The game forces you into uncomfortable situations. You take a situation and a pattern and match them up.. It might be a pattern you avoid because you aren’t good at it. And it creates much more teachable scenarios.” Christina Wodtke www.eleganthack.com @cwodtke
  • 25. Grace (62/ female/ widowed/ Little Rock, AR.) “I like playing my favorite games online, but if I can play with friends, well that’s even better!”    Personal Background: Her husband has passed on. She has two grown kids, both of whom live far away. She misses the kids, but has a fairly large circle of friends that she spends time with.   Technical Proficiency : Limited. Can use her browser and her email. MS Word confuses her, and she doesn’t like using it. Doesn’t know what an OS is. Tends to click yes if the browser prompts her to do anything, and will click wildly until things work. History with games: Plays crossword puzzles daily and saves them. Plays card games, PhotoJam, but is offended by South Park cartoons Game’s opportunity: If Grace can be convinced to 2001 participate in community activities, she will become a loyal user of the site. She needs to be sheltered from the sick and twisted content, however.     Christina Wodtke www.eleganthack.com @cwodtke
  • 26. Richard Bartle http://www.mud.co.uk/richard/hcds.htm Drawing: Frank Caron http://frankcaron.com Christina Wodtke www.eleganthack.com @cwodtke and what features support the behavior desired is also useful. Understanding behavioral patterns in player types, Maybe more useful.
  • 27. 4 Key Engagement Styles in Social Gaming Express Compete Explore Collaborate Copyright Amy Jo Kim
  • 28. Satisficers Socializers Optimizers Self-discovery Christina Wodtke www.eleganthack.com @cwodtke
  • 29. The Core Loop And the Mechanics
  • 30. This is a core loop for a very simple game. I’m actually shocked we don’t map this on other projects. Amazon’s is Christina Wodtke www.eleganthack.com @cwodtke Seek, evaluate, buy.
  • 31. Will Wright on Game Design: Christina Wodtke www.eleganthack.com @cwodtke http://youtu.be/CdgQyq3hEPo Watch 30:27-33:27 http://www.tubechop.com/watch/1003252
  • 33. SHOP REVIEW BUY Loop for amazon, but also tripadvisor and Yelp Christina Wodtke www.eleganthack.com @cwodtke
  • 34. SHARE REACTION CONSUME Loop for most social sites, from facebook to instagram to flick Christina Wodtke www.eleganthack.com @cwodtke
  • 35. Mechanics Some of the more sleezy gamification gurus use this term as mind-control tricks. But really they are just what makes games tick.
  • 38. Just in case you need it http://www.thinkgeek.com/tshirts-apparel/unisex/generic/b597/ Christina Wodtke www.eleganthack.com @cwodtke
  • 39. Sometimes they are constraints
  • 40. Pinch
  • 44. Sometimes they are manipulations But it’s ok because I feel something?
  • 45. 6 key principles of persuasion by Robert Cialdini Reciprocity  Social Proof Commitment and Consistency  Authority Liking  Scarcity  Christina Wodtke www.eleganthack.com @cwodtke
  • 47. Acheivements Reward me
  • 48. Short term: Actions taken successfully create mini- rewards in the form of doobers. Christina Wodtke www.eleganthack.com @cwodtke
  • 50. Mastery Crafting in Castleville, and many other games is all about repetition. Is the user really feeling mastery here? In Bubblewich saga, like many match- three games, it’s all about beating your own score as well as others. You can see and feel your improvement.
  • 51.
  • 52.
  • 53.
  • 55. Christina Wodtke www.eleganthack.comFTUE (first time user experience) and elder game at a minimum. Almost All game designers I’ve met talk about @cwodtke no web/app developer I speak with discusses these much if at all. Is a tutorial enough?
  • 63. Grace and Glory enemy concept designs by Yusuke Hashimoto. From the upcoming video game Bayonetta. Concept design by Min Zhou http://minzhouportfolio.blogspot.com/ Christina Wodtke www.eleganthack.com @cwodtke
  • 67. Sid Meir, Everything You Think You Know Is Wrong. Watch 18:40-23:53 http://www.youtube.com/watch?v=bY7aRJE- Christina Wodtke www.eleganthack.com @cwodtke oOY&feature=BFa&list=PL8E8E672C0031DC3A
  • 68. Learn how to teach
  • 71. WHAT IF SXSW WAS A GAME?
  • 72. Networkers Partyers Learners Fame Hos Christina Wodtke www.eleganthack.com @cwodtke
  • 73. Nap in Panel Party Check twitter Christina Wodtke www.eleganthack.com @cwodtke
  • 74. A good mechanic might be collecting.
  • 77. @cwodtke The game: www.tumblr.com/blog/sxswinning #sxswinning Me: www.eleganthack.com Thank You! sxsw.tv cq1

Editor's Notes

  1. What is a north star? It is the goal, the thing you are aiming for, and when you arrive, you can launch. http://www.boxesandarrows.com/view/building_a_vision_of_design_success,
  2. Game designers have an inherent North Star because they are building a game. It’s FUN. Game designers constantly ask “Is it fun yet” and if the answer is no, they don’t launch. And their team doesn’t launch. Even when it’s late late late. Because there is no point in launching an un-fun game.
  3. Game designers are very user centered. They have to be.
  4. So when you are working on your project, your northstar should be a strong emotion.
  5. http://www.youtube.com/watch?v=y9Z-3mz3j6U&feature=BFa&list=PL8E8E672C0031DC3A Warning: this video will make you cry. It’s awesome. Watch 4:28-7:20
  6. We are often facile when discussing needs in wed design. If we tap deeper into basic needs, we can get more satisfying products.
  7. We are limited in how we talk about emotion in Wed Design. We talk about delight, and frustration. But there are many more words we could be designing for…
  8. As well, Game designers are much more comfortable with creating negative emotions than wed designers, who Mostly aim for “happy.” But as part of a sequence, a slight negative can increase a positive.
  9. Dan Brown’s Communicating Design Game. Sometimes stress can teach.
  10. This is a classic persona my old company CarbonIQ made for a casual gaming site. It was useful. But….
  11. Amy Jo Kim has developed different player types that you find in Social Games. Each one has his or her own play style. Knowing these needs shapes the feature set and core loop.
  12. Backyard Monsters takes the classic tower defense loop (build defense, get attacked, redo) and adds complexity by letting you also attack and build offensive as well as defensive tools.
  13. Paper beats rock, rock beats scissors, scissors beats paper. The game of rock paper scissors lizard spock adds In two more elements for added complexity. And nerdity.
  14. A constraint is usually about resource management. How much energy/money/stuff you need.
  15. The pinch is the place where you run out of something. I.e. You run out of lives in the arcade, and you reach in your pocked for a quarter. Or twelve.
  16. Energy is a typical social game pinch. You can solve with money or with being “social” i.e. begging from friends.
  17. In cityville, real estate is an excellent pinch. You could just buy more land, but you could also upgrade to better buildings, rearrange your items, or store something. More options + more fun play.
  18. In Castleville the pinch is also part of the play. New land is shrouded in shadow, so you may discover new mysteries as you look to expand.
  19. Manipulation is tough. We go to the theater to be manipulated. We like a certain amount of orchestration of our feelings. But we sure don’t like being taken advantage of.
  20. Name the persuasion techniques being used by these social games. Trust me, a little time on Facebook and you can collect all six. And find a few new ones.
  21. Zynga invented the “doobers” which is when something good happens you see an outflowing of stars or coins. It’s the equivalent of the slot machine flowing out, and very satisfying.
  22. There is a certain satisfaction in kicking a friends bum. However, if you have a place where not much social is happening, be sure to motivate me by making me beat my own high score. Not feel lonely.
  23. Moving from a novice to a master is why we play tennis, chess or even do things like knitting or woodworking. We humans love to know we are getting better at something.
  24. Classic waterfall. Even web people don’t like this anymore.
  25. From Art of Game Design, by Jesse Schell. This his process diagram, and looks accurate to me. Game people often talk about “wandering in the wilderness”: the time while you are trying to achieve fun.
  26. Make it pretty, make a profit. Often web and app design just slaps some pretty on it at the end.
  27. Again, game designers seem way more user centered than most others. They don’t say “we’ll do two rounds of testing.” They’ll test over and over until fun arrives.
  28. Sid Meir, Everything You Think You Know Is Wrong. Watch 18:40-23:53 http://www.youtube.com/watch?v=bY7aRJE-oOY&feature=BFa&list=PL8E8E672C0031DC3A
  29. Most web app designers through learning into a quickie tutorial in the beginning. But game designers, focused on mastery and that satisfaction weave it through the game.
  30. Dance Central: you have to do the moves along with the dancer to earn points
  31. Dance Central made learning the moves a key part of the game, not just a simple add on. You feel like you are really learning to dance.