Finished Neptune app

neptune app design.jpgwith writing neptune app design.jpgwith writing2

The screenshot on the left shows the app as you would see when you’ve selected the planet from the homepage. Similar to the website version, the user would tap the planet and as shown in the screenshot on the right, a box would appear with the information. I think the finished version of the Neptune page works better than the previous drafts because the page is more colourful and attractive. The page also uses the space effectively and neatly without there looking like there’s too much negative space.

Neptune App design draft

app design 2

This is the second draft of the Neptune

Page. However I feel that the writing

looks messy and too heavy for a child

to read. The page doesn’t look fun which

is key for a childrens app. The image below

show the second draft up of the page,

the text is bigger and position at the bottom to

make the page look a little less cluttered

however, I still feel like there is too much negative space though.

app design 2.jpgfinsihed

App design

app design

This is my first draft of the Neptune page for the App. I put a tab bar down the side of the page as oppose to the top as most apps have a drop down menu. I then placed Neptune towards the top of the page so that I could place the writing underneath. I also placed a bar along the bottom of the app to put Einstein on and the planet, I did this to create the idea that you can press Einstein for him to read out the writing to you and you can press Neptune to take the user back to the home page. However I feel that the page layout isn’t very exciting and looks quite boring. The name of the planet isn’t displayed either which can cause confusion.

Mars website page

The three screenshots below show one of 6 pages from the website that me and my group produced. I started out by placing the tab bar at the top of the page to maintain a body on each page for the website. To make the background more interesting as to add more colour I made a pattern in Illustrator and used red and orange to match the colour of Mars and then turned down the opacity so it wasn’t too intense. I then placed mars central of the screen and strung him up again to again maintain the theme. The screenshots show the development of the text on Mars. I started out by placing it on the centre of Mars, however as  group we thought that it was hard to read and so I decided to make it so that a box appears if you hover the cursor over the planet. I found that this makes the layout more interesting as well as interactive for the user. I made it so a white box appears which is big enough to read but is only there when you want to read the information therefore it does not always cover the main imagery of the page.

 

front page2 mars page2 mars page.jpgwith text2