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.
Category: Brief 2
Neptune App design draft
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
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.
Example of webpage being used
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.