Final Prototype: ShopNav

After analysing the results from the evaluation techniques, several changes have been made to the prototype.

This blog entry will outline the final prototypes user interface design, menu navigation, device hardware design and the trolley design


User Interface

This is the first screen the user will be presented with.
The Plus and Minus signs are used to zoom in and out



The user enters their PIN number and their details are loaded from the card and server


The main screen is displayed once the user has been verified. Here the shopping list, recommendations and product information are displayed. Large fonts are used to aid elderly people with poor eyesight. Appropriate colours are used that do not detract the user from the system functionality. Also, colour blind people are taken into account, so conflicting colours are not used.


By clicking on search, the user is presented with a keyboard to input search queries.
A predictive search is used, which will filter the product database as the user types.
When a user selects this product, it is added to their shopping list


</tr>
Once all the products have been added to the shopping list, the user can select Start Shopping and they are navigated around the store.
As the user places a product into the trolley, the RFID scanners will get the item price and add it to the running total



In the options section, the user can select the language used, the metrics used for ShopNav, and whether an image should be returned with search results.


Once all the items on the shopping list, the user will navigate the trolley to RFID checkout area. The user will be presented with the total price and when Confirm payment is pressed, the funds will be taken from the store card.

The user will be reminded to remove their card once the payment is complete.

Alternatively, the user can go to the checkout till and pay by cash.






Menu Navigation


Hardware Device


Trolley Design