Interface design for smart cart device
December 18, 2008
This is a part of the group project building smart shopping cart for a supermarket chain in town called Co.opMart.
My responsibility is to design the device interface. I have never worked this hard before in designing something I have little interest for (device? it sound too technical for me, and I don’t like things technically complicated
). This is also the first time I do this type of design, tasks are to make the interface look professional and belivable, but still friendly. The logo of Co.op Mart is put at top left, the color of the device should go well with the logo also.
After 3 day working solidly these are the results , hope that they please your eyes and you may find them interesting to shop around the supermarket with a smart device
).
Some descriptions about this device:
+It’s touch-screen device. It’s placed in every cart in our supermarket.
+You need a membership card (which can obtain easily by signing up with the nearest Co.op Mart) to power on the device.
+A welcome page will appear asking which language you want to use.
+Information page hold all information related to Co.op Mart, promotion deals, new products..
+Search for and choose the product you want to buy, information and location of that product will be displayed on product pages.
+You after that can go to the place the device has shown you (on the map) to pick up the product.
+Add product to cart by using barcode reader placed at the right of the device, after the barcode is entered to the device automatically when you pass the barcode corner of the product through the cart reader, a screen will appear asking you the quantity you want to purchase.
+The products will be added to your cart with price of each kind. My cart function allowed you to review all of them with total price. You can always edit your cart by clicking “del” to delete one and pass the product through barcode reader to add one .
Explore more at these screen shots
Welcome page
Information page
Product page
Map
Search product function
My cart page
Add to Cart function ( appear when user add a product through barcode reader)
Exit page
——————————————-
*The right hand blank places* in many screen shots are for the final work where we will put changing .gif banner (which are done by another member in our team – Viet) on it ^^ , an example here:
————————————————
The device and its location in the cart has also been designed by another member in our team (Quynh) , these are Co.op Mart smart cart device example
Though some people complain about the color of my interface, I’m still satisfied with it now ^^
Woohoo after three day without sleeping (m lying,
) – I did sleep, but only 4-5hour per day), now I can have a full happy no worry sleep and prepare to face up with the next assignment due on this 22nd T..T Xmas would be so much fun this year~
Hope I can get a good sleep now ^^() ..
Linh Linh 2008.






