User Experience Design for a Casual Online Jump and Run Game (CSET010)

This document presents the design documentation for a casual online 'jump and run' game, developed as part of a university assignment. The project utilizes Google Web Designer for development, focusing on user experience and engagement. The documentation includes a concept paper outlining the game's introduction, background, description, genre, and target age group. A concept map and functional specifications, including navigation, storyboards, and wireframes, are also provided. The assignment involves creating a game with a specific theme, implementing user experience concepts, and gathering feedback from end-users. The game's design incorporates various elements, such as simple navigation, instructions, and gameplay features. The document also details the implementation of the game's features through tutorials, including adding enemy objects and sound effects. The goal is to create an immersive and enjoyable game experience for the target audience, emphasizing user-centered design principles.

Running head: Design Documentation
Part A: Design Documentation
Name of the Student
Name of the University

1PART A: DESIGN DOCUMENTATION
1. Concept Paper:
Introduction:
The game is developed in the Google Web Designer. The google web designer is
generally used for developing advertisement to be published in the websites. It provides a way of
implementing interactive advertisement. However, in this assignment a jump and run game is to
be developed.
Background:
The jumping game is designed for the web browser so that everyone can play the
jumping game. The web platform has been selected because Operating System, such as Android
and iOS, specific jumping games are difficult to make and requires extensive amount of time.
Rather than creating a same jumping game for two different OS, the web based development
made the project easy. Because of this decision, additional time will be available to concentrate
on the jumping game’s features. Currently smaller jumping games are very popular among the
world because these jumping games does not take much space in the system. Moreover, there is
no need to install the jumping game in the system. Any modern day web browser can be used
for playing this jumping game. This will increase the popularity of the jumping game among the
low end pc users who do not have high configured system. The jumping game’s graphics will be
simple yet attractive.
Description:
The web application has an index page. This index page appears when the game starts.
The user can click on the buttons on the index page to redirect to the desired page. The game

2PART A: DESIGN DOCUMENTATION
maintains the theme throughout all the pages. All the pages has some content and buttons for
navigation. The screen size of all the pages in the game are same.
The guidance page will have a straightforward shading blend. This is on the grounds that
client needs to plainly observe the guidelines give in the screen. The guidelines page will advise
the client that anyplace on the amusement can be clicked to make the character bounce. The
character must counteract the hindrances. The screen will record the score of the amusement for
each run. The client can re-begin the a great many jumping games is over by tapping on the
diversion over screen. The diversion will compute the score dependent on the deterrents the
jumping gamer has hounded.
Genre and Target Age Group:
The genre of the proposed jumping game is Role Playing Jumping games.
10 to 15 years of aged youngsters are targeted age group.
2. Concept Map:

3PART A: DESIGN DOCUMENTATION
3. Functional Specification:
Simple Navigation:
Story Boards:
Title: Home Page Frame ID: Home
Dimensions:

4PART A: DESIGN DOCUMENTATION
Home Page
Media Used:
None
Buttons:
Instructions and Play Jumping game
Background:
Jungle in the Hills
Content:
Name of the Jumping game, link to jumping game start page, Link to instruction page,
Description (purpose / objectives):
It serves as the index page of the application. It has a good navigation and it follows the theme of
the jumping game
Animations:
None
User Interactions Required:
User either click on the instructions or play jumping game button
User Feedback:
The page is very good and straight forward
Navigation / Links:
Instructions page
Title: Instruction Page Frame ID: Help
Dimensions:
Guidance to the players
Media Used:
Images

5PART A: DESIGN DOCUMENTATION
Buttons:
Play Jumping game
Background:
Jungle in the Hills
Content:
Instructions on how to play the jumping game
Description (purpose / objectives):
The purpose of this page is to make the users understand how to play the jumping game.
Animations:
Button animation
User Interactions Required:
All the instructions are available in the frame. Users can easily read the instructions
User Feedback:
The instructions could be presented in a better manner
Navigation / Links:
Jumping game Page
Title: Jumping game Page Frame ID: Play Jumping game
Dimensions:
Jumping game Play
Media Used:
PNG, JPEG
Buttons:
None
Background:
Jungle in the Hills
Content:
The jumping game play is the only
content
Description (purpose / objectives):

6PART A: DESIGN DOCUMENTATION
The purpose of this page is to provide the jumping game play experience to the user.
Animations:
Clicks, background moving and obstacle moving
User Interactions Required:
The user clicks on the area to jump the ninja
User Feedback:
The jumping game is not fluent enough to provide good user satisfaction
Navigation / Links:
None
Wireframe:

7PART A: DESIGN DOCUMENTATION