Jack's Beanstalk Rush

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

DIGITALPROTOTYPE

http://html5gameengine.com/

DIGITALPROTOTYPE

http://html5gameengine.com/

DIGITAL PROTOTYPE

http://phaser.io/

DIGITAL PROTOTYPE

https://www.ludei.com/

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

facebook 2

https://www.facebook.com/JacksBeanstalkRush

facebook 2

https://www.facebook.com/JacksBeanstalkRush

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?