Find Matching Game Design Documentation: Storyboards and Wireframes

Desklib provides past papers and solved assignments. This document details the design of a Find Matching game.

Find Matching
Design Documentation
Introduction
this animated storybook is containing the storyboards of a game called Find Matching.
That means, the player needs to flip the cards of animated animals and birds until
he/she finds the similar cars with same identical ani al on them. This storybook contains
some of the best animation and navigation effects for ultimate user experience and I
sure about it. The game scene starts with the play options in the game and end with the
user feedback. All game scenes are designed with smooth animation and give the player
the best user experience with the help of some game sounds and music.
We all know that most of the people love playing the games and so do I. I have a passion
towards playing the games at extreme level and that inspired me to go with this
storyboard and the game. I hope, it will provide the nice user experience overall.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
https://app.moqups.com/Er7OpMHjF8/view
Theme
The main theme of this game is cartoons. The characters used in this game are cartoons and got from
the open sources. Every navigation to the next page is smooth and scenes were clear with all elements.
Also used voice over for game narration and sound effects for player experience.
Storyboards
Storyboard of this Find Matching game will be used to develop the actual game without
missing anything. This game contains almost 4 storyboards as follows.
Storyboard 1
Page Title: home

Frame ID 1.1
Dimensions:
Page: Width: 632px Height: 590px Background: #b38df7 Font style: Bad Script font color: #fefb64
Three hyperlinks are used are of size Width and Height as follows
Link1: 78*19px
Link2: 85*19px
Link3: 94*19px
Animations: on click events used with links for navigation
Audio: voice over for narration need to be added and will do that accordingly.
Content: this storyboard explains the player about the available option in the game
Description / purpose: the purpose of this storyboard is to provide the easier way for the player to paly
the game as soon as possible.
User interaction required: the player need to click ono the links for navigation.

Storyboard 2
Page Title: gamerules
Frame ID 1.2
Dimensions:
Two boxes are used.
Box1: Width:632px Height:84px background:#5125ad Font:Helvetica
Box2: Width: 632px Height: 423px Background: #2f073bFont style: Helvetica
Rectangle for Title: Width: 422px Height: 50px Background: # 003748 Font style: Arial
Animations: on click events used with buttons for navigation
Content: story board tells instructions about game.
Description / purpose: purpose is to let the player know about instructions.
User interaction required: The user click on go to main hyper link to play the game.

Storyboard 3:
Frame ID 1.3
Page: Width: 632px Height: 590px Background: #b38df7 Font style: Bad Script font color: #fefb64
Box1: Width:632px Height:84px background:#5125ad Font:Helvetica
Rectangle Boxes: width 119px and 116px height.
Animations: user click on go to main hyperlink go to game home page.
Images: user click on rectangle box with mouse click box will be flip and show the image. By default all
boxes are empty.
Cartoon animal images like 1,2,3 and 4 images.
Animation:
Content: this story board tells the play game.
Description / purpose: the purpose is player play the game.

Storyboard 4
Frame ID 1.4
Page Title: user feedback
Page: Width: 632px Height: 590px Background: #b38df7 Font style: Bad Script font color: #fefb64
Box1: Width:632px Height:84px background:#5125ad Font:Helvetica
Animations: click on submit button show the some message to user about feedback. Click on go to min
go to the game home page.
Sound effects need to include for special effects and for better user experience.
Buttons: Submit button click on that user provide feedback about game.
Content: this storyboard tells the user feedback with message box.

Description / purpose: the purpose is player given feedback about the game.
Media list/References:
Media Reference
Monkey
image
https://pixabay.com/vectors/monkey-chimp-ape-chimpanzee-animal-474147/
Puppy
image
https://pixabay.com/illustrations/dog-puppy-cute-cartoon-character-3542195/
Owl
image
https://pixabay.com/vectors/owl-bird-eyes-cartoon-good-4073873/
Eggplant https://pixabay.com/illustrations/eggplant-purple-vegetable-eyes-2924511/
Zoo
Keeper
https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcQ_uWhqrgPoijQQrXR5LOeyyDSE_yx2wtX-cZKdFzdFDHNVl9ugLQ
Backgrou
nd
https://png.pngtree.com/thumb_back/fw800/back_pic/05/10/36/72598b0d62adfc9.jpg
Backgrou
nd 1
https://cdn2.vectorstock.com/i/1000x1000/78/61/a-zoo-vector-1097861.jpg
Boy https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcReOyJ0wBKdCwhZ9FdZZTM3VzkRq7XQpY4tTtrFSohWx1bEySPI
Wooden
Plank
https://newvitruvian.com/images/wooden-clipart-jungle-4.jpg