CSC10214 Assignment 1: Interactive Web Content Design Documentation

Desklib provides past papers and solved assignments. Download this student's Bird Balloon game design documentation.

CSC10214 Assignment 1
SOUTHERN CROSS UNIVERSITY
ASSIGNMENT COVER SHEET
For use with online submission of assignments
Please complete all of the following details and then make this sheet the first page of each file
of your assignment – do not send it as a separate document.
Your assignments must be submitted as either Word documents, text documents with a .rtf
extension or as .pdf documents. If you wish to submit in any other file format please discuss
this with your lecturer well before the assignment submission date.
Student Name: _____SASANK BABU_______________________
Student ID No.: ______________23154786______________
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: _______CAROLYN SETON_____________________
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: ____________________________
Date submitted: ____________________________
Declaration:
I have read and understood the Rules Relating to Awards (Rule 3 Section 18 –
Academic Misconduct Including Plagiarism) as contained in the SCU Policy
Library. I understand the penalties that apply for plagiarism and agree to be bound
by these rules. The work I am submitting electronically is entirely my own work.
Signed:
(please type
your name)
____________________________
Date: ____________________________

CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Your Name]

CSC10214 Assignment 1
Table of Contents
Introduction......................................................................................................................................7
Wireframe........................................................................................................................................7
Theme..............................................................................................................................................7
Storyboards......................................................................................................................................7
The Game:.......................................................................................................................................7
Dimensions:.................................................................................................................................8
Size:.............................................................................................................................................8
For Bird:.......................................................................................................................................8
Media Used:.................................................................................................................................8
Technical specifications (optional)................................................................................................12
Media List/References (if required)...............................................................................................12

CSC10214 Assignment 1
Introduction
This is a documentation for a game about the hitting the balloons and the name of game is “Bird
Balloon”. This scene is about the starting level of the game hitting the balloons. This game is fun
to play because there are many colorful balloons popping on the screen. A game is being
developed of balloons and birds and the game is inspired by another game called “Balloon Pop!”.
In Balloon Pop, there are some balloons which start popping on the screen and user have to hit
on the balloons and complete the given target. This game is very simple but the used colors for
balloons and other items are attractive. There are many things to do with this game which makes
it more cool and attractive. This scene is only an idea of the based game experience to know the
theme very well.
Wireframe
The wireframe prototype to find the storybook explanation:
Theme
This scene of the game is created with the combination of “Bird Hunter” and “Balloon Pop”
game. In this game, the user will adjust the direction of the bird so that it can hit the balloon and
get points. These points are used to increase the level. In every upcoming level, the difficulty
will be increased as the balloons are started popping very fast.
This theme will give the best environment to the balloon lovers who can play this game with
colorful balloons anywhere. In the background, the sounds of birds chirping and balloons give a
better experience to the player. The birds are acting like a cartoon character when they get hit by
a bird they will sound like some cartoon character.
Storyboards
The following Storyboards on the following pages provide a more detailed explanation of the
planned product/game.

CSC10214 Assignment 1
Balloon: In this scene, there is a balloon that flies across the screen in searching for the farm. The
balloon size would decrease as it moves away from the man. This will give a real touch to the
game which will attract the users.
Atmosphere: There is an atmosphere sound needed like winds or rain (If a screen of rain is
taken).
Music: Characters noise to create a gamer atmosphere.
Onclick: There is some pop sound needed for on click events for the buttons to develop user
interaction and there can be more buttons appear on the screen like pause or resume the game.
Game/Scene loading: There will be a need for the loading sound for the game like guitar and
birds mix sound with the game loading animations.

CSC10214 Assignment 1
Bird: In this scene, there is a bird that flies across the screen in searching for balloons. The Bird
will be chirping which gives the feel of a bird is flying in the sky freely. This will give a real
touch to the game which will attract the users.
Atmosphere: There is an atmosphere sound needed like winds or rain (If a screen of rain is
taken) to match the bird’s voice to create a proper game background.
Music: Characters noise to create a gamer atmosphere.
Onclick: There is some pop sound needed for on click events for the buttons to develop user
interaction and there can be more buttons appear on the screen like pause or resume the game.
Game/Scene loading: There will be a need for the loading sound for the game like guitar and
birds mix sound with the game loading animations.

CSC10214 Assignment 1
Atmosphere: the Main page so this would contain serious sound in the background
Music: there are 2 characters such as bird and kid
Onclick: There is some pop sound needed for on click events for the buttons to develop user
interaction and there can be more buttons appear on the screen like pause or resume the game.
Game/Scene loading: There will be a need for the loading sound for the game like guitar and
birds mix sound with the game loading animations.
The Game:
Title: Game Page Frame ID: Game1

CSC10214 Assignment 1
Dimensions: This scene will take the maximum of the available as this will display like a short
movie on the screen.
Size: Characters size are defined but size can vary during the development stage.
For Bird: 200 x 100 pixel
For balloon and other characters: 200 x 100 pixel
Media Used:
SOUNDS
Bird: In this scene, there is a bird that flies across the screen in searching for balloons. The Bird
will be chirping which gives the feel of a bird is flying in the sky freely. This will give a real
touch to the game which will attract the users.
Atmosphere: There is an atmosphere sound needed like winds or rain (If a screen of rain is
taken) to match the bird’s voice to create a proper game background.
Music: Characters noise to create more game atmosphere.
Onclick: There is some pop sound needed for on click events for the buttons to develop user
interaction and there can be more buttons appearance on the screen like pause or resume the
game.
Game/Scene loading: There will be a need for the loading sound for the game like guitar and
birds mix sound with the game loading animations.
FONTS
The speech bubble text which is displaying the directions on the screens to show the ongoing
game screen.
IMAGES

CSC10214 Assignment 1
This screen will need the image of the sky and the clouds over the sky which will give the
experience the bird is flying in the sky.
The image a rain screen also added in this game which will be swapping with the sky screen in
between the game to give the user a better experience.
Buttons
The help button will be at the top right on the home page. The button is in the shape of a balloon.
There can be more buttons like stopping or starting the game, skipping the game screen and
changing the level of the game, etc.
Background
The initial background of the game is with the popping of balloons which display the game is
loading. Once the game is started the sky with clouds screen will appear which will show the
game is starting.
Background Screen
Media Used:
SOUNDS
Balloons: This screen will show the levels of the game and the other concepts of a game like we
can choose a particular balloon color to show in our game or we can choose an alphabetical
balloon which can give more interest to kids. After selecting a particular level or particular
screen the game will be started with a guitar tune again.
Atmosphere: The sound of birds and balloons popping will play in background alternatively
which give the user a good atmosphere.

CSC10214 Assignment 1
Music: There will be normal sound in the background or some guitar tune can be played because
there are real characters’ noise in the background.
Onclick: The buttons are in the different shapes like different color of balloons and birds, the
settings and help button, profile icon and sound settings button which will help the user to adjust
the sound of the game.
Game/Scene loading: There are some loading sounds after clicking any of the buttons on the
home screen which will show the screen is loading.
FONTS
The bubble text will look very nice in this game with these characters. This font is showing the
levels and directions in the game.
IMAGES
On this screen, there will be some birds and balloon characters which are flying random that will
give an idea of the game to the user. And some introduction regarding the game.
Buttons:
The button on this screen helps or suggests user about the game like start or resume button, skip
button, and different game icons like home, setting help sound, etc.
Sound Adjust Screen:
Media Used:
SOUNDS
Volume Adjust: This screen provides two or more sound adjust button like button sounds and in-
game sounds.
Music: Background music of the selected option will give user idea of the sound.

CSC10214 Assignment 1
Onclick: The sound buttons will show the adjust level from which user can decrease or increase
the sound of the selected option.
Background:
The initial background for this screen will be sky blue with some balloons and birds. This
background is to show the sound adjust the screen in-game theme. When the button is selected a
particular character will pop up.
Content:
This screen will contain bubbled buttons with bubble speech text to show the sound icons level
on the screen.
Description (Objective / Purpose):
This is the sound adjustment of the game. This screen is very useful for users as some persons
don’t like to play a game in full of sounds. After the game loading screen, the home screen will
appear where an icon of sound adjustment included. By clicking the button user will land on this
screen. This screen will have a bird flying in the background.
Animations:
The bird is flying the background across the screen.
User Interactions Required:
The user will need to adjust the volume level of the game.
The interactions are necessary to adjust the sound. Or the user can click back button to go back
to the home screen.
Navigation/Links
There is:
Navigation to the Home page.
Navigation to the Profile.
Technical specifications (optional)
(Simple example below could be provided if these details are not provided on storyboards)
Web page dimensions: 300 x 500 pixels. Banner dimensions:
1) Horizontal banner: 500 pixels wide x 50 pixels high;

CSC10214 Assignment 1
2) Vertical banner: 360 pixels wide x 700 pixels high;
3) Button 1: 100 pixels x 100 pixels;
4) Button 2: 580 pixels wide x 250 pixels high;
5) Custom 1: 320 pixels x 60 pixels;
6) Custom 2: 200 pixels x 50 pixels.
Media List/References (if required)
Image
name or
descripti
on
Resource address/URL
FONTS:
Heading
IMAGES:
Sky
Backgro
und
Bird
Characte
r
Balloon
https://www.fontspace.com/category/balloons
https://www.google.com.au/url?
sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwitx-
WSt7bhAhXwct8KHQ_YCUYQjRx6BAgBEAU&url=https%3A%2F%2Fpngtree.com
%2Ffreebackground%2Fblue-cartoon-background-
material_259827.html&psig=AOvVaw39cVMgucxVg6q-
EOveLYbb&ust=1554467039358672
https://i0.wp.com/thumbs.dreamstime.com/b/small-cute-green-yellow-bird-
colorful-cartoon-character-vector-illustration-isolated-white-background-
92865240.jpg?w=600
https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcQc_eefiVYNTL8TpCErzD4g1Sy2ipCz_oVuN-SnP19kf_mJlYIHyw