Embed Size (px)
Citation preview
CHIZZLY GAME STUDIOS™
KAREN RAETS GIUSEPPE CALLARI MICHAEL VINCKEN
HUMAN-COMPUTERINTERACTION
http://www.slideshare.net/jkofmsk/introduction-fundamentals
HUMAN-COMPUTERINTERACTION
CASUAL GAME
HUMAN-COMPUTERINTERACTION
HUMAN-COMPUTERINTERACTION
CASUAL GAMERS
HUMAN-COMPUTERINTERACTION
HUMAN-COMPUTERINTERACTION
HUMAN-COMPUTERINTERACTION
SPACE MANMAN?
HUMAN-COMPUTERINTERACTION
CASUAL GAME
HUMAN-COMPUTERINTERACTION
CASUAL GAME
TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP
PAPER PROTOTYPING DIGITAL PROTOTYPE EVALUATION ITERATIONS
https://www.dropbox.com/s/mndvkx2l5zwc27q/fund-chi-sessie%208.pdf?dl=0
PAPER PROTOTYPING
https://www.youtube.com/watch?v=zFaAbC0w-pg
EVALUATION ITERATIONSDIGITAL PROTOTYPE
PAPER PROTOTYPING DIGITAL PROTOTYPE EVALUATION ITERATIONS
1 2 3
FIRST PAPER PROTOTYPE
SECOND PAPER PROTOTYPE
FINAL PAPER PROTOTYPE
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
1
MINIMAL VIABLE PRODUCT
COMBONEW LOOKCOLLISION DETECTIONTUTORIAL
Jack’s Beanstalk Rush
DIGITAL PROTOTYPE EVALUATION ITERATIONS
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
1
MINIMAL VIABLE PRODUCT
COMBONEW LOOKCOLLISION DETECTIONTUTORIAL
PAPER PROTOTYPING
1 2 3
FIRST PAPER PROTOTYPE
SECOND PAPER PROTOTYPE
FINAL PAPER PROTOTYPE
THE BACK OF THE
NAPKIN
THE BACK OF THE
NAPKIN
1FIRST
PAPER PROTOTYPE
GAME SCREEN
PAUSE MENU
JACK (PLAYER)
SCOREBOARD
TUTORIAL
MOVING BEANSTALK
MAIN MENU
GAME OVER
1FIRST
PAPER PROTOTYPE
GAME SCREEN
PAUSE MENU
SCOREBOARD
TUTORIAL
MOVING BEANSTALK
MAIN MENU
GAME OVER
1FIRST
PAPER PROTOTYPE
JACK (PLAYER)
6MENUS!
?
1FIRST
PAPER PROTOTYPE
6MENUS!FLOW DIAGRAM
2SECOND
PAPER PROTOTYPE
2SECOND
PAPER PROTOTYPESTORY MENU
MOVING BEANSTALK
MAIN MENU
JACK (PLAYER)
SCOREBOARD
ANIMATED TUTORIAL
NEW
NEW
PAUSE SCREEN
GAME OVER SCREEN
LAY-OVER
GAME SCREEN
2SECOND
PAPER PROTOTYPESTORY MENU
MOVING BEANSTALK
MAIN MENU
JACK (PLAYER)
SCOREBOARD
ANIMATED TUTORIAL
NEW
NEW
PAUSE SCREEN
GAME OVER SCREEN
LAY-OVER
GAME SCREEN
5MENUS!
?
3FINAL
PAPER PROTOTYPE
3FINAL
PAPER PROTOTYPEMOVING BEANSTALK MAIN MENU
JACK (PLAYER)
PAUSE SCREENLAY-OVER
GAME OVER SCREEN
ANIMATED TUTORIALLAY-OVER NEW
GAME SCREEN
3FINAL
PAPER PROTOTYPEMOVING BEANSTALK MAIN MENU
JACK (PLAYER)
PAUSE SCREENLAY-OVER
GAME OVER SCREEN
ANIMATED TUTORIALLAY-OVER NEW
GAME SCREEN
3MENUS√
DIGITAL PROTOTYPE EVALUATION ITERATIONS
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
1
MINIMAL VIABLE PRODUCT
COMBONEW LOOKCOLLISION DETECTIONTUTORIAL
PAPER PROTOTYPING
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
PAPER PROTOTYPING EVALUATION ITERATIONS
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOK
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
COLLISION DETECTIONTUTORIAL
DIGITALPROTOTYPE
DIGITALPROTOTYPE
DIGITALPROTOTYPE
http://freebiesbug.com/wp-content/uploads/2013/11/free-flat-devices.jpg
BROWSER
MINIMAL VIABLE PRODUCT
“Perfection is achieved, not when there is nothing more to add, but when there is
nothing left to take away.”
Antoine de Saint-Exupéry
MINIMAL VIABLE PRODUCT
“Perfection is achieved, not when there is nothing more to add, but when there is
nothing left to take away.”
Antoine de Saint-Exupéry
MINIMAL VIABLE PRODUCT
MOVING BEANSTALK
START SCREEN / MAIN SCREEN
GAME OVER SCREEN
CLIMBING JACK
PLAY BUTTON
RERTY BUTTON
1MINIMAL VIABLE PRODUCT
2MINIMAL VIABLE PRODUCTNEW
NEW
NEW
SOUND ON/OFF
TUTORIAL
NEW JACK
2MINIMAL VIABLE PRODUCTNEW
NEW
NEW
SOUND ON/OFF
TUTORIAL
NEW JACK
?
PAPER PROTOTYPING EVALUATION ITERATIONS
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOK
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
COLLISION DETECTIONTUTORIAL
TUTORIAL?
TUTORIALTAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP TAP
TUTORIAL?
TUTORIAL?
BOUNDING BOXES
BOUNDING BOXES
√
√
√
EXTRA POINTSEXTRA POINTS
EXTRA POINTS
TUTORIAL?RECAP
TUTORIAL?!
NO TUTORIAL
COMPACT TUTORIAL
FULL TUTORIAL
TUTORIAL!
NO TUTORIAL
COMPACT TUTORIAL
FULL TUTORIAL
√
PAPER PROTOTYPING EVALUATION ITERATIONS
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOK
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
COLLISION DETECTIONTUTORIAL
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
TUTORIAL
PAPER PROTOTYPING
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
EVALUATION ITERATIONS
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOKCOLLISION DETECTION
EVALUATION ITERATIONS
EVALUATION ITERATIONS
21 3
EVALUATION ITERATIONS
21 3
GAME REVIEW QUESTIONNAIRE
EVALUATION ITERATIONS
http://www.bgdg.info/PDF_Files/Game_Evaluation_Criteria.pdf
EVALUATION ITERATIONS
LENGTH
BALANCE
FUN
FLOW
CLARITY
INTEGRATION
DESIGN 1
DESIGNNEW DESIGN
1
DESIGN 1
DESIGN 1
DESIGN 1
DESIGN 1
√
√
√
BOUNDING BOXES
RECAP1
BOUNDING BOXES
√√
1
WEBSITE 2
Page layout based on Team Sheepy's page!
DIFFERENT MEDIAPC/LAPTOP VS. MOBILE
2
DIFFERENT MEDIAPC/LAPTOP VS. MOBILE
2
MORE PATTERNS
BABAC BAABA AACAB
C
AB
A
AB
BACAA
2
AB
BA
RELEASEIN-THE-WILD
2
COMBOS
COMBOSCOMBOS
3
CLARIFYBEAN LOST 3
AND MORE PATTERNS
BDBAC BAEBA AACEB
C
DB
A
AB
BECAA
3
AB
BE
Google ANALYTICS
2/3
Google ANALYTICS
2/3
ADDICTIVNESS BURSTSLEARNABILITY DEMOGRAPHICS
Google ANALYTICS
2/3
ADDICTIVNESS BURSTSLEARNABILITY DEMOGRAPHICS
ONE GAME
ONE GAME SESSION
Google ANALYTICS
3
ONE GAME
ONE GAME SESSION
ADDICTIVNESS BURSTSLEARNABILITY DEMOGRAPHICS
USER #J051C411451
Google ANALYTICS
3
SCORE (random) 20 USERS
Number of Sessions
Scor
e
Google ANALYTICS
3
RETURNING USERS
Date Number of Users Returning
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
TUTORIAL
PAPER PROTOTYPING
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
EVALUATION ITERATIONS
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOKCOLLISION DETECTION
DIGITAL PROTOTYPE
1
MINIMAL VIABLE PRODUCT
TUTORIAL
PAPER PROTOTYPING
1 2 3
FIRST PAPAR PROTOTYPE
SECOND PAPAR PROTOTYPE
FINAL PAPAR PROTOTYPE
EVALUATION ITERATIONS
1 2 3
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
GAME REVIEW QUESTIONNAIRE
COMBONEW LOOKCOLLISION DETECTION
Questions?
