Infographic Research

business-steps-infographic_23-2147509150

infographic-elements-pack_23-2147507384

Learnnovators_Infographics_Elearning_4

For the aesthetic of my infographic I wanted to keep in theme with the other graphics which I have designed on my website and smartphone application. The vibrant colours and defined shapes worked extremely well on this format so I have continued this by researching into similar ones. All of the infographics which I have researched into all have a simplistic colour scheme which distribute the facts and divide them so that it makes it look interesting and not overpowering. The elements that I like the most are the visuals which are relevant in order to convey the information creatively. The usage of graphs or bold characters is used cleverly to portray all of the information which I will take into my designs by combining the use of text.

I have decided to choose one particular planet to focus on so that it is more specific and I can stay to a simplistic colour scheme that emphasises the design more. I will try not to make it not too text heavy as I have found that this is distracting and the information can be displayed more easily by these simplistic visuals and vectors.

 

 

Smartphone layout: Navigation

Smartphone13

As the desktop website had this navigation system that used the bold shapes of the solar system, I wanted to use this again in the smartphone version as this creates continuity too. But because this format is different, it means that I can’t have them changing to their textures when the cursor is hovered over them. Instead of this I will have them gradually changed once clicked on, as this is still interactive and it is combining all of the other elements to create perspective and an exciting layout/composition. There will be no words on this page as it is focused on the visuals and I like this because it is suitable for my target audience, as well as it being primarily focused on the planets in the centre of the page.

Smartphone Layout: Facts

Smartphone4 Smartphone5 Smartphone6 Smartphone7 Smartphone8 Smartphone9 Smartphone10 Smartphone11Smartphone12

 

These are the first pages for each of the planets which will display different facts. I have used the same colour schemes for each of the pages which are on the desktop version too, to create continuity and synergy between the two formats. I am really happy with how these have turned out because they are engaging and interesting for the audience, and by using shorter facts on this format it works better and is more suitable for all ages.

The layout of the pages was important to continue to make it interactive and not boring. I have placed the planets at the top of the page as this straight away creates an easy navigation and is informational to the audience. The short facts that are displayed are centred to emphasise them and draw focus to them. I have kept the shards around the edge as part of the interactivity and perspective, which also keeps the design continuous, and these will slightly change and adjust as the user scrolls through the facts.

In terms of navigation, the facts will changes with a swipe left or right. I think this is a simple format but it works for the audience and is still interactive because of all of the components. Apart from the facts that will change, I think it is important to have the composition changing, along with the shards moving (though not with the cursor as this format is different) so that it is constantly interactive and interesting to creatively display the information.

Smartphone Layout: Information

Smartphone3

On my website I was struggling to find a good way to display the information that I wanted to give the audience. For the smartphone layout, as it is a smaller surface area, I decided to go with simpler facts. I love the way this has turned out because it looks simplistic for the page but it still conveys the information which is there and it is appropriate for the range of ages that I am targeting it at.

I have decided to do this and create is so that the audience swipe through the facts, and as they swipe the triangles move and interact with them. The typography will also be in the same colours of the shards to reflect the planet and make the navigation easier. The sans-serif font works for this format as it is all straight lines and shapes that are bold, therefore, they all compliment each other. I will continue to develop this to see how it works on other pages and research into the navigation between the facts on each planet to see how they could possibly be displayed.

The interesting facts which I have used to display on my smartphone version of the website were found at: http://space-facts.com/mercury/