Rational

WIth my final info graphic,  I wanted to make it fun, easy and simple to learn the basic of the violin.

It is based and for the people at any age group that are willing and wanting to learn with the violin.

Having the starting page with a nice flow movement where it makes it really appealing to see at first glance. I really like the way I had done my pages where two parts link to another and the user can connect with the page and click on some parts.

I am confident to say that I had made my navigation and areas as simple and clear as I can to make it easy to go though the whole infographic of the violin.

The type of style of my items / drawings are done on Illustrator where the colour scheme match really well with the rustic old style colouring and the simplistic drawings you can get with my theme.

As mentioned on post before that I had made myself not enough time to complete all the things I wanted on the page. Not doing my research and learning the right codes and process of working to get my final page of my finger to really work so sound can be incorporated which this wasnt finish to be part of my fully complete work. Apart from that, I really like working and learning this new program Flash and understanding alot more on what we can do to make things really fun and enjoyable to do and create. 

Short of time

I left myself few more things to do but so little time.

Now having to decide that i would need few more long hours working on it or a day or two to finger out the way I wanted the next page going to be like on the second page of Finger movement.

Finger movement plan

finger diagram to learn the movement and finger gaping. 

this will lead to the second page where the user can be interactive on playing with the keys on the computer keyboard or with clicking on the mouse to play the sound.

Extended Part to make it clear

After playing and working on the extended / feature page.

I noticed and felt that while trying many things on flash (didnt do any screen or process steps to show) 

some things worked but not to my liking and some parts didnt work with buttons and hidden areas.

One step that I felt that needed to be strong is when at the end, there should be some type of indication where to click since a part of the extended (the strings, bridge, tuner and finger ) are together. 

tried with the basic circle and the star.

The circle and star is used alot though out many pages though sites i had looked at, but when it comes to my page, The star is a much clearer indication to where to go than a small dot where it could be seen as part of the imagery. 

Title text for each page.

at the start, i had every page with the title being like this. being placed at the corner. 

Looking at it, I wanted some type of movement on the pages and thought that I would try to make the text title for each first tab page to move.

Learning that movie clip can not only move shapes, but can move text.

Since there are two type of text that is going to go on the page, i would need to make them two into two different movie clip and than into one movie clip where i move them individually.

Quiz layout workings

Text title and the extra connect box being placed on the page.

having the text and image layout together.

Seeing that the bottom is quite empty and that the image are from one side and the text on the other makes it harder and less easier to drag and drop the image down to the text.

Another layout 

Having the images at the bottom makes it easier to click and go up and drop.

balanced and easier for the eye to look on the page.

working on quiz page

For my quiz page, i thought first that i would just have one page where it will go straight to the quiz without a beginning. But later on thinking that since I had made more than one page for my other tabs/in planning. So I thought that to make it more interesting and gets the user to get ready for the interesting quiz that they are going to go towards to.

Drawn parts for the quiz

Titles for the quiz for the images to be drag next to or inside to

With the objects and parts nearly ready. I am trying to decide how to put these ideas on the page.

Now thinking and looking at my work, I have decided and would have another rectangle next to the title text of the parts maybe lighter so the user will know where to place it and connect well instead of a hidden connect square.