User Experience Design Project: Save Monkey Game - CSC10214

Desklib provides past papers and solved assignments. This project documents the design of a Save Monkey game.

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 .rtf
extension or as .pdf documents. If you wish tosubmit in any other file format please discuss
this with your lecturer well before theassignment submission date.
Student Name: CHANDA RAKSHITH KUMAR
Student ID No.: 23150218
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: ADAM FLETCHER
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: 05/04/2019
Date submitted: 05/04/2019
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)
Rakshith kumar
Date: 05/04/2019

CSC10214 Assignment 1

CSC10214 Assignment 1
[SAVE MONKEY]
Design Documentation
By [RAKSHITH CHANDA]

CSC10214 Assignment 1
Table of Contents
Introduction........................................................................................................ 1
Wireframe.......................................................................................................... 1
Theme............................................................................................................... 1
Storyboards........................................................................................................ 1
Technical specifications (optional)..................................................................5
Media List/References (if required)...........................................................................5
Introduction
In this scenario, an animation of a hungry monkey walking around the jungle is created.
As the monkey is very hungry he needs to find other monkeys, so he can play in the
jungle. In this animation, the monkey finds a fish and the story goes on. In this
animation video story of this lost monkey in the jungle is shown. Now the monkey is
jumping here and there to find the food is clearly shown in the video.
The jungle scenery is used in this animation. Various types of hurdles created for the
monkey to cross during the course of the scenario. These hurdles are kind of animals
who came to eat the monkey so monkey needs to dodge those hurdles or wild animals
to remain alive. Voice of various animals and birds is continuously played in the story to
make it real. The animation is developed to make the player completely aware of the
plot.
Wireframe
The wireframe prototype to demonstrate this storybookcan be found at:
Home screen wireframe is found at the given below link: -
https://drive.google.com/open?id=17Dxs0yNmNBHFTMOThyzOtOpNAuVUPYOb
Main Story screen wireframe is found at the given below link: -
https://drive.google.com/open?id=1Er13pRLw_eNV5cFkklvQINE2C3MUsRi0
Score screen or result screen wireframe is found at the given below link: -
https://drive.google.com/open?id=10b1Q8rNLmLc5HPLYooVmJfEo1Enzje37
Theme
The theme of this animation is based on the Jungle. Jungle theme to satisfy the need
for the animation. In this theme, Jungle background is shown where the mix sound of

CSC10214 Assignment 1
animal is also listening. Various animals also came to eat the monkey during the course
of the animation. In this theme, a sunrise scene is picked up to enhance the look of the
scene.
In this theme, one can easily found the creatures used in the scenario like a monkey,
wild animals, fruits, etc. Thus this theme is fully satisfied with the animation scenario.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
(Note that: At least one storyboard should be provided for each page of your story.
 You may need to provide a separate storyboard for some of your
banner/animations in order to describe/demonstrate your planned design
ideas.
 The following storyboard format is one option. You may choose other formats
as long as you include the same details)

CSC10214 Assignment 1
Title:Main Character Frame ID: monkey
Dimensions: Character of the hungry monkey is
performed by this monkey. The dimension of the
monkey is about 200 by 250 pixels.
Media Used:A mix sound of multiple animals is used in
this animated video so to make the scene of the
animation to be real.
In this animation, the monkey is used to eat fruits by
which a "surp” sound came.
Monkey voice is used while the monkey is
communicating with other creature during the course of
the video.
Buttons:On the footer area we have three buttons to animate the monkey in the video named
dodge, catch and quit. Dodge is used to animating the monkey to get down. The catch is used to
animate the monkey to jump while the Quit button is used to skip the animation.
Content:In this scenerio, a hungry monkey lost in the jungle need to find some food to eat. Monkey
faces multiple death object or wild animal during the course of the story.
Description (purpose / objectives):
The main purpose of this character in the animated video is to tell the players about the plot
of the story.
Animations:
A monkey can jump to catch the fruit or lie down to dodge the hurdle. This animation is
used in this presentation.
User Interactions Required:
The userneeds to press the button on time to catch the fruit or dodge the wild animal to
survive in this world.
Navigation / Links:
Navigation to the story page.

CSC10214 Assignment 1
Title: Background Frame ID: background
Dimensions: This Image in the scenario is used to the full extent of the page.
Media Used: A sound of the jungle is used to depicts the feeling of the jungle to the player. Deep
hard tune is used in this scene to make the scene more horrified.
Buttons: A button used to skip this narrated video is provided on the screen
Content: This scene will contain the capture the eyes of the player due to its beauty. The jungle is
being represented by this photo.
Description (purpose / objectives):
The main purpose of this scene is to make the player aware of the background scenery of
the video. The place of the movie is depicted in this scene.
Animations:
Animations are applied to the jungle.
User Interactions Required:
To skip the narration of the story we have a play button on this page. By pressing this button
player skips the narration going on.
Navigation / Links:
Navigation to the home page.

CSC10214 Assignment 1
Title: Score page Frame ID: score
Dimensions: This is the sketch of the score screen which fits the whole size of the window.
Media Used: On this page sound of animals is used which make the player feels about the jungle.
Buttons: In this scene of the story two buttons are provided used to control the flow of the scene.
Quit is used to quit the scenario while play again is used making to change the scene of the screen.
Content: This scene contains the scoring of the player as this scene shows the results also. In this
scene player clearly see the motives of the story which is being played.
Description (purpose / objectives):
This scene is used to show the scoring of the player.
Animations:
The jungle is animated behind the screen in this scene. Letters of the screen will come into
effect.
User Interactions Required:
This page we have two buttons one is quit which is used to quit the story and another
button is used to restart the scenario.
Navigation / Links:
Navigation to the story page.

CSC10214 Assignment 1
Navigation to the home page.
Technical specifications (optional)
(Simple example below could be provided if these details are not provided on storyboards)
Web page dimensions: 600 x 900 pixels. Banner dimensions:
1) Horizontal banner: 600 pixels wide x 90 pixels high;
a. This is used for displaying the scoring area and timer which is kept ticking while play goes
on.
2) Vertical banner: 160 pixels wide x 600 pixels high;
a. Not decided yet.
3) Button 1: 125 pixels x 125 pixels;
a. This could be the dodge button.
b. Catch button is also assigned to the same size.
c. Quit button again assigned to the same size.
4) Button 2: 180 pixels wide x 150 pixels;
a. Play again button is assigned to this size.
5) Custom 1: 320 pixels x 50 pixels;
a. This may be used to create the objects of the story like wild animals and fruits.
6) Custom 2: 700 pixels x 250 pixels.
a. This is used to create the path for a walk.
7) Custom 3: 300 pixels x 350 pixels.
a. This may be used to create the monkey.
Media List/References (if required)
Image name
or description
Resource address/URL
Images
Background
Monkey
Remaining
Character yet
to be found.
Audio
Audio yet to
be found.
https://static3.scirra.net/images/newstore/products/1266/Store720x320.png
https://www.clipartqueen.com/image-files/funny-monkey-drawings-walking-
monkey.png