Quiz Welcome to Learn how to paint! Press one of the tabs on right hand side to play The pallet will be animation that slides on from the left hand side. The colours will be animated onto the screen. The pallet will slide on closed then open to give the impression of a book but it s a pallet. The title Learn how to Paint will be written as if typed on a computer. These will be roll over buttons which will pull the tab out when hovered over the tab, the text will also stop moving side to side (animated) and can to Green to make it easy for users to understand what there looking at. Learn how to Paint by Numbers Learn to draw The three sections will be on tabs. These will then link to the other pages like a book. It will stay in the format of a pallet but will be more animated. The links are in different colours to attract attention and the text titles will be animated to move from side to side. The paint brush will be a movie clip that comes on to the screen from the left hand side by brushing side to side and then falling on to the floor of the screen. This creates the illusion that the product is more interactive. The red and green penguin are images from club penguin website, these will be animated high fiving each other and slowly sliding out from behind the pallet. It will also have some audio clips of the high five noise when the penguins high five to increase interactivity. They will also be roll over buttons which will animate high fiving again when rolled over as well as audio saying Club. This bubble will slowly appear from the penguins mouth and the text will get smaller and bigger as well as the bubble. This animation makes it stand out. Movie clip Movie Clip
Things you may need for this exercise The right hand side of the pallet will get smaller and go on bottom of the left hand side while all of the previous information slides off the page. The page will change from red to green. The button will say Move on to next page, to make this stand out the text will get bigger and smaller and change colour to attract more attention. As well as from my questionnaire I found out that the target audience likes medium to large text size. Things you may need: Roll over button: paper, it will also have an audio clip saying paper this way the user will recognise the words and learn them. The paper will also be animated like a piece of paper being crumpled. The title Things you may need will be animated as if scribbled onto the paper by a pencil. The title will be scribbled by a hand as if the hand wrote the title. Roll over button that will say Paint Brush Roll over button: pallet, it will also have an audio clip saying pallet this way the user will recognise the words and learn them. The pallet animation will open and close and make a shutter noise. Roll over button: printer, it will also have an audio clip saying printer this way the user will recognise the words and learn them. The printer animation will be animated to look as if paper if being printer out of the machine and falling on the bottom of the Roll over button: sharpener, it will also have an audio clip saying sharpener this way the user will recognise the words and learn them. The sharpener animation will be Roll over button: rubber, it will also have an audio clip saying rubber this way the user will recognise the words and learn them. The rubber animation when hovered over, screen. This will also have printing sounds played. linked with the pencil, the animation will be sharpening the pencil. the pencil will animate scribbling over the page, the rubber will move from side to side rubbing it out.
Paint by Numbers! Choose an option The screen will then change from green to orange. The information will all disappear off the screen and the new text will be animated as if written by a computer. I did this as it is a different text which I have not found during looking through other apps for research. Option 1 Option 2 Audio Option 1 Option 2 Paint brush will animate painting underneath the options making a splashing audio sound, these options will then go from alpha 0% to alpha 100%. This will make the options appear and then the paint brush will create a motion tween painting a line at the bottom of the page and then leaving the paint brush on the right hand side. Option 3 = This button goes to the previous page which will be the Things you may Need screen. When hovering over the button, audio: back to previous page. Option 3 (Paint a Club ) The buttons will also be roll over buttons which when hovered over say an audio message option 1, etc. and the pencil will appear top over the button and rub out the option if clicked. This will allow the user to understand that they are in control. ( no text option)
Lets Paint. Click on number 1 first The screen will the make the box smaller and then the pallet will come on screen from the right hand side, while the paint brush will be a movie clip that moves up into the position above the pallet. The help button will stay in the same place but the home page, and back button will move to the top in a row as well as printing button appearing from alpha 0% to 100%. The link to social network site is a globe with a penguin on top saying link to Club to This button will link to Club. The button will slowly appear from behind the pallet. The button will be a roll over button which when rolled over the penguin will come up, and the speech bubble will come out and say though audio Press Me, Press me! To post on Club give users the option to upload their painting. Pick another painting? Print this page PRESS ME To post on Club When hovering over each of the colours 1,2,3,4,5,6,7 or 8. It will tell the user what colour it is, e.g. Red. Paint by numbers drawing here 1 5 2 6 3 7 Could be a black and white image of Club penguin which I make into a paint by num- 4 8 bers option. This could also help promote and link with club penguin. = This button prints the whole page to a will take the user back to the menu screen. When hovering over the button, audio: Print this page print which will be useful to users who want to display their paintings. This button will also be a roll over button which will print when hovered over as well as audio: Print this page, it will also make a printing noise when clicked. = This button goes to the previous page which will be the Paint by Numbers screen. When hovering over the button, audio: choose a different painting.
Learn how to draw! Choose an option The screen will then change from green to blue. The information will all disappear off the screen and the new text will be Learn how to Draw. This text will be animated through to look at if it is written on the computer. The options will appear bouncing onto the screen from both ways making noises. Audio Option 1 Option 1 Option 2 Option 2 Option 3 Pencil will animate drawing underneath the options making a scribble audio sound, these options will then go from alpha 0% to alpha 100%. This will make the options appear and then the pencil will create a motion tween painting a line at the bottom of the page and then leaving the pencil on the right hand side. Option 1 = This button goes to the previous page which will be the Things you may Need screen. When hovering over the button, audio: back to previous page. The buttons will also be roll over buttons which when hovered over say an audio message option 1, etc. and the pencil will appear top over the button and rub out the option if clicked. This will allow the user to understand that they are in control. ( no text option)
Let s start drawing! The movie clip button will be a roll over button which will ani- The screen will the make the box smaller and then the pallet will come on screen from the right hand side, while the paint brush will be a movie clip that moves up into the position above the pallet. The help button will stay in the same place but the home page, and back button will move to the top in a row as well as printing button appearing from alpha 0% to 100%. Movie clip demo mate the movie disk moving round in a circle and film tape grow and moving in direction. The button when clicked will move onto the screen and look like a projector when the clip will be played to show users what to do in this screen as well as previewing how to Learn how to Draw that certain option. This will also make the demo look like a film which would be more entertaining compared to a screen just being played. The link to social network site is a globe with a penguin on top saying link to Club to give users the option to upload their painting. The pencil, sharpener, rubber and colour crayons will all be animated on screen each either fading in or bouncing Pick another painting? Print this page onto the screen through animation. This will have fun audio sound as well. Want to watch a demo? This will have the drawing here. A step by step slideshow button to move backwards and forwards, when Learn to draw drawing here The pencil, colouring pencils, sharpener and rubber will all be animated fading on to the screen or jumping onto the screen making audio sound. changing slide the two slides will merge into each other while the old PRESS ME Each of the utensils when hovered over will say what they are called through audio. fades out and the new fades in. this will help animate the screen and al- To post on Club low the user to understand what is happening. = This button prints the whole page to a =This house will be a sign for the home page, underneath will also be the word will take the user back to the menu screen. When hovering over the button, audio: Print this page print which will be useful to users who want to display their paintings. This button will also be a roll over button which will print when hovered over as well as audio: Print this page, it will also make a printing noise when clicked. = This button goes to the previous page which will be the Paint by Numbers screen. When hovering over the button, audio: choose a different painting.
Welcome to the quiz. Let s see what you ve learnt? This text Quiz! will be animated moving side to side throughout the slide. This will make the title stand out more and create more of an accomplishment. The screen will then change from red to yellow. The pallet will shrink in size to make the pallet more flatter and then the previous text will disappear and replace with necessary text. The penguin will pop up and down like a tab. Buttons will be rearranged by jumping across the page to create animation. Also when hovered over the title and all text the audio interpret will be available. Back to Main Post your results on Club! This is where the questions will be for the quiz. Question: Question text Compete against friends!! Answer 1 The club penguin will help users to remember to link to club penguin and compete against friends or other club penguin and learn how to paint users. Answer 2 Next Question Answer 3 This button will link to the next question, the next question will open like a book, only the pallet would change and the question. The answers will be in the paints of the pallet.
Well Done! You ve finished the Quiz! Don t forget to post your result online Celebration horn Clapping sound The screen will stay yellow. The text will be animated on as if written by a computer which the audio sound of a congratulation horn and clapping sound will appear in the background. Back to Main PRESS ME To post your results on Club PRESS ME To post your results on Club You scored 7/10 Try again? This is an example of the tab that would be present on the screen. This animation would be from the penguin being small and just sticking out from behind the pallet and then when hovering over the tab, the penguin will get bigger and a speech bubble will come out of it s mouth as well as audio sound saying press me! To post your results on club penguin. Example Try again option.