Retail Shopper App

Augmented Reality User Experience Design

For Retail Shopper

Project Summary

With accurate indoor locations and  large amount of retail product information, this app can provide shoppers help with indoor navigation and production selections.

This is a faster way to search every product that shoppers want, as well as the information they need.


Individual Work Project

Augmented Reality UX Design

My Role

Survey, UX Research, UX Design, Prototype


Jan. 2017 - Sep. 2017

*To protect client's privacy, some information will not be shown

Problem Definition

​Nowadays, the diversity of merchandise presents a big problem for shoppers. The availability of different brands, prices and qualities of one product can make shopping experience overwhelming. 

Database of product location and information can perfectly solve this problem by leading the shoppers to the exact products they want. However, the communication between the database and the users is critical.

Research Process

User Target

Base on our client's report - retail company:

Target Custom: 18 - 27 Female

  • Wanting to know discount on the product.

  • Caring about health, and the food is organic or not.

  • Keeping fit, caring about low calorie, fat-free.

  • Willing to try something new

User Interview

Interview with several target users and cognitive walkthrough their shopping journey. I select 2 typical interviews to show.


  • Caring about food healthy

  • Having very clear logic mind

  • Don’t go to gym

Shopping time: 35min

When she knows what to buy: 

  • Make sure it is organic. 

-Sometimes make sure it is low fat.

  • Need a shopping list.


When she didn’t know what to buy:

  • Looking for food she hasn’t eat before.

-She likes to try new food.

  • Make sure the food composition, is there any unhealthy composition.

-She would like to know whether the food has composition she doesn’t like.

  • She wants to know the comments who had this food before.

-Just for reference.

-It would be better if this person is someone she knows, maybe shares the same taste with her.

  • Make sure it is organic.

-Sometimes make sure it is low fat.

Key Point:​

  • Young female care about healthy and organic food, even the one who doesn't work out.

  • When they make decisions, they like to know other's comments for help.


  • Easy to forget things

  • Don’t like seafood

  • Careless driver

Shopping time: 20min

  • She didn’t create a shopping list.

-She tried, but give up.

-Sometimes her mother sends her shopping list​.

-She frequently goes to a retail store to buy one product which she forgot last time.


When she didn’t know what to buy:

  • Usually looking for the cheapest price on a shelf.

-She takes a lot of time compare price between products.

  • Always get lost in a retail store.

-She ​forgot what to buy while she tries to find the product.

Key Point:​

  • Some people have a hard time to a create shopping list.

  • Indoor navigation is good for people who can easily get lost.

Problem Statement

To help shoppers easily find the right product and make the best decision, designing an app to navigate the product location and display the product information becomes important.

Using augmented reality display can help shoppers better understand all those informations from the database.

Design Process

User Flow

I create a user flow base on two shopping behavior:

Shoppers know what to buy, and shoppers don't know what to buy.

Key Point:​

  • AR function: the app uses augmented reality display for better understanding.

  • Shopping list function: shopper can create a list and directly follow the indoor navigation.

  • Product information: when a shopper is walking around, the system will decide whether to show the AR product information base on shopper's duration.

  • Comments: the system will show friend's comments before stranger's.


Wireframe sketch