CART - Smarter grocery shopping for special diets
Role: Research, Strategy and Design
![first image.jpg](https://static.wixstatic.com/media/1556ba_4ba6d337e50e4899ac33ea378ccdc144~mv2.jpg/v1/crop/x_166,y_0,w_1574,h_848/fill/w_492,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/first%20image.jpg)
INTRODUCTION
For the final project of the UX Certificate program at SMU, my team, Janice Fabunan, Vibhanika Ravichandran, Yutsen Cheng and I, chose to work on an app that makes grocery shopping easier for people who follow special diets, either as a lifestyle choice or due to a food allergy.
We used the Design Thinking framework and collaborated on every part of the framework.
PROBLEM DEFINITION
Secondary research indicated that:
-
1 in 10 adults and 1 in 13 children have a food allergy
-
36% of Americans follow a specific diet
RESEARCH
Research goals
To understand the shopping behavior of people following special diets and their frustrations associated with it
User-specific Research questions
-
How do people with special dietary needs shop for groceries?
-
What are the pain-points related to grocery shopping for special diets?
Research Methodology
1. Generative - Survey to understand user behavior and pain-points
2. Generative - 30 minute semi-structured interviews via Zoom
3. Empathy exercises - Empathy map and Journey map
4. Evaluative - Usability Testing to evaluate design
Schedule
6 weeks
Target Users
-
People with food allergies
-
People who follow a certain diet ex. vegan, keto etc.
Participant information
Survey: posted on a Vegan and a food allergies sub-reddit
![survey participants.png](https://static.wixstatic.com/media/1556ba_99930a8944f9480792be679511c7926d~mv2.png/v1/fill/w_600,h_110,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/survey%20participants.png)
User interviews:
![interview participants.png](https://static.wixstatic.com/media/1556ba_ba7668b8be0a4817b176ad87eca37ee8~mv2.png/v1/fill/w_598,h_129,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/interview%20participants.png)
Findings and Insights
Survey
Role: Collaboratively worked on the survey instrument.
![survey results.jpg](https://static.wixstatic.com/media/1556ba_8e8dae01ee184ff187493e2a21b803ab~mv2.jpg/v1/fill/w_710,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/survey%20results.jpg)
Insights
-
A majority of the people surveyed, read labels.
-
The most time-consuming part of grocery shopping is navigating the store followed by reading labels.
-
A majority of the people surveyed considered themselves very tech savvy.
-
With respect to grocery shopping, money was the first priority for most people closely followed by nutrition.
-
Assumption before survey - Time taken at checkout is a major pain point; Finding from survey - Only 6 out of 51 people surveyed considered it a pain point.
![noun_Light Bulb_21457.png](https://static.wixstatic.com/media/1556ba_7f11c887736d4b3195fc025b47ad00c6~mv2.png/v1/fill/w_104,h_106,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Light%20Bulb_21457.png)
User interviews
Role: I conducted 2 out of 6 interviews . One of the participants followed a vegan and clean label diet and the other participant had a gluten and dairy allergy.
![noun_inverted commas_766075.png](https://static.wixstatic.com/media/1556ba_c25a6673c2814a69950459d0ec89f18a~mv2.png/v1/crop/x_0,y_0,w_2117,h_1702/fill/w_91,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_inverted%20commas_766075.png)
Just having to be more conscious of labels than the average consumer, especially when I'm trying to get in and out, is sort of a pain.
- User with gluten and dairy allergy
![noun_inverted commas_766075.png](https://static.wixstatic.com/media/1556ba_c25a6673c2814a69950459d0ec89f18a~mv2.png/v1/crop/x_0,y_0,w_2117,h_1702/fill/w_91,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_inverted%20commas_766075.png)
I want everything organized in my head before I go in so I’m not going back and forth between sections that are far from each other
- User on a Keto diet
![noun_inverted commas_766075.png](https://static.wixstatic.com/media/1556ba_c25a6673c2814a69950459d0ec89f18a~mv2.png/v1/crop/x_0,y_0,w_2117,h_1702/fill/w_91,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_inverted%20commas_766075.png)
A feature that would recognize that we have to purchase these items pretty frequently and recognize other items that I would most probably not need for the next month or so.
- User on a Vegan and Clean label diet
![noun_inverted commas_766075.png](https://static.wixstatic.com/media/1556ba_c25a6673c2814a69950459d0ec89f18a~mv2.png/v1/crop/x_0,y_0,w_2117,h_1702/fill/w_91,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_inverted%20commas_766075.png)
Insights
I always get the things I need first that are on my list and then I kind of just for fun, I'll just walk down the aisles and see if they've gotten any new gluten free, dairy free, snack things I've never tried before. And depending on how I'm feeling that day, I'll grab some of those.
- User with a gluten and dairy allergy
![noun_Light Bulb_21457.png](https://static.wixstatic.com/media/1556ba_7f11c887736d4b3195fc025b47ad00c6~mv2.png/v1/fill/w_104,h_106,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Light%20Bulb_21457.png)
Insights
-
Users need an easier way to read labels
-
Users need to shop efficiently, which means having knowledge of the proximity of different items in their list, from each other.
-
Users need help making shopping lists more efficiently and with minimum effort.
-
Assumption before interviews - Making the shopping experience easier would affect dwell time and in-turn retailer buy-in; Finding - A majority of the interviewees like to finish with their shopping list first before browsing the store for new or interesting products. After learning this, we realized that if the shoppers can get done with the items on their shopping list quickly using cARt, it could potentially increase dwell time and therefore impulse purchases.
Empathy Exercises
Role: Collaboratively worked on persona creation, empathy map and journey map
![persona.jpg](https://static.wixstatic.com/media/1556ba_2f46e78cf24849fe8f99c450be7d5c34~mv2.jpg/v1/fill/w_599,h_337,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/persona.jpg)
Persona
Based on the survey and interviews, we developed a Persona. Keeping in mind what she values and fears, her attitudes and behavior, kept us on track throughout the process.
![journey map.jpg](https://static.wixstatic.com/media/1556ba_bf424ad28204403fa74b6527ae98dc9e~mv2.jpg/v1/fill/w_600,h_374,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/journey%20map.jpg)
Empathy map and Journey map
We consolidated all the pain-points that we gathered, through the survey and interviews into an Empathy Map and we then worked on a Journey map. The journey map helped us trace the steps that the user would take during a grocery shopping expedition, the tasks associated with each step and the pain-points to accomplish the tasks.
Empathy immersion
We did an empathy immersion exercise at Central Market to understand first-hand, what our persona would experience when she goes grocery shopping. This is what we found:
Time taken to shop for a pasta without any dietary restrictions - 20s
Time taken to shop for a pasta with a gluten allergy - 10 minutes
Time taken to shop for a pasta with a gluten allergy using the CART app (simulated) - 30s
We framed the Who, What, Wow statement from the findings of this exercise.
IDEATE
![noun_Dart Board_1536320.png](https://static.wixstatic.com/media/1556ba_8d5f1a8069174a808c2758d1640a6215~mv2.png/v1/fill/w_128,h_108,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Dart%20Board_1536320.png)
![insights to features.png](https://static.wixstatic.com/media/1556ba_a21e699d615e4f6aaac01b3f562fc73f~mv2.png/v1/fill/w_748,h_425,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/insights%20to%20features.png)
![comp analysis.jpg](https://static.wixstatic.com/media/1556ba_7d3a7c9bfd474fe3ac274b7ebb197538~mv2.jpg/v1/fill/w_600,h_294,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/comp%20analysis.jpg)
Competitive analysis
![noun_Magnifying Glass_113788.png](https://static.wixstatic.com/media/1556ba_20832a5322fc4b208d30e6e3e0cef619~mv2.png/v1/fill/w_79,h_80,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Magnifying%20Glass_113788.png)
KEY FINDING: All similar apps at present use a bar code scanner to help locate products that fit the user's dietary needs. It still involves picking up the product, turning it, scanning the barcode and comparing different products would be another process.
DIFFERENTIATOR IN CART: Augmented Reality feature to easily find products at the store.
Who, What, Wow!
Imagine that you can find a product that meets all of your dietary requirements in just 30 seconds. That includes locating the products, comparing them and picking one and putting it in your cart. Our Who, What, Wow is
The grocery shopper can find a packaged food that meets their dietary needs in as less as 30s.
DESIGN
Design Development
![IMG_20200516_203842115_edited.jpg](https://static.wixstatic.com/media/1556ba_e61203399a74450b80016ed87ae8cd9e~mv2.jpg/v1/fill/w_264,h_506,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_20200516_203842115_edited.jpg)
![Dietary Profile - Allergies.png](https://static.wixstatic.com/media/1556ba_972912ffd6e240159ab2133bb007022d~mv2.png/v1/crop/x_0,y_0,w_410,h_896/fill/w_228,h_498,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Dietary%20Profile%20-%20Allergies.png)
![diet.png](https://static.wixstatic.com/media/1556ba_9bf206fb7d1f4bd0893107a2f956af92~mv2.png/v1/fill/w_248,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/diet.png)
WORK
FLOW
![noun_Arrow_2601675_edited_edited.png](https://static.wixstatic.com/media/1556ba_1cbeb8af48aa43ca8d6492b1b7bb69fe~mv2.png/v1/fill/w_44,h_58,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Arrow_2601675_edited_edited.png)
SKETCH
![noun_Arrow_2601675_edited_edited.png](https://static.wixstatic.com/media/1556ba_1cbeb8af48aa43ca8d6492b1b7bb69fe~mv2.png/v1/fill/w_44,h_58,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Arrow_2601675_edited_edited.png)
WIREFRAME
![noun_Arrow_2601675_edited_edited.png](https://static.wixstatic.com/media/1556ba_1cbeb8af48aa43ca8d6492b1b7bb69fe~mv2.png/v1/fill/w_44,h_58,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Arrow_2601675_edited_edited.png)
PROTOTYPE
Final Design
![diet.png](https://static.wixstatic.com/media/1556ba_626390fdfa374021aa1e3ceb6ace541a~mv2.png/v1/fill/w_248,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/diet.png)
![diet.png](https://static.wixstatic.com/media/1556ba_626390fdfa374021aa1e3ceb6ace541a~mv2.png/v1/fill/w_248,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/diet.png)
![coupons.png](https://static.wixstatic.com/media/1556ba_8d50bb2a60e74d208ab7d456b7e90a8e~mv2.png/v1/fill/w_246,h_505,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/coupons.png)
TESTING
TEST
Role: I facilitated 2 usability tests and sat in on 2 usability tests
No. of participants
5
Tasks Tested
1. Setup Dietary Profile
2. Edit Dietary Profile
3. Add a coupon and viewing coupon code
4. Create grocery list
5. Add a collaborator for the grocery list
6. Share the list with the collaborator
7. Compare products in AR
Feedback
Positive:
-
Easy to use
-
Well integrated
-
Clean and simple design
-
Most would very likely use it
Negative:
-
No way to get out of coachmarks and pop-ups
-
Some were not sure if edits on dietary profile had been accepted
-
Minor UI issues related to font size and color
SUS score
92.5 / Grade A / Excellent Rating
Design changes based on feedback from usability tests
![diets1.png](https://static.wixstatic.com/media/1556ba_9c820ed67ba346b38aa08957e9fbc55b~mv2.png/v1/fill/w_199,h_403,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/diets1.png)
![noun_Arrow_2601675_edited_edited.png](https://static.wixstatic.com/media/1556ba_1cbeb8af48aa43ca8d6492b1b7bb69fe~mv2.png/v1/fill/w_44,h_58,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Arrow_2601675_edited_edited.png)
![diet2.png](https://static.wixstatic.com/media/1556ba_bffb75e2d8c54aaf8b100a8a45ef4ea8~mv2.png/v1/fill/w_200,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/diet2.png)
![ar1.png](https://static.wixstatic.com/media/1556ba_3bf96f60b26540839021606e3b6ecf51~mv2.png/v1/fill/w_198,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ar1.png)
![noun_Arrow_2601675_edited_edited.png](https://static.wixstatic.com/media/1556ba_1cbeb8af48aa43ca8d6492b1b7bb69fe~mv2.png/v1/fill/w_44,h_58,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun_Arrow_2601675_edited_edited.png)
![ar2.png](https://static.wixstatic.com/media/1556ba_7cd1093d00fb4705a5eda1dccfa88874~mv2.png/v1/fill/w_200,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ar2.png)
A checkmark was added to the edit dietary profile views, to provide feedback to the user that their edits had been accepted
An exit button was added to the AR coachmarks
FINAL WORDS
-
Now, more than ever, due to the pandemic, CART could help make life easier by letting the user know what's available or not available at the store before they get there.
-
A further addition could be to use AR to shop from the comfort of your home and get the items delivered.
-
CART can be adapted to work with AR/VR glasses, when that technology becomes more mainstream, for a more hands-free shopping experience.
-
We also received suggestions from users that CART has the potential to use robots to shop, while the user can sit at home and have the experience of shopping through the robot.
Project 4