App Design Improvements

Home page:

Infogram home final 2 I have overall simplified the home page for  the mobile design. I removed the ‘search’ title as I thought the rectangle and magnifier icon made it clear that you can use this tool to search. The ‘most popular’ section has been simplified by only featuring one infographic at a time. There are arrows to show you can flick through the most popular infographics and a symbol below to show you can click to see more. The infographic has been halved to make the information clearer and if a user wanted to see the whole thing they would click the infographic and be taken to the page featuring it.

Infographic page:

Infogram my infographic finalI have also removed a few items from this page including the ‘scroll down’ text and ‘submitted by…’ text.

Infographic Final

infographic

This is my final infographic design. A ‘100 years of The Theory of Relativity’ infographic. I am happy with this final design and I feel it does everything I wanted it to when I was first thinking of ideas. It is doesn’t have too much information but still tells you the basics of the theory – making it less confusing and easier to read. My original audience was undergraduates before I started but now I feel it could appeal to a range of ages because of it’s theme of ‘100 years’ celebration. It could appeal to kids who want to know some fun facts on Einstein, teenagers who are studying GCSE science to get an idea on basics of the theory or even undergraduates and postgraduates who know of 2015 being the 100 year point and come across this infographic.

Infographic – Work in Progress

infographic step 3At this stage I have added a large bulk of information to my design and I feel like it is a reasonable amount and doesn’t look too crowded. I need to adjust the top part with the Einstein facts as I am not 100% sure how to present this part. I was thinking of continuing with facts down the sides of the infographic but I don’t want to overload it. I am also wanting to add small cartoon style images down the sides such as rockets, astronauts, asteroids, stars, etc.

Einstein EditI found an image of Einstein here – which I edited to remove the background and once I added it to the infographic I removed more of the image and took the opacity down. In terms of fonts I have added another one for the ‘did you know?’ text (which I am still unsure of) which is a font called gimme space from dafont.com. I am pleased with the way the infographic is coming along so far but I still feel like I’ve got a lot to do with it yet.


I have now added more facts to my infographic and spread them around the page. This left spaces that

infographic step 3needed to be filled so I decided to add some imagery. For these I mainly found an image on Google and then traced over it on Photoshop. For the asteroid and galaxy images I went to a royalty free website (here) and found this image and this one. I then removed the background on them and added that to my infographic. After positioning these around the text I felt my infographic was finally finished. I think that adding too much more would make it too crowded and over done. It isn’t overloaded with information, making it clear to read and understand. It also isn’t too serious with the fun facts I’ve added and the cartoon style imagery gives a fun touch.

Infographic research – Relativity

Now I have started putting my infographic together I have been referring back to my previous research on The Theory of Relativity where I made a post on what I could include in the infographic. However, I am now feeling that I need more research as I have made an infographic that is 15cm by 45cm and I need enough to fill this. I also plan on having a small section that has some ‘did you know’ facts about Einstein before going into the theory as I am creating a ‘100 years of the theory of relativity’ infographic and feel like it is needed. Therefore I’ll be researching into him as a person and scientist, too.


One of the first points I wanted to talk about in the infographic was the difference between special and general relativity.

In 1905, Albert Einstein determined that the laws of physics are the same for all non-accelerating observers, and that the speed of light in a vacuum was independent of the motion of all observers. This was the theory of special relativity. It introduced a new framework for all of physics and proposed new concepts of space and time.

Einstein then spent 10 years trying to include acceleration in the theory and published his theory of general relativity in 1915. In it, he determined that massive objects cause a distortion in space-time, which is felt as gravity.

– space.com

Special Relativity: the laws of physics are the same for all non-accelerating observers. The speed of light in a vacuum is independent of the motion of all observers.

General Relativity: this theory brings in acceleration. It determines that massive objects cause a distortion in space-time, which is felt as gravity.


I then opened as many web pages on ‘the theory of relativity’ that I could find, picking out all the information I wanted to use in my infographic.

8 ways you can see Einstein’s theory of relativity in real life

The implications of Einstein’s most famous theory are profound. If the speed of light is always the same, it means that an astronaut going very fast relative to the Earth will measure the seconds ticking by slower than an Earthbound observer will — time essentially slows down for the astronaut, a phenomenon called time dilation.

There’s also some other examples in this article that I can use but as my infographic design features planets and space I thought the astronaut one would work the best.


 

General relativity predicts that even light is deflected by gravity – a prediction that has been confirmed by numerous astronomical observations. In addition, it predicts exotic phenomena like gravitational waves and black holes.

Einstein Online


 

Facts about Einstein: I found an article called ‘20 facts about Albert Einstein‘ and I picked a few that I could use.

  • He failed his university entrance exam and had to re-apply a year later.
  • Einstein never received a nobel prize for relativity. It was actually for the photoelectric effect.
  • He did not like to wear socks.
  • He married his first cousin
  • He was offered the position of President of Israel, but he declined

As well as random facts I wanted to include a brief introduction of who he was, which I got from Wikipedia:

Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist.

He received the 1921 Nobel Prize in Physics for his “services to theoretical physics”.


 

Infographic Design

infographic step 1Whilst working on my infographic on Photoshop by playing around with colours and shapes I came up with the idea of splitting the information into sections down the infographic. I started off by using rectangles and changing the colours of each which lead me to the idea of having each rectangle the colour of a planet which then lead me to using ellipses instead of rectangles and displaying the solar system down the page.

Just like in the top planet on the infographic, I will display information in each one as well as around them, using each one to give a small fact. I like what I’ve got so far but once I start to add information, other images, etc. my layout will probably end up changing. So far I have gone from a 9cm by 15 cm canvas to a 10 cm by 35 cm so it may get bigger/longer yet…


 

infographic step 2I have now started to add information to my infographic and after adjusting the design. the planets and the title, I have had to make it bigger (its now 15cm by 60cm). I have created a much better main title at the top of the infographic and I’ve decided to make it all about the fact that it is ‘100 years of the theory of relativity’ this year. I’ve made the planets straight in the centre of the design so it looks much neater and I’ve brought the opacity down so it all blends in better. I thought it would be good to find a royalty free image of Einstein that I can edit and put on the top of the design followed by facts on Einstein himself before going into the theory. At the bottom of the infographic I will add links to the sites where I got all my information from.

My title font is Photographs from dafont.com and the main font is Fh_Space from dafont.com.