Shopper

50 %
50 %
Information about Shopper
Design

Published on March 3, 2014

Author: iratao

Source: slideshare.net

Interaction Design for “Shopper”

Shopper is a master thesis research project. It is a clothes shopping recommender system on Android platform. In Shopper, the user can get personalized real-time recommendation based on the current context which includes location, products in the shopping cart, and the current product at hand detected through barcode scan, and on user’s preference profile built from history context which includes number of times the user has visited a shop, time spent in a shop, number of times the user has visited a product page, time spent on the page, and products that have been scanned before.

Screen Map Home Product List Shopping Cart Update Recommendation Barcode Scan Product Detail Photo View Map View Clothes Sets (Horizontal Paging) Clothes Set

Product List Shopper 1 Sale Scan Account Image Image Clothes Name $120.00 Store Name New Clothes Name $120.00 Store Name Image Image Clothes Name Clothes Name $120.00 Store Name Image $120.00 Store Name Image 2 1. Menu button: Click to display menu 2. Menu: Include “scan barcode” and “user account” two items.

Product Detail Product Name 3 2 Image Image Image 1 Image Brand name $120.00 $99.00 3 In stock Size (M) Esprit Store 50 meters away from you 1. Product image display panel: Swap to see different images. 2. Color selector panel: Display image of same style clothes with different color. This is borrowed from the design of Zalando. 3. Product name: Display product name in the title bar to save space. Amazon chooses to put product name in the main content panel, which I think is because amazon sells not only clothes but also other product like camera, computer for whom the name is quite important. But here, for app only focused on clothes, name is not that important for consumers.

Product Detail (Continued) Product Name Image Brand name 1 $120.00 $99.00 3 In stock Size (M) 2 Esprit Store 50 meters away from you 3 Buy second coat with half price. 4 Recommended Set 5 Image Image Image Brand $99.00 Brand $99.00 Brand $99.00 Add to Cart 7 Im Update Recommendation 8 6 1. Rating: A general rating of the product which reflects the likelihood that the user will be interested in the product. 2. Size button: Click to open the size selection dialog. 3. Location information: Display the location of the product. Click to see it in a map. 4. Campaign information: Display if there are any campaign related to the current product. Click to see campaign details. 5. Recommended set list bar: Click and go to recommendation set screen to see more recommended set based on the current product. 6. Recommended set list item: Display one representing set. Can swap to see more items in the current set. 7. Add to cart: Click to add the current product into the cart, which will be used as context for further recommendation. 8. Update recommendation: Click to display critique screen.

Update Recommendation (Critiques) Update Recommendation Price $4 $1000 1 Location 0m 1000m 500m 2 Select Colour Gender Woman Size M Same/Similar brand Brand Name 3 More on sale 4 More new arrivals 5 Update Recommendation 1. Price selector: Slide to choose the price range that the user would like the system to search in. 2. Location selector: Slide to choose the location range that the user would like the system to search in. 3. Brand checker: Check to ask the system to search product with similar brand. 4. Sale checker: Check to ask the system to display more products that are on sale. 5. New arrival checker: Check to ask the system to display more new arrivals.

Recommended Sets Recommended Sets 1 1. Swap to show different sets. New Sale Image Clothes Name $120.00 Store Name Image Clothes Name $120.00 Store Name Image Image Clothes Name Clothes Name $120.00 Store Name Image $120.00 Store Name Image

Barcode Scan

End

Recommended Sets Recommended Sets Clothes Name Store Name Image Category A $120.00 Expanation: Buy together and save%25. Clothes Name Store Name Image Category B $120.00 Expanation: New arrival. Clothes Name Store Name Image Category C $120.00 Expanation: Clothes Name Store Name Image Category D $120.00 Expanation: Buy together and save%25. 1. Price selector: Slide to choose the price range that the user would like the system to search in. 2. Location selector: Slide to choose the location range that the user would like the system to search in. 3. Brand checker: Check to ask the system to search product with similar brand. 4. Sale checker: Check to ask the system to display more products that are on sale. 5. New arrival checker: Check to ask the system to display more new arrivals.

Add a comment

Related presentations

Related pages

Amazon.de: Shopper - Damenhandtaschen: Schuhe & Handtaschen

Online-Einkauf von Shopper - Damenhandtaschen mit großartigem Angebot im Schuhe & Handtaschen Shop.
Read more

Shopper von 351 Marken bis zu −90% | Stylight

Entdecke 4351 Shopper bei Stylight: Bestseller aus 82 Shops von Marken wie Bogner, L.Credi, Michael Kors & mehr. Jetzt Shoppen »
Read more

Shopper - günstige Shopper online kaufen

Shopper auf LADENZEILE - Top-Marken Stark reduziert Riesen Auswahl Jetzt online stöbern und kaufen!
Read more

Shopper online kaufen bei Karstadt.de

Shopper Taschen in unterschiedlichen Ausführungen, jetzt bei Karstadt online kaufen. Versandkostenfreie Lieferung in Ihre Filiale mit Click & Collect.
Read more

Tamaris Shopper jetzt online kaufen!

Shopper: Kaufen Sie Ihre Tamaris Shopper im offiziellen Online Shop für Tamaris Damenschuhe & Accessoires
Read more

Damen Shopper Online Shop | Sale -33% - Designermode ...

Entdecken Sie die aktuelle Damen Kollektion 2016 von Michael Kors, Armani Jeans, MCM u.v.m. Damen Shopper Sale Bis -33% Über 3986 Angebote Jetzt ...
Read more

Shopper günstig online kaufen | mirapodo

Shopper günstig online kaufen riesige Auswahl & tolle Modelle | jetzt deine neue Lieblingstasche finden | mirapodo
Read more

Shopper günstig im Schuhtempel24 Online Shop kaufen!

Shopper günstig kaufen - Jetzt Top-Schuhe online bei Schuhtempel24 bestellen. Über 30.000 Damenschuhe mit mehreren Farben und Absätzen im Angebot!
Read more

Andersen Shopper® Manufaktur - Willkommen

Die Andersen Shopper®, die ans Fahrrad angehängt werden können, bieten clevere Transportlösungen beim Familienausflug, zum Einkaufen oder in der Freizeit.
Read more

Shopper, Shopping Taschen und XXL Taschen | wardow.com

Shopper, Shopping Taschen und XXL Taschen günstig und versandkostenfrei, einfach online kaufen auf wardow.com!
Read more