Education: GUI

In this GUI I want to keep it simple and fresh. There will be small changes in background and buttons but the layout will stay the same.









STORYBOARD

1. Main Section storyboard

Artwork: Pictures of mini quiz at the bottom of the screen. Vector art will cover the background in low opacity. Just want to show clarity and simple in mind.

Animation: Pictures of mini quiz slide left to right when mini quiz button is clicked. The menu will turn to stacks of sub-menu when clicked thus preventing another page to load.

Sound: Every time users click the mouse, a “click” sound is play. Music is played slowly in background.

Text: Bandar Sunway believes that education is important aspects in human lives. That is why we can see education is offer from all sort of level. Either in primary schools, secondary or higher level education. To learn more about education in Bandar Sunway click here.

Interaction: Main interaction here is clicking the button.

2. Gallery storyboard

Artwork: Mainly showing pictures of schools, colleges, and other education institutions.

Animation: Collection of pictures slide right to left. Inactive pictures will fade off and blur.

Sound: Only sound of background music. “Click” sounds only available to menu bar button.

Text: Description of pictures rollover at the bottom of the pictures.

Interaction: Mouse click and keyboard input of arrow key to slide through pictures.

3. Mini quiz storyboard

Artwork: Vector art of game put onscreen. Cartoons character and multiple objects in vector format will be use for this game.

Animation: Object and character animate base on time and the time or marks of the player. Either the character became sad or happy. Objects become bulky or shrink in size.

Sound: A lot of sound will be use for this game to give impact to users. Music background is more obvious in this stage.

Text: Guide and rules, how to play, and the clue to complete the words.

Interaction: User will be using their mouse and key for certain stages of this categories.

FLOWCHART