Prototype Design: Hi-fi Final Prototype

Following my last prototype I was able to gain some feedback from my tutor before creating my final design. This was a great way to identify any final issues that could be addressed before the final design has been created. There wasn't too much to improve however I decided to add a few more bits to meet more of the requirements set out in my initial research. My feedback was the following:

• Order history possibly taking too much space up, not that important.
• The menu needs to be the main section of the food menu page.
• The food log isn't clear about what day its showing.
• Little more personalisation could be included.

Taking these important points into account I set out to create my final prototype again in Balsamiq because its a great tool for creating aesthetically pleasing mock-ups.

Click to Enlarge

Login

Although it wasn't on the specification I decided to create and design the Log In screen. One of the requirements in my research was "Consistent and Intuitive layout/navigation (repeated steps)" therefore I felt that by creating the Log In screen it shows consistency across the Information System and therefore meets the expectations/demands on my target audience. This page also shows that the swipe card technology requirement has been covered as users can swipe their card over the screen to log in or if they have forgotten their card they can log in using their UWE details.

Click to Enlarge

Home

As you can see I've added a bit more functionality detail just so its clear what things do when you click them. I've brought the order history back to the home page but its just a button don't worry! You can then click this button if you wish and the history would then be shown. I've also shown how the colour picker works at the bottom left which is a nice personalisation touch. You will also notice that I've added the date, time and a welcome (your name) section which again adds a nice personal touch which was part of the feedback. There is also now a logout button which would take you back to the log in screen above.

Click to Enlarge

Food Diary

Again not much has changed from here as it works well already and gives the user the information they want clearly and graphically. I have added the order history section to this page also as it made sense but again its just a button which the user can then click and find the information if they desire. The feedback this week also suggested that the food log was unclear about what day it was on so the date and time section as the top of the page clears that issue up neatly.

Click to Enlarge

Food Menu

This page I have changed a lot since the last prototype as the feedback I got highlighted this as an issue. I decided to take the recommendations section and stick it in the bottom right so that the user can see them if the like but its not the main thing they see when they get to this page. The user can now select the food items that the cafe is selling on the right side of the page and then when they click an item an image and full description of the product is displayed top right. This ensures that the user can find all the nutritional and allergy information about all food before ordering it which is very important as found in my research. The top right also gives you the price and order button.