Final Designs

Here is my final design, to start with I have my main page where I have the Biteable logo set onto an opaque background of food shopping with buttons leading you to the scanner or search bar. I then have the scanning page that opens up your camera and finds the barcode. If no camera or want to search you have the 3rd page where you can search names of products or type in the barcode number. Then you’ll be lead to the 4th page where you can see if any dietary restrictions are included in the product you are wanting to eat. You can change the restrictions via the 5th page by ticking the information you want to see and un-tick the information you don’t want to see.mockupbiteable

Advertisements

Making final adjustments to my application I had asked a few peers in my class to see what improvements I could make for my application. I started by asking what logo was the best to use for my application. We were stuck between two designs but finally set on the logo above as the bold letters stand out more and the white space makes the words legible. The logo stands strong and bold for the user to see when using the application.

It was than seen that I have not created my app icon yet and I needed to created one. At first I thought just to add the logo on a rounded square but then I thought the B from my logos that I didn’t like too much as it didn’t say the application name in it I thought would be perfect for a app icon as it isn’t too busy and is a nice clean icon for my app icon.

The next thing that was raised was the fact I haven’t created a warning massage for the users to see when using the application just to clarify that I am not liable for any problems with the allergy information as some manufactures use equipment and make food that are restricted in the user’s diet. My application will be being as factual as I can create it however it is more of a public advisory and users should be cautious using the application.

For all my allergy information for my application, I have been referencing this web page: https://www.food.gov.uk/science/allergy-intolerance/label#toc-2

Technical Wireframes

For my project I have been looking into making my own databases and how it would be used to store and be easily accessible for the user to receive this data.

Here is a diagram of how my application is technically going to work. At the top you have the user, the user then uses an iPhone to then access the software which will be my application. The software will then refer back to a database that will then send information back though the software giving the user and output of a form which displays the information the user is in need off.

As my application isn’t just designs and I need to get it working technically as well as making it look good I took my designs into xcode to get a step up on what I need to think about when it come to making my application. I started by placing a mock up design in the first page and seeing how far I can create the application and see what I need to do some future research on. When creating my application, I came to find out a few errors very quickly. I started by making a search bar which I easily placed on the page but was unable to make the search feature to work and the same issue came when creating my barcode scanner. However, this is not really of an issue as now I know what I need to look into more and know what I need to learn technically to more on further in this project. I can now learn why what I have don’t didn’t work and what I need to do to make a smoothly working application.

I will use the help of the internet to help me with any coding errors that may occur and maybe make my application better and function better. I will be looking out for Open Source Code when it comes to looking at gathering products in a database. However, all images and designs used will be produced by myself.