infographics and web design

I am happy with my final pieces. I like the simplicity of my info graphic and think it is suitable for children, who are the intended audience. I think my poster will work well as an A2 size poster as you will be able to clearly see the information on a printed piece. Bob the bulb also shows its for children as children love a fun character to help them learn.

My mobile site is good because the interactive tapping game will be something enjoyable for children. The app keeps in with the house style of the web page and the poster regardless of the colour of the background. The navy blue background is friendlier but the black background makes it look more of a set. So in app there is a select background colour option so both the blue and black background get used.

My webpage is simple and uses the same info graphic as featured on the poster, but on the webpage it is interactive. when you click on a circle or ring it gives you some information on the speed of the object/thing and some fun facts. Bob the bulb is used again to encourage children to sign up to the newsletter and help them learn more.

One change i would make is that i would have liked to have drawn my own light bulb character, unfortunately i do not posses the skills required to do that. I would also liked to have actually collaborated with someone to make my app interactive unfortunately the digital media students don’t know how to do this. I would also have liked to have not have to do the theory of relativity, but I managed to create something simple that made sense anyway.

So with the poster I have made the circles smaller so they are further away from the pages edge. I tried to export the poster as a jpeg and encountered this horrible white line that made it look like i hadn’t done the background properly. I corrected the poster dimensions and tried again yet the white line was still there. I decided to upload my final pieces as Illustrator files because I couldn’t work out how to get rid of the white line. The illustrator files are under 20 MB so should upload to blackboard fine.

I got some comments from Mike on how to improve my mobile web page. One was that the black background was too dark, so I’ve changed it to navy. The navy doesn’t fit in with the house style of the rest of the pieces but it looks friendlier which is what you want for an app aimed at children.

 

there are still a few things to work out with the colour change as navy made some things hard to see. I like both the black and the blue equally so I will submit both variations for my final piece, I think the different colours bring different things to the look of the app.

Below are my close to finished drafts of the desktop site. The info graphic is on there again but this time it is interactive. You click on a ring and it’ll tell you some information underneath the sign up for our news letter section. Below are two examples of this. The first one has the speed of light selected, the second one has some information about the Red arrows as that is the ring selected. the bar at the top takes to you to different parts of the site. The games page is similar to the games page on the mobile site.

 

I thought something was missing from the site. I asked a friend to look at it and tell me what kids would like. He said I should have a cartoon character that can help them learn the information.

So, say hello to Bob the bulb. he is from a Google image search, from the site: http://alfa-img.com/show/cartoon-light-bulb-thinking.html

I have edited him to removed the writing. All credit for this image goes to the original site. I did try drawing a light bulb in illustartor, but it was not working at all. Always ended up looking like a mis-shaped potato.

     

the mobile web page presented me with an issue as I wanted to make it a game while keeping with the house style of simple science. The app was for children again and the game is simple yet addictive. The idea is that the different levels represent the different speeds of things.

the game is simple. you have to tap the screen the amount of times as the level moves at in miles per hour. For example the speed of light is 670616629 miles per hour so you would have to tap the screen that many times in a minute. The game is virtually impossible to complete, with the last 4 levels being extremely difficult and the speed of light – level 15- being impossible.

The first page is an introduction to the app. the paragraph on the first page is an opener to the app and it contains a hyper link to the page with the info graphic on it, which I have yet to make. I am considering just leaving the app as a game as I am unsure weather or not my info graphic will work on this platform as it has to be quite large to read properly. However, you could maybe use the pinch and zoom in app?

As the app is for children, I’ve used the crayon again to demonstrate the target audience.

there is still a few bits and bobs to fix with the mobile site, but for a work in progress I’m happy with it so far.