Note: This project is an old project. I designed this solution 10 years back, and I was learning product design. apologies for the immature design. but the solution is good! check them.
OVERVIEW
EyeXshop is an AR application designed and developed on an android platform to enhance the overall shopping experience with shopping-assisting functionalities which helps to improve the user's performance and preference in choosing products.
I tried to balance the functionalities of both online and in-store shopping methods like searching an item and knowing basic information about the product, while parallelly focused to attain the interactivity along with the main functions. The prototype of the application covers three main functionalities of the application design idea, 1.shopping assistance 2.virtual try on 3.pupillary distance measurement. Furthermore, an AI chatbot model is added to the assistance module in order to provide smart shopping suggestion. As a result, the overall usability and shopping experience of the customer is improved using this application.
ROLE AND DURATION
Interaction / UXdesigner
UX research, Interaction, User Interface, Visual design, Prototyping, augmented reality
Individual Project / University
Feb 2018 - June 2018
THE PROBLEM
I examined the key behaviour of the eye wear shopping customer and their frequency regarding both online and In-store shops. I explored the insights of the shopping customer with respect to their experience and challenges they face during shopping. Eye wear Shopping customers face a huge challenge in knowing their size and choosing the perfect fit product for their face.
40% CLAIMS THAT MOST THE PRODUCT FROM ONLINE SHOPPING DOES MATCH THEIR SIZE
38% NEEDS ASSISTANCE WHILE SHOPPING AND IN KNOWING OFFERS
14% WANTS THE SHOPPING TO BE FUN, INTERACTIVE, INFORMATIVE AND SMART
USER RESEARCH
TARGET USERS
-
Target users are eyewear shopping customer for both online and in-store shopping aged between 12-35
-
The customers who want to know their pupillary distance measurement from home
-
The customers who want to buy product(eyewear) with perfect fits
KEY FINDING
-
Need full assistance in shopping
-
Want to know the size measurement
-
Will give more importance to comfortability
-
Needed fully automated shopping
-
Spending more time in billing area is painful
-
Need fun filled shopping experience
-
Not aware of inventory stock details
-
Unaware of offers or stores location
RELATIVE MAPPING OF INSIGHTS
USER JOURNEY MAP
To represent the behaviour pattern, I created this user behaviour mapping. This map is the cumulative representation most of user’s common behaviour. In this map, the user’s shopping activity, story and the tasked are mapped regarding to the online and in-store shopping methods.
They most common problem the users face here is
-
Difficulty in choosing the right product
-
Knowing the size
-
Waiting to pay bill
PERSONA
User persona is the collection of data gathered from different user research like interviews, workshops, online surveys, questions sent to email, etc. In this case, they user persona made up with the data obtained from user interview and online survey. They interview was conducted through skype, mails and in person. 9 users participated in personal interview and 2 user participated in interview through skype and about 64 responses I got in online survey. A set of questions were formed and given to user and we made them to read it once and started the interview. Our motive is to get more information regarding user’s shopping behaviour and problem they face during shopping. the shopping experience we targeted in this section was only related to eye wear shopping. Since I am not able add all the details and interview data which I got from interview, I have made one common persona which almost maps with most of the other user’s persona and interview answers
USER EXPERIENCE WHEEL
In the process of designing an application to enhance the shopping assistance, user’s experience plays a vital role. The user’s experience is represented in the a emotion wheel describing the various stages of emotions user undergo before, while and after using the application “EyeXshop”. All the possible insights are mapped into the wheel however, there are few insights which are common in both instore and online shopping. they are represented in yellow color. They insights related to online are represented in green and the insights which represent the in-store are represented with orange respectively. The user emotionally got frustrated because of the size mismatch and time wastage. Whereas while using the application the function kept the user happy throughout the process. He/she feels happy about their perfect fit glasses suggestions and virtual try. They automated payment method saves time along with quick product discovery.
MARKET RESEARCH - COMPETITOR ANALYSIS
Purpose:
To browse the eye wear and related frames online. helps to check their eye power and let the doctor know about the problem and get the perfect frame for the user
Functions:
-
First Frame Free – Customers only have to pay for the lens on their first purchase.
-
Exchange old frame for new – One can exchange their old frame with a new one on Lenskart.
-
Virtual try-on – Customers can use this feature on a model’s photograph, or can also upload their own photo to try different frames.
-
Doctor locator – Customer can search for ophthalmology (with complete) near their location from the company’s nationwide-database and can also book an appointment.
-
Home Eye-check up – Customer can choose to get their eyes checked at home, by booking an appointment on Lenskart, post which, an optical specialist visits your residence along with an eye check machine and 150+ frames to choose from.
To design an application that can guide and assist the customer in choosing the product according to their size and improve their overall shopping experience with interactive virtual try on.
Solutions
To design an application that can guide and assist the customer in choosing the product according to their size and improve their overall shopping experience with interactive virtual try on.
To solve the problem in finding their size, it important to design a function to measure their size and product
In order to improve the overshopping experience, it is essential to design smart interactive fuctions which can make user go easy and fun with shopping
INTERACTION FLOW
KEY FUNCTIONS
Personal assistance
The personal assistance function is designed to help the customer know all information about the product item. It recognises the glasses and its model and lets the user know complete information of the product. The information includes:
-
Full specifications of eye wear
-
Advertisement video
-
Pupillary distance value
-
Price of the product
-
Nearby store where it is available (used for online shoppers or outside the shop)
-
Navigation go virtual try on
-
Customising option
Virtual try on
-
The virtual try on function allows user to try the glasses virtually from wherever they are.
-
It allows the user to check whether the frame suits their face or not
-
It Is fun to use
Pupillary distance measurement
-
It helps the user know about the distance between two pupils which is the basic need for choosing eye frames
-
It also scans the frame and calculates the lens distance
-
It provides a personalized search for the user
Smart chatbot
-
The smart chatbot comes as a part of assisting functions. However, it plays a major role in assisting user in shopping.
-
It answers all the necessary questions regarding shopping
Identifying offers
-
His feature allows the user to know the hot offers and near by store where it is available by just scanning the picture of the product or offer poster
-
It always allows the user to pay through virtual wallet
SKETCHES
LOW FIDELITY SKETCHES
HIGH FIDELITY SKETCHES - DRAFT
PROTOTYPE SCREENSHOTS (FINAL)
FINAL PROTOTYPE (FUNCTIONAL)
