TheMechanics ofMagic7 Lessons fromgame designWe don’t need nostinkin’ badgesSee notes: http://www.eleganthack.com/?p=3233
@cwodtke#Magic7
These are the wise people I learned fromSome I interviewed, some I read their books, some I watched their videos, some rev...
7 Lessons from game design     1.Find your North Star    2.Design for Emotion(s)      3.Use Player Types   4.Know Your Mec...
Find your North StarEvery project needs a goal that everyone agrees is worth doing.
FUNChristina Wodtke www.eleganthack.com @cwodtke
The Player                                                           Should Have The                                      ...
EmotionYour northstar is for the heart, not the head
http://www.youtube.com/watch?v=y9Z-3mz3j6U&feature=BFa&list=PL8E8E672C0031DC3AChristina Wodtke www.eleganthack.com @cwodtk...
Design for An Emotion    Conversion is a crap north star
Are all the                                                                                 emotions                      ...
A better list of words to design for                                                                          Needs    CON...
PEACEbeauty communion ease equality harmony inspiration orderChristina Wodtke www.eleganthack.com @cwodtke
Boys like peace and                                                harmony and order tooChristina Wodtke www.eleganthack.c...
There is no      shortage of     “organization   porn” on the web.    We have a deep   seated dream of a     place of tidy...
Life with Alacrity on his  itunes rating     practice http://www.life withalacrity.co m/2006/08/usi ng_5star_rat.h        ...
AFFECTIONATE                               CONFIDENT                         GRATEFUL       PEACEFULcompassionate         ...
Facebook                                                ignores that                                                 we lo...
AFRAID           lost         DISQUIET                            PAIN                         TENSE          AVERSION  ap...
Christina Wodtke www.eleganthack.com @cwodtke
Actually, this        is rather      pleasurable.Christina Wodtke www.eleganthack.com @cwodtke
If I don’t log       in every                                 Obviously      day, I am                                 Mr....
“People find role playing                                                cheesy, makes them self                          ...
Types vs Personas
Grace                            (62/ female/ widowed/ Little Rock, AR.)                                          “I like ...
Richard Bartle http://www.mud.co.uk/richard/hcds.htm   Drawing: Frank Caron http://frankcaron.comChristina Wodtke www.eleg...
4 Key Engagement Styles in Social Gaming Express                       Compete Explore                    Collaborate Copy...
Satisficers     Socializers                               Optimizers       Self-discoveryChristina Wodtke www.eleganthack....
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 isChristina...
Will Wright on Game Design:Christina Wodtke www.eleganthack.com @cwodtke   http://youtu.be/CdgQyq3hEPo Watch 30:27-33:27  ...
Christina Wodtke www.eleganthack.com @cwodtke
SHOP       REVIEW                                       BUY                                                 Loop for amazo...
SHARE  REACTION                                         CONSUME                                                Loop for mo...
MechanicsSome of the more sleezy gamification gurus use this term as mind-control tricks. But really they are just whatmak...
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.eleg...
Sometimes they are   constraints
PinchThe 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 ...
When you run                                                 out of energy,                                               ...
Cityville has a                                                natural pinch;                                             ...
Castleville has      a pinch for    explorers and      decorators;      unclaimed     land is full of      mysterious     ...
Sometimes they are  manipulations  But it’s ok because I feel something?
6 key principles of                                         persuasion by Robert                                         C...
We’ve got scarcity here, plus a sense of what you have        missed, and away to keep you coming backChristina Wodtke www...
Acheivements    Reward me
Celebrate microwins!        Actions taken        successfully create        mini-rewards in the        form of doobers    ...
Leaderboards   There is a certain satisfaction in   kicking a friend’s rear. However, if   you have a place where not much...
MasteryCrafting in Castleville, and many other gamesis all about repetition. No real skill is gotten bythe player. Is the ...
Celebrating
CELBRATING!!!!!!!!!!!!!!!!!!!
The Elder Game
Christina Wodtke www.eleganthack.comFTUE (first time user experience) and elder game at a minimum. Almost All game designe...
Yahoo                                                   rewards                                                    group  ...
Okcupid    invites  you to be       a  moderato    r once    you’ve   been an    active   member  for awhileChristina Wodt...
Process
A pleasant lieChristina Wodtke www.eleganthack.com @cwodtke
From Art of Game     Design, by Jesse     Schell. This his     process diagram,     and looks accurate     to me. Game    ...
AestheticsBeginning Middle and End
How                                                most web                                                  site         ...
Grace and Glory enemy concept                                                designs by Yusuke Hashimoto. From            ...
MeasurePretend you have OCD.
Playtestlike you mean it
Christina Wodtke www.eleganthack.com @cwodtke
Sid Meir, Everything You Think You Know Is Wrong. Watch 18:40-23:53Christina Wodtke www.eleganthack.com @cwodtkehttp://www...
Learn how to teach
To play Dance Central,                                                 you have to learn the                              ...
They make the learning into a game too– if you can decode   the picture, you can get a diamond and skip the practiceChrist...
WHAT IF SXSW WAS A GAME?
Networkers       Partyers                                 Learners       Fame HosChristina Wodtke www.eleganthack.com @cwo...
Nap in                                         Panel            Party                                 Check               ...
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!...
Mechanics of Magic: Seven Lessons from Game Design
Mechanics of Magic: Seven Lessons from Game Design
Mechanics of Magic: Seven Lessons from Game Design
Mechanics of Magic: Seven Lessons from Game Design
Nächste SlideShare
Wird geladen in …5
×

Mechanics of Magic: Seven Lessons from Game Design

27.527 Aufrufe

Veröffentlicht am

I've added notes to my popular SXSW presentation on learning from game design to make it easier to understand.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

Mechanics of Magic: Seven Lessons from Game Design

  1. 1. TheMechanics ofMagic7 Lessons fromgame designWe don’t need nostinkin’ badgesSee notes: http://www.eleganthack.com/?p=3233
  2. 2. @cwodtke#Magic7
  3. 3. These are the wise people I learned fromSome I interviewed, some I read their books, some I watched their videos, some reviewed thistalk…
  4. 4. 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
  5. 5. Find your North StarEvery project needs a goal that everyone agrees is worth doing.
  6. 6. FUNChristina Wodtke www.eleganthack.com @cwodtke
  7. 7. 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 Meiers Key Design Lessons”Christina Wodtke www.eleganthack.com @cwodtke
  8. 8. EmotionYour northstar is for the heart, not the head
  9. 9. http://www.youtube.com/watch?v=y9Z-3mz3j6U&feature=BFa&list=PL8E8E672C0031DC3AChristina Wodtke www.eleganthack.com @cwodtkeWarning: this video will make you cry. It’s awesome. Watch 4:28-7:20
  10. 10. Design for An Emotion Conversion is a crap north star
  11. 11. Are all the emotions Uxr’s have to design for Frustration Satisfaction Delight? We design in Black and WhiteChristina Wodtke www.eleganthack.com @cwodtke is a world of amazing emotions in technicolor just waiting We have been designing in Black and White. There
  12. 12. A better list of words to design for 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  understandingChristina Wodtke www.eleganthack.com @cwodtke
  13. 13. PEACEbeauty communion ease equality harmony inspiration orderChristina Wodtke www.eleganthack.com @cwodtke
  14. 14. Boys like peace and harmony and order tooChristina Wodtke www.eleganthack.com @cwodtke
  15. 15. There is no shortage of “organization porn” on the web. We have a deep seated dream of a place of tidy harmony.Christina Wodtke www.eleganthack.com @cwodtke
  16. 16. Life with Alacrity on his itunes rating practice http://www.life withalacrity.co m/2006/08/usi ng_5star_rat.h tml What if software holding large collections made it even easier to create order?Christina Wodtke www.eleganthack.com @cwodtke
  17. 17. AFFECTIONATE CONFIDENT GRATEFUL PEACEFULcompassionate empowered appreciative calmfriendly open moved clear headedloving proud thankful comfortableopen hearted safe touched centeredsympathetic secure contenttender INSPIRED equanimouswarm EXCITED amazed fulfilled amazed awed mellowENGAGED animated wonder quietabsorbed ardent relaxedalert aroused JOYFUL relievedcurious astonished amused satisfiedengrossed dazzled delighted sereneenchanted eager glad stillentranced energetic happy tranquilfascinated enthusiastic jubilant trustinginterested giddy pleasedintrigued invigorated tickled REFRESHEDinvolved lively enlivenedspellbound passionate EXHILARATED rejuvenatedstimulated surprised blissful renewed vibrant ecstatic restedHOPEFUL elated restoredexpectant enthralled revivedencouraged exuberantoptimistic radiant (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org     rapturous thrilled Photos fill us with positive emotionsChristina Wodtke www.eleganthack.com @cwodtke
  18. 18. Facebook ignores that we love to fiddle with our beloved objects. How could this be redesigned?Christina Wodtke www.eleganthack.com @cwodtke
  19. 19. AFRAID lost DISQUIET PAIN TENSE AVERSION apprehensive mystified agitated agony anxious animosity dread foreboding perplexed puzzled alarmed discombobulated As well, Game anguished bereaved cranky distressed appalled contempt frightened mistrustful torn disconcerted disturbed designers are devastated grief distraught edgy disgusted dislike panicked petrified DISCONNECTED perturbed alienated rattled hurt much more heartbroken fidgety frazzled hate horrified scared suspicious aloof apathetic restless shocked comfortable with lonely miserable irritable jittery hostile repulsed terrified wary bored cold startled surprised creating negativeFATIGUE regretful remorseful nervous overwhelmed worried detached distant troubled turbulent SAD emotions than beat out depressed burnt restless stressed out ANNOYED aggravated distracted indifferent turmoil uncomfortable web designers, depleted dejected despair VULNERABLE exhausted dismayed disgruntled numb removed uneasy unnerved who despondent disappointed fragile guarded lethargic listless displeased uninterested unsettled Mostly aim for tired discouraged helpless exasperated withdrawn upset disheartened insecure weary frustrated “happy.” But as worn out forlorn leery impatient EMBARRASSED YEARNING gloomy reserved irritated ashamed envious part of a heavy heartedsensitive ANGRY irked chagrined jealous hopeless shaky enraged CONFUSED flustered longing sequence, a melancholy furious ambivalent guilty nostalgic unhappy incensed baffled mortified pining slight negative indignant wretched bewildered self-conscious wistful irate dazed can increase a livid (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org      hesitant outraged positive. resentfulChristina Wodtke www.eleganthack.com @cwodtke
  20. 20. Christina Wodtke www.eleganthack.com @cwodtke
  21. 21. Actually, this is rather pleasurable.Christina Wodtke www.eleganthack.com @cwodtke
  22. 22. If I don’t log in every Obviously day, I am Mr. Right tortured with men I missedChristina Wodtke www.eleganthack.com @cwodtke
  23. 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
  24. 24. Types vs Personas
  25. 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. 26. Richard Bartle http://www.mud.co.uk/richard/hcds.htm Drawing: Frank Caron http://frankcaron.comChristina 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. 27. 4 Key Engagement Styles in Social Gaming Express Compete Explore Collaborate Copyright Amy Jo Kim
  28. 28. Satisficers Socializers Optimizers Self-discoveryChristina Wodtke www.eleganthack.com @cwodtke
  29. 29. The Core Loop And the Mechanics
  30. 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 isChristina Wodtke www.eleganthack.com @cwodtkeSeek, evaluate, buy.
  31. 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
  32. 32. Christina Wodtke www.eleganthack.com @cwodtke
  33. 33. SHOP REVIEW BUY Loop for amazon, but also tripadvisor and YelpChristina Wodtke www.eleganthack.com @cwodtke
  34. 34. SHARE REACTION CONSUME Loop for most social sites, from facebook to instagram to flickChristina Wodtke www.eleganthack.com @cwodtke
  35. 35. MechanicsSome of the more sleezy gamification gurus use this term as mind-control tricks. But really they are just whatmakes games tick.
  36. 36. Sometimes they are rules
  37. 37. Christina Wodtke www.eleganthack.com @cwodtke
  38. 38. Just in case you need it http://www.thinkgeek.com/tshirts-apparel/unisex/generic/b597/Christina Wodtke www.eleganthack.com @cwodtke
  39. 39. Sometimes they are constraints
  40. 40. PinchThe 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.
  41. 41. When you run out of energy, you have to A)Spend money for more energy B)Ask friends for help (virals) C)Go away and come back laterChristina Wodtke www.eleganthack.com @cwodtke
  42. 42. Cityville has a natural pinch; as your city grows you need more landChristina Wodtke www.eleganthack.com @cwodtke
  43. 43. Castleville has a pinch for explorers and decorators; unclaimed land is full of mysterious cluesChristina Wodtke www.eleganthack.com @cwodtke
  44. 44. Sometimes they are manipulations But it’s ok because I feel something?
  45. 45. 6 key principles of persuasion by Robert Cialdini Reciprocity  Social Proof Commitment and Consistency  Authority Liking  Scarcity Christina Wodtke www.eleganthack.com @cwodtke
  46. 46. We’ve got scarcity here, plus a sense of what you have missed, and away to keep you coming backChristina Wodtke www.eleganthack.com @cwodtke
  47. 47. Acheivements Reward me
  48. 48. Celebrate microwins! Actions taken successfully create mini-rewards in the form of doobers (stars and slot- machine sounds).Christina Wodtke www.eleganthack.com @cwodtke
  49. 49. Leaderboards There is a certain satisfaction in kicking a friend’s rear. 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. Don’t make me feel lonely.
  50. 50. MasteryCrafting in Castleville, and many other gamesis all about repetition. No real skill is gotten bythe player. Is the user really feeling masteryhere? In Bubblewitch 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. 51. Celebrating
  52. 52. CELBRATING!!!!!!!!!!!!!!!!!!!
  53. 53. The Elder Game
  54. 54. 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?
  55. 55. Yahoo rewards group managers with customization toolsChristina Wodtke www.eleganthack.com @cwodtke
  56. 56. Okcupid invites you to be a moderato r once you’ve been an active member for awhileChristina Wodtke www.eleganthack.com @cwodtke
  57. 57. Process
  58. 58. A pleasant lieChristina Wodtke www.eleganthack.com @cwodtke
  59. 59. 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.Christina Wodtke www.eleganthack.com @cwodtke
  60. 60. AestheticsBeginning Middle and End
  61. 61. How most web site makers view designChristina Wodtke www.eleganthack.com @cwodtke
  62. 62. Grace and Glory enemy concept designs by Yusuke Hashimoto. From the upcoming video game Bayonetta. Graphic design in games is Concept design by Min Zhou http://minzhouportfolio.blogspot.com/ begun day one, and informs and inspires all product choicesChristina Wodtke www.eleganthack.com @cwodtke
  63. 63. MeasurePretend you have OCD.
  64. 64. Playtestlike you mean it
  65. 65. Christina Wodtke www.eleganthack.com @cwodtke
  66. 66. Sid Meir, Everything You Think You Know Is Wrong. Watch 18:40-23:53Christina Wodtke www.eleganthack.com @cwodtkehttp://www.youtube.com/watch?v=bY7aRJE-oOY&feature=BFa&list=PL8E8E672C0031DC3A
  67. 67. Learn how to teach
  68. 68. To play Dance Central, you have to learn the movesChristina Wodtke www.eleganthack.com @cwodtke
  69. 69. They make the learning into a game too– if you can decode the picture, you can get a diamond and skip the practiceChristina Wodtke www.eleganthack.com @cwodtke
  70. 70. WHAT IF SXSW WAS A GAME?
  71. 71. Networkers Partyers Learners Fame HosChristina Wodtke www.eleganthack.com @cwodtke
  72. 72. Nap in Panel Party Check twitterChristina Wodtke www.eleganthack.com @cwodtke
  73. 73. A good mechanic might be collecting.
  74. 74. A good pinch,private parties.
  75. 75. Now Playtest!
  76. 76. @cwodtke The game:www.tumblr.com/blog/sxswinning #sxswinning Me: www.eleganthack.com Thank You! sxsw.tv cq1

×