lessons in digital strategy & ux from magic: the gathering

128
Lessons in Digital Strategy & UX from #MTGLessons

Upload: adam-mccrimmon

Post on 28-Nov-2014

256 views

Category:

Design


0 download

DESCRIPTION

Sometimes new professional lessons come from unlikely places. In my case that place was playing Magic: The Gathering. For 20+ years Magic has been the premier trading card game. It’s produced a universe of content as vast as Star Wars and Star Trek combined (and fans that are just as fanatical). And since the game is based on the player building their own deck, those that play the game need to be an architect, a strategist, a problem solver, a pragmatic decision maker and a player. (Sound familiar?) Over the last year I've been a member of the Magic fandom. By filtering this experience through the professional lens of Digital Strategy & UX I’ve learned some important lessons that have made my work better, my career stronger & my life a whole lot funner.

TRANSCRIPT

Page 1: Lessons in Digital Strategy & UX from Magic: The Gathering

Lessons in Digital Strategy & UX from

#MTGLessons

Page 2: Lessons in Digital Strategy & UX from Magic: The Gathering

Adam McCrimmon @McAtoms amccrim.com

Co-Host of WhatTheGrok Podcast!whatthegrok.com

#MTGLessons

Director of Digital Strategy & UX!hyc.com

#MTGLessons

Page 3: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons #MTGLessons

Page 4: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 5: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 6: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 7: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 8: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 9: Lessons in Digital Strategy & UX from Magic: The Gathering

Only for über nerds.

#MTGLessons

Page 10: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 11: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 12: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 13: Lessons in Digital Strategy & UX from Magic: The Gathering

Best Selling Game in the World Created in 1993 Over 20 Billion Cards Printed !

Over 12 Million Players Printed in 11 Languages Sold in 120 Countries !

More than 700k Sanctioned Events a year

#MTGLessons

Page 14: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 15: Lessons in Digital Strategy & UX from Magic: The Gathering

4 Expansions & 1,000 new unique cards created a year 14,000 Total Individual Cards !

5 Colors 20 Color Combinations !

8 Card Types 24 Creature Types 136 Keywords

#MTGLessons

Page 16: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 17: Lessons in Digital Strategy & UX from Magic: The Gathering

How Did I Get Here?

#MTGLessons

Page 18: Lessons in Digital Strategy & UX from Magic: The Gathering

Lesson 1: It’s ok to suck

#MTGLessons

Page 19: Lessons in Digital Strategy & UX from Magic: The Gathering

I sucked.

#MTGLessons

Page 20: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 21: Lessons in Digital Strategy & UX from Magic: The Gathering

A new type of failure

#MTGLessons

Page 22: Lessons in Digital Strategy & UX from Magic: The Gathering

CommonRationalized

This bad thing happened but it’s not totally my fault.

This bad thing happened it’s my fault & it’s not a big deal.

Budget wasn't big enough!There wasn’t enough time!Requirements kept changing

Got to work late!Forgot my lunch!Didn’t recycle that bottle

#MTGLessons

Page 23: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 24: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 25: Lessons in Digital Strategy & UX from Magic: The Gathering

We’ve grown accustomed to rationalized & common failure. !

We’re comfortable with it.

#MTGLessons

Page 26: Lessons in Digital Strategy & UX from Magic: The Gathering

Invested

This bad thing happened. !It’s my fault and it’s a big deal to me.

Page 27: Lessons in Digital Strategy & UX from Magic: The Gathering

Emotionally Invested.!Full Responsibility.

Invested

Page 28: Lessons in Digital Strategy & UX from Magic: The Gathering

Fake it.

#MTGLessons

Page 29: Lessons in Digital Strategy & UX from Magic: The Gathering

Capability

#MTGLessons

Page 30: Lessons in Digital Strategy & UX from Magic: The Gathering

EXPERIENCE EXPERIENCE

Capability

#MTGLessons

Page 31: Lessons in Digital Strategy & UX from Magic: The Gathering

You only get one chance to learn something new.

Don’t Fake It.

#MTGLessons

Page 32: Lessons in Digital Strategy & UX from Magic: The Gathering

Invested failure is transformative.

Approach Point of view Assumptions

Helps you learn.

#MTGLessons

Page 33: Lessons in Digital Strategy & UX from Magic: The Gathering

Invested

Emotionally Invested.!Full Responsibility.

Page 34: Lessons in Digital Strategy & UX from Magic: The Gathering

Lesson 2: Get a Hobby #MTGLessons

Page 35: Lessons in Digital Strategy & UX from Magic: The Gathering

Hobby: !

An activity done regularly in one's leisure time for pleasure.

#MTGLessons

Page 36: Lessons in Digital Strategy & UX from Magic: The Gathering

Entertainment.

Today’s world we have lots of entertainment options.

But would you call Facebook a hobby?How about marathon TV watching?

#MTGLessons

Page 37: Lessons in Digital Strategy & UX from Magic: The Gathering

Hobby: !

An activity done regularly in one's leisure time for experience, fulfillment, challenge & pleasure.

#MTGLessons

Page 38: Lessons in Digital Strategy & UX from Magic: The Gathering

Learned about myself

#MTGLessons

Page 39: Lessons in Digital Strategy & UX from Magic: The Gathering

Learned about myselfHow I handle pressure and tense situations. How I judge fairness. How I’m perceived by others. How I make pragmatic decisions. How I solve problems on the fly.  How I handle success and how I handle failure. 

#MTGLessons

Page 40: Lessons in Digital Strategy & UX from Magic: The Gathering

I got better!

#MTGLessons

Page 41: Lessons in Digital Strategy & UX from Magic: The Gathering

Momentum

#MTGLessons

Page 42: Lessons in Digital Strategy & UX from Magic: The Gathering

Matthew Effect

#MTGLessons

Page 43: Lessons in Digital Strategy & UX from Magic: The Gathering

Matthew Effect (1963)Success can breed success, and inequality breeds more inequality.!!

“For unto every one that hath shall be given, and he shall have abundance: but from him that hath not shall be taken away even that which he hath.”

Robert K MertonSociologisthttp://www.garfield.library.upenn.edu/merton/matthew1.pdf

#MTGLessons

Page 44: Lessons in Digital Strategy & UX from Magic: The Gathering

Arnout van de RijtAssociate Professor - SUNYhttp://phenomena.nationalgeographic.com/2014/04/28/on-privilege-and-luck-or-why-success-breeds-success/

#MTGLessons

Page 45: Lessons in Digital Strategy & UX from Magic: The Gathering

Arnout van de RijtAssociate Professor - SUNYhttp://phenomena.nationalgeographic.com/2014/04/28/on-privilege-and-luck-or-why-success-breeds-success/

#MTGLessons

Page 46: Lessons in Digital Strategy & UX from Magic: The Gathering

Arnout van de RijtAssociate Professor - SUNYhttp://phenomena.nationalgeographic.com/2014/04/28/on-privilege-and-luck-or-why-success-breeds-success/

#MTGLessons

Page 47: Lessons in Digital Strategy & UX from Magic: The Gathering

Success leads to success.

#MTGLessons

Page 48: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 49: Lessons in Digital Strategy & UX from Magic: The Gathering

Hobbies give you a self-motived outlet for success and teach you about yourself.

#MTGLessons

Scored 15% to 30% higher on performance rankings

Page 50: Lessons in Digital Strategy & UX from Magic: The Gathering

Lesson 3: Restraint is a Requirement

#MTGLessons

Page 51: Lessons in Digital Strategy & UX from Magic: The Gathering

You can do anything!

Page 52: Lessons in Digital Strategy & UX from Magic: The Gathering

You can do anything!

Page 53: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 54: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 55: Lessons in Digital Strategy & UX from Magic: The Gathering

Without limitations we’re directionless.

#MTGLessons

Page 56: Lessons in Digital Strategy & UX from Magic: The Gathering

Video - Stephen Hawking’s Into the Universe !Gravity Explanation!

!

https://www.youtube.com/watch?v=DECAorZYErk

Page 57: Lessons in Digital Strategy & UX from Magic: The Gathering

Limitations give us direction.

#MTGLessons

Page 58: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 59: Lessons in Digital Strategy & UX from Magic: The Gathering

Famous Quote or Story about limitations.

Page 60: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield #MTGLessons

Page 61: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield Peter Adkison #MTGLessons

Page 62: Lessons in Digital Strategy & UX from Magic: The Gathering

Peter Adkison #MTGLessons

Page 63: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield Peter Adkison

Wanted a game: Fast Playing Little Setup Inexpensive !

Had a contact to: Print Pictures on Cards

#MTGLessons

Page 64: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield Peter Adkison #MTGLessons

Page 65: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield Peter Adkison #MTGLessons

Page 66: Lessons in Digital Strategy & UX from Magic: The Gathering

Richard Garfield Peter Adkison #MTGLessons

Page 67: Lessons in Digital Strategy & UX from Magic: The Gathering

“Limitations are something that I latch onto - like working in genre, or if you're writing TV, there are act breaks, there's a length of time it's supposed to be. The restrictions of budget and sets can be really useful.”!!

- Joss Whedon

“It was really SMS that inspired the further direction -- the particular constraint of 140 characters was kind of borrowed.” !!

- Jack Dorsey (Twitter)

“The enemy of art is the absence of limitations.” !!

-Orson Welles

#MTGLessons

Page 68: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 69: Lessons in Digital Strategy & UX from Magic: The Gathering

Constraint = Creativity

#MTGLessons

Page 70: Lessons in Digital Strategy & UX from Magic: The Gathering

Not Here.Think Here.

#MTGLessons

Page 71: Lessons in Digital Strategy & UX from Magic: The Gathering

Think Here. Not Here.

#MTGLessons

Page 72: Lessons in Digital Strategy & UX from Magic: The Gathering

Cognitive Overhead

#MTGLessons

Page 73: Lessons in Digital Strategy & UX from Magic: The Gathering

Cognitive OverheadHow many logical connections or jumps your brain has to make in order to understand or contextualize the thing you’re looking at.

http://techcrunch.com/2013/04/20/cognitive-overhead/

#MTGLessons

Page 74: Lessons in Digital Strategy & UX from Magic: The Gathering

Cognitive Overhead

High Low

#MTGLessons

Page 75: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 76: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 77: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 78: Lessons in Digital Strategy & UX from Magic: The Gathering

Lesson 4: Stop Talking. Start Doing.

#MTGLessons

Page 79: Lessons in Digital Strategy & UX from Magic: The Gathering

Theory Design vs Practical Design

#MTGLessons

Page 80: Lessons in Digital Strategy & UX from Magic: The Gathering

Practical DesignTheory Design

Talking & thinking about how something might work.

Trying it out as quickly as possible to see if it works.

Brainstorming!Meetings!Documentation

Role Playing!Sketching!Prototyping

#MTGLessons

Page 81: Lessons in Digital Strategy & UX from Magic: The Gathering

Prototyping

#MTGLessons

Page 82: Lessons in Digital Strategy & UX from Magic: The Gathering

Prototyping

#MTGLessons

Page 83: Lessons in Digital Strategy & UX from Magic: The Gathering

High Fidelity Low Fidelity

#MTGLessons

Page 84: Lessons in Digital Strategy & UX from Magic: The Gathering

Trying it out as quickly as possible to see if it works.

#MTGLessons

Page 85: Lessons in Digital Strategy & UX from Magic: The Gathering

Finding Problems, Not Solutions

#MTGLessons

Page 86: Lessons in Digital Strategy & UX from Magic: The Gathering

So how do we find solutions?

#MTGLessons

Page 87: Lessons in Digital Strategy & UX from Magic: The Gathering

Iteration

#MTGLessons

Page 88: Lessons in Digital Strategy & UX from Magic: The Gathering

Good enough is fine.

#MTGLessons

Page 89: Lessons in Digital Strategy & UX from Magic: The Gathering

Judo SolutionsOne that delivers maximum efficiency with minimum effort. Judo solutions are all about getting the most out of doing the least. !!

When good enough gets the job done, go for it. And remember, you can usually turn good enough into great later.

#MTGLessons

Page 90: Lessons in Digital Strategy & UX from Magic: The Gathering

1993 20141999 #MTGLessons

Page 91: Lessons in Digital Strategy & UX from Magic: The Gathering

1993

Name & Mana Cost

Art

Creature Type

Rules & Flavor Text

Artist & Power/Toughness #MTGLessons

Page 92: Lessons in Digital Strategy & UX from Magic: The Gathering

1993

Name & Mana Cost

Art

Creature Type

Rules & Flavor Text

Artist & Power/Toughness #MTGLessons

Page 93: Lessons in Digital Strategy & UX from Magic: The Gathering

1993

Name & Mana Cost

Art

Creature Type

Rules & Flavor Text

Artist & Power/Toughness #MTGLessons

Page 94: Lessons in Digital Strategy & UX from Magic: The Gathering

1993

Name & Mana Cost

Art

Creature Type

Rules & Flavor Text

Artist & Power/Toughness #MTGLessons

Page 95: Lessons in Digital Strategy & UX from Magic: The Gathering

Mana Symbols

Rules

Card Type

Iteration

#MTGLessons

Page 96: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 97: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 98: Lessons in Digital Strategy & UX from Magic: The Gathering

!

Micro Iteration

#MTGLessons

Page 99: Lessons in Digital Strategy & UX from Magic: The Gathering

Video from 37signals.com!Evolution of a homepage!

!

http://vimeo.com/29088090

Page 100: Lessons in Digital Strategy & UX from Magic: The Gathering

Everything is a prototype. !

Anything can be changed.

#MTGLessons

Page 101: Lessons in Digital Strategy & UX from Magic: The Gathering

Lesson 5: Respect Human Nature

#MTGLessons

Page 102: Lessons in Digital Strategy & UX from Magic: The Gathering

You Can’t Beat Human Nature

#MTGLessons

Page 103: Lessons in Digital Strategy & UX from Magic: The Gathering

Humans like patterns.

#MTGLessons

Page 104: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 105: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 106: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 107: Lessons in Digital Strategy & UX from Magic: The Gathering

http://shapingcloudsproject.tumblr.com/ #MTGLessons

Page 108: Lessons in Digital Strategy & UX from Magic: The Gathering

http://shapingcloudsproject.tumblr.com/ #MTGLessons

Page 109: Lessons in Digital Strategy & UX from Magic: The Gathering

http://webwithoutwords.com #MTGLessons

Page 110: Lessons in Digital Strategy & UX from Magic: The Gathering

http://webwithoutwords.com #MTGLessons

Page 111: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 112: Lessons in Digital Strategy & UX from Magic: The Gathering

Shared Knowledge

#MTGLessons

Page 113: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 114: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 115: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 116: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 117: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 118: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 119: Lessons in Digital Strategy & UX from Magic: The Gathering

Lenticular Design

#MTGLessons

Page 120: Lessons in Digital Strategy & UX from Magic: The Gathering

Lenticular DesignA player’s experience will dictate how complex a design is to them. And some complexity is hidden, because it requires certain knowledge to even be aware of it.

http://archive.wizards.com/Magic/magazine/Article.aspx?x=mtg/daily/mm/293

#MTGLessons

Page 121: Lessons in Digital Strategy & UX from Magic: The Gathering

#MTGLessons

Page 122: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 123: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 124: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 125: Lessons in Digital Strategy & UX from Magic: The Gathering
Page 126: Lessons in Digital Strategy & UX from Magic: The Gathering

People do what we ask. Respect them.

#MTGLessons

Page 127: Lessons in Digital Strategy & UX from Magic: The Gathering

It’s ok to suck.Get a HobbyRestraint is a RequirementStop Talking. Start Doing.Respect Human Nature

#MTGLessons

Page 128: Lessons in Digital Strategy & UX from Magic: The Gathering

Thanks!Adam Mc amccrim.com | @McAtoms #MTGLessons