Download - Advanced Prototyping
![Page 1: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/1.jpg)
Advanced Prototyping
Chaim Gingold Chris Hecker
![Page 2: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/2.jpg)
Have Idea
Ask Questions
Prototype
Develop
Sell It
![Page 3: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/3.jpg)
Have Idea
Ask Questions
Prototype
Develop
Sell It
![Page 4: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/4.jpg)
1. Answer questions
2. Find upside & downside
3. Persuade and inspire
Why Prototype?
![Page 5: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/5.jpg)
Prototypes do not generate ideas from
scratch!
![Page 6: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/6.jpg)
![Page 7: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/7.jpg)
Bigger Projects, Too unwieldy
![Page 8: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/8.jpg)
Sinking Ship Can’t Do it
![Page 9: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/9.jpg)
![Page 10: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/10.jpg)
validationagile problems
solutionscheap + fast slow + expensive
![Page 11: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/11.jpg)
Metrics
![Page 12: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/12.jpg)
Cheap
agile
light
![Page 13: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/13.jpg)
Falsifiablemake a claim
testable
tested
learn
![Page 14: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/14.jpg)
![Page 15: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/15.jpg)
// First hello.group GreetFirstContact{ // Warm welcome dialog { motive Default ; text "Welcome!" ; button { text "I come in peace." ; do RelationshipPlus ; do SayDialogFromGroup ReactToIComeInPeace ; } ; button { text "Prepare to die." ; do RelationshipMinus ; do SayDialogFromGroup ReactToThreat ; }; button Bye;
} ;} ;
![Page 16: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/16.jpg)
Relevant
generalizable
![Page 17: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/17.jpg)
![Page 18: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/18.jpg)
Surprisingfeedback
upside and downsideinspiring
![Page 19: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/19.jpg)
Persuasivefun
tangible
clear
disruptive
![Page 20: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/20.jpg)
![Page 21: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/21.jpg)
Cheap + Persuasive
=
![Page 22: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/22.jpg)
Org Chart
![Page 23: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/23.jpg)
Football Plays
![Page 24: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/24.jpg)
Design Doc=
Prototype?
![Page 25: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/25.jpg)
Document Prototype
Faith Science
Really Cheap Cheap
Static Interactive
Boring Sexy
![Page 26: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/26.jpg)
What is your
Question?
Question
![Page 27: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/27.jpg)
![Page 28: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/28.jpg)
Q:Question 1
Can we make a fun social game between characters?
![Page 29: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/29.jpg)
Q:Question 2
Is Leg UI concept user friendly, powerful, and hot?
![Page 30: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/30.jpg)
Q:Question 3
Can rolling around with a sticky ball be compelling?
![Page 31: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/31.jpg)
Q:Question 4
Here’s a design doc for a game.Is it going to be fun?
![Page 32: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/32.jpg)
Starting“So you want to write a prototype?”
![Page 33: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/33.jpg)
Step 1:
don’t
![Page 34: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/34.jpg)
steal it
![Page 35: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/35.jpg)
fake it
![Page 36: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/36.jpg)
rehash it
![Page 37: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/37.jpg)
Step 2:permission
vs.forgiveness
“if it takes less than two days, just do it”
![Page 38: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/38.jpg)
Step 3:
fail early
![Page 39: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/39.jpg)
Step 4:gather
reference material
![Page 40: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/40.jpg)
Decomposition
Decomposition
![Page 41: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/41.jpg)
Division 1
![Page 42: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/42.jpg)
Division 2
![Page 43: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/43.jpg)
Division 3
![Page 44: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/44.jpg)
Division 4
![Page 45: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/45.jpg)
Bad Puzzle Pieces
![Page 46: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/46.jpg)
Connections
![Page 47: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/47.jpg)
Connections Cut
![Page 48: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/48.jpg)
In/out?
What’s in?
What’s out?
![Page 49: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/49.jpg)
![Page 50: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/50.jpg)
Account for connections
Connections
![Page 51: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/51.jpg)
CE
![Page 52: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/52.jpg)
CE Map
ObjectComposition
Torso
Economy
CreatureGame
Parts PaletteLegs
CreatureContent
creature editor
![Page 53: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/53.jpg)
CE Map 2
ObjectComposition
Torso
Economy
CreatureGame
Parts PaletteLegs
(Animator,Skinner,Painter,Stitcher)
creature editor
![Page 54: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/54.jpg)
Parts
Part Morphing
ObjectComposition
Torso
Economy
CreatureGame
PaletteLegs Parts
CreatureContent
![Page 55: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/55.jpg)
Object Composition
Torso
Economy
CreatureGame
Parts PaletteLegs
ObjectComposition
CreatureContent
![Page 56: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/56.jpg)
Torso
ObjectComposition
Torso
Economy
CreatureGame
Parts PaletteLegs Torso
CreatureContent
![Page 57: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/57.jpg)
Economy
ObjectComposition
Torso
Economy
CreatureGame
Parts PaletteLegs
EconomyCreatureContent
![Page 58: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/58.jpg)
Leg
ObjectComposition
Torso
Economy
CreatureGame
Parts PaletteLegsLegs
CreatureContent
![Page 59: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/59.jpg)
constraints + freedoms + assumptions
prototyping:
“what’s really important?”
![Page 60: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/60.jpg)
Economics
![Page 61: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/61.jpg)
on the characteristics of your prototype
on the coupled characteristics of your prototype
where do you spend your resources?interactivity
robustness
hotness
usability
fun
duration
beauty
performance
variety
agility
velocity
![Page 62: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/62.jpg)
qualit
y
cost
quality vs. cost curve is [very] nonlinear
ok
good
cool
awesome
suck
![Page 63: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/63.jpg)
![Page 64: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/64.jpg)
qualit
y
cost
quality vs. cost curve is [very] nonlinear
minimum quality bar
minimum cost
![Page 65: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/65.jpg)
code contentvs.
![Page 66: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/66.jpg)
cost
quantity
code
content
prototypes
![Page 67: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/67.jpg)
code content
emotionalautistic
dead bits
interactive
![Page 68: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/68.jpg)
scaredalien
![Page 69: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/69.jpg)
code content
youarestill
clueless
youunderstandyourproblem
![Page 70: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/70.jpg)
Only spend code where you need understanding;
throw content at the rest.
![Page 71: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/71.jpg)
Programming
![Page 72: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/72.jpg)
agility&
velocity
What’s important?
![Page 73: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/73.jpg)
What’s not important?
robustnesselegance
optimal code
![Page 74: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/74.jpg)
Be Lazy
Computers are fast and HUGE
![Page 75: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/75.jpg)
Don’t commit to an abstraction!
Code influences your mental model.
Must stay agile.
![Page 76: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/76.jpg)
Don’t commit to an abstraction!
toolkit vs. framework
recombinantcompositionalimmediatedelicatessen
staticcontrollingretainedprix fixe dinner
![Page 77: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/77.jpg)
Tower of Tuning
scriptinghotloadingdata drivinginteractive editorrecompiling
![Page 78: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/78.jpg)
Collaboration
Collaboration
![Page 79: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/79.jpg)
Designer-Programmer
Collaboration
![Page 80: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/80.jpg)
Designer
and
Programmer
Collaboration
![Page 81: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/81.jpg)
FeedbackFeedback
![Page 82: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/82.jpg)
Science
PR v Science
PR
Demo Test
![Page 83: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/83.jpg)
Demo
Demo
Harvest Good Ideas
Buy-In
Persuade
![Page 84: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/84.jpg)
Correction
![Page 85: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/85.jpg)
Correction2
![Page 86: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/86.jpg)
Test
Testing
Validation
ObservationsQuiet!
![Page 87: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/87.jpg)
Archive It.Repeat.
Testing
![Page 88: Advanced Prototyping](https://reader038.vdocument.in/reader038/viewer/2022110212/56813b1c550346895da3cda0/html5/thumbnails/88.jpg)
the end