Below is a screen shot of what the top icon/navigation bar will look like. Now the logo has been placed in the app is starting to come together.
mock ups of how the bar looks on the app pages:
After creating the main feature of the app it was time to start developing the rest. When design i had to keep in mind the audience, the intended purpose and the intended aesthetics that i had identified previously.
I started by creating the compositions of images that would be for the recommended, offers and reviews part of the front page. Below are the compositions that i thought were the most appropriate for these headings. I choose to use 3 images in 3 different boxes as it looked like they were ranked and the different sizes of boxes resembled a 1,2,3 podium, it is a metaphorical podium for the products astray are being shown of to the user and are chosen for a reason. The simple white background shows off the products as not to distract from it and small shadow behind the box adds depth to the compositions to make then stand away from the page.
The next thing i had to design was the back button, this was important for my app design as it need to be quick to use, having a back button is important for this as it will allow you togo back to the previous page without having to start over again.
Above is the design for the back button, i have chosen this as this symbol is symbolic of an arrow and is well know with app users. I chose to use this instead of an arrow or the word back as it is symbolic of this things, and is an accurate reflection of the app as symbols are used for speed.
For the home button i have decided to use the logo, this is because there is no need for a separate home button as on most apps use the logo, this is appropriate as the app is used for comparison and this is the main reason the user will be going on the app, the home page is mainly for suggestions if the user is looking for something new or different to what they usually buy. It is also appropriate as it is a good use of what would be an un used aspect of the design.
No comments:
Post a Comment