Using the user's location, compare grocery items.
Users can save money by comparing prices for their entire grocery shopping list.
Allow users to share grocery lists with family and friends, allowing them to add items to the same list.
Avoid overspending by removing the physical need to “walk through the isles”
Real-time total cart cost as you shop online / through application for your grocery items.
Users can add items to their cart as they need them, or create a grocery list for future shopping events.
Users can keep track of whether an item they require is in or out of stock. The user can be given substitution options.
Users can share their shopping lists with family members so that they can add items that they need. This can help a user reduce the number of trips to the grocery store.
The target audience of the project is the people aged between 20 – 45 who generally do the grocery shopping for their household.
Most people in this age group use smartphones and have knowledge of Online Shopping.
User Empathy Map
As a weekly shopper, I’ve encountered a number of pain points that I chose to address during the MVP design process.
USER JOURNEY & WIREFRAMES
The user flows for MVP were created along with mid/high-fidelity wireframes using Figma.
Explore Mode has limitations.
For the user that wishes to try the application before signing up.
ACCOUNT SETUP
User Preference Screen
Allowing bulk items to be automatically pushed to the top of search results for users with larger families who want to save more money by purchasing larger quantities of items.
MVP operates within a 20-mile radius of the user’s location.
This decision was made after a user research survey.
I limited the sign-in process to 2-3 fields to allow users to sign up quickly
(email, name and password).
PRODUCT SEARCH
Users can search directly from their dashboard, eliminating the need to navigate to another screen.
Users can look for groceries by broad product categories such as “chips,” specific brand names such as “Pringles,” or by scanning the product barcode with their smartphone.
I was looking for an intuitive way for users to review their grocery list items and price compare total cart cost across multiple stores after researching alternative price comparison applications.
Users can review multiple lists at the same time, prices are based on the entire grocery list, and stores are listed in this view by closest first, then best deal based on total cart cost.
GROCERY LIST REVIEW AND SHARE
One of MVP’s key features is the ability to create, review, share, and edit
the user’s shopping lists with friends and family.
Users can ‘Invite Others” and “Share” that same list from the dashboard.
This screen was updated after user testing revealed that 9 out of 10 users selected “Share list” instead of “Invite Others” – to invite their friends and family to that list.
Initially, the purpose of “Share list” is simply to share and view – not edit.
To solve this issue, I combined the “Share” and “Invite” into one screen. When the user clicks “Share List” the screen will slide up, eventually allowing the the account holder to send that list to friends and family, as well as grant specific people view or edit access to that list.
Testing Methodology📓
I conducted an unmoderated remote usability test with 10 participants, ages 25 – 55 via Zoom on a desktop computer.
The users were given 2 tasks to complete.
1 – Look for Pringles and see which store has the best price.
2 – Review your grocery list and share it with your significant other so they can add items to it.
User Testing Findings 📝
I enjoy the user testing phase because it allows me to grow as a UX Designer.
Things that appear obvious to the designer may be perplexing to the user. That feedback allows me to grow and create better product designs.
by Tamara Stampone | User Experience Designer