Grocery Cart App
Grocery Cart App
Grocery Cart App
Role
Role
Team Lead
Team Lead
Team Lead
Timeline
Timeline
6 Weeks (2 Sprints)
6 Weeks (2 Sprints)
6 Weeks (2 Sprints)
Method
Method
Lean UX
Lean UX
Lean UX
The Problem
The Problem
The Problem
Grocery shoppers don’t have an efficient way to shop. It’s difficult for them to track their list and find items in store. Currently, shoppers rely on:
Multiple Apps
Multiple Apps
To meet all user needs, shoppers switch between different apps to accomplish different tasks
Strong Personal Internet
Strong Personal Internet
Since stores are typically large metal buildings, Internet connection is often limited, reducing the value of many apps
The Challenge
How might we... create a device that streamlines the grocery shopping experience?
How might we... create a device that streamlines the grocery shopping experience?
How might we... create a device that streamlines the grocery shopping experience?
The Solution
We will design a screen that is integrated on the shopping cart that solves these challenges without the reliance on personal devices, apps, and cellular data. The app will allow users to:
Track shopping lists
Track shopping lists
Track shopping lists
Find items
Find items
Find items
Meet dietary needs
Meet dietary needs
Meet dietary needs
all in one device.
My Role
As team leader, I was responsible for aligning team schedules, organizing individual contributions, and allocating fair workloads. I made sure everyone’s voice was heard and that my teammates had fulfilling roles that coincide with their strengths and interests while guiding the team to a successful end product.
As team leader, I was responsible for aligning team schedules, organizing individual contributions, and allocating fair workloads. I made sure everyone’s voice was heard and that my teammates had fulfilling roles that coincide with their strengths and interests while guiding the team to a successful end product.
Project Kickoff
Project Kickoff
User Assumptions - Proto-Personas
Since we had tight deadline for this project, we created proto-personas to use as a framework before completing any research. Their needs and challenges were based off our own and our friends and family’s grocery shopping experience. We knew we needed to validate and adjust them later in the project, but we started with our two Primary users: Jacob and Carol.
Business Assumptions - Our Product’s Value
Why should grocery stores buy our product?
Sales will increase if users:
can find every product they intend to purchase.
forget less products on their shopping list.
Customer retention will increase if users:
have a modern, seamless shopping experience.
can save money with more visibility into available products and deals.
Project Kickoff
User Assumptions - Proto-Personas
Since we had tight deadline for this project, we created proto-personas to use as a framework before completing any research. Their needs and challenges were based off our own and our friends and family’s grocery shopping experience. We knew we needed to validate and adjust them later in the project, but we started with our two Primary users: Jacob and Carol.
Business Assumptions - Our Product’s Value
Why should grocery stores buy our product?
Sales will increase if users:
can find every product they intend to purchase.
forget less products on their shopping list.
Customer retention will increase if users:
have a modern, seamless shopping experience.
can save money with more visibility into available products and deals.
Initial Research
Initial Research
User Interviews
We wanted to validate and adjust our assumptions, so we began research with 3 user interviews. As team leader, I made sure our research script aligned with our goals and matched responsibilities to my teammates strengths and interests. After the interviews, I led the research synthesis, which led to these key findings:
Validated Assumptions
New Discoveries
Struggles to find products in store
Struggles to find products in store
Price comparison is crucial
Price comparison is crucial
Limited on time and budget
Limited on time and budget
Hard to find nutritional visibility
Hard to find nutritional visibility
Shoppers have strict dietary needs
Shoppers have strict dietary needs
With our new findings, we created a new persona:
Guiding Questions
Based on our research findings that validated and expanded our assumptions about our users, these questions were our framework for the project moving forward.
Problem
How might we…
All users struggle to find products in store
All users struggle to find products in store
Jacob wants to get the best price available
Jacob wants to get the best price available
Alice needs to make sure her products fit her dietary restrictions
Alice needs to make sure her products fit her dietary restrictions
Help users find products in store?
Help users find products in store?
Allow users to maximize their savings?
Allow users to maximize their savings?
Ensure users can meet their dietary needs?
Ensure users can meet their dietary needs?
Initial Research
User Interviews
We wanted to validate and adjust our assumptions, so we began research with 3 user interviews. As team leader, I made sure our research script aligned with our goals and matched responsibilities to my teammates strengths and interests. After the interviews, I led the research synthesis, which led to these key findings:
Validated Assumptions
New Discoveries
Struggles to find products in store
Price comparison is crucial
Limited on time and budget
Hard to find nutritional visibility
Shoppers have strict dietary needs
With our new findings, we created a new persona:
Guiding Questions
Based on our research findings that validated and expanded our assumptions about our users, these questions were our framework for the project moving forward.
Problem
How might we…
All users struggle to find products in store
Jacob wants to get the best price available
Alice needs to make sure her products fit her dietary restrictions
Help users find products in store?
Allow users to maximize their savings?
Ensure users can meet their dietary needs?
First Iterations
First Iterations
Because of time constraints, we opted for a low-fidelity wireframe to get in front of users and gather feedback as quickly as possible. As team leader, I delegated moderating duties to our team, so at this point, everybody got the chance to speak directly with users. We conducted 3 usability tests.
Findings
Potential Solutions
Users want to be able to checkout directly from the screen
Users want to be able to checkout directly from the screen
The screen would quickly get cluttered with many items
The screen would quickly get cluttered with many items
Our navigation feature was not clear to find
Our navigation feature was not clear to find
A simple self-checkout feature within the app
A simple self-checkout feature within the app
Item categorization
Item categorization
Clear signifiers for the navigation feature
Clear signifiers for the navigation feature
First Iterations
Because of time constraints, we opted for a low-fidelity wireframe to get in front of users and gather feedback as quickly as possible. As team leader, I delegated moderating duties to our team, so at this point, everybody got the chance to speak directly with users. We conducted 3 usability tests.
Findings
Potential Solutions
Users want to be able to checkout directly from the screen
The screen would quickly get cluttered with many items
Our navigation feature was not clear to find
A simple self-checkout feature within the app
Item categorization
Clear signifiers for the navigation feature
Final Prototype
Final Prototype
For full design cohesiveness, I created a visual identity for the project and merged the wireframe’s entire flow into a hi-fidelity, functioning prototype. The main identity of the app would be: clean, healthy feel, organic lines, and a minimal aesthetic
Feature Demonstration
Sign Up
Creating an account allows users to save info and track their shopping history
Creating a List
Product & nutritional info can be compared here, as well as available deals & coupons
For users with frequent routines, they can save & access their lists
Users can view saved and recent items/lists in their profile section.
Navigation
When users can’t find a product, they can quickly see where to find the item in store.
Additional Features
To avoid clutter and allow for a more narrow focus, users can collapse categories.
If users need to speak to an employee, they can call them instead of having to look around for one.
Directly from the cart, they can scan their items and checkout.
Store Customization
For different customers, grocery stores in this case, we would adapt the visual identity to match their brand guidelines with color, font, and other adjustments in the UI.
Final Prototype
For full design cohesiveness, I created a visual identity for the project and merged the wireframe’s entire flow into a hi-fidelity, functioning prototype. The main identity of the app would be: clean, healthy feel, organic lines, and a minimal aesthetic
Feature Demonstration
Sign Up
Creating an account allows users to save info and track their shopping history
Creating a List
Product & nutritional info can be compared here, as well as available deals & coupons
For users with frequent routines, they can save & access their lists
Users can view saved and recent items/lists in their profile section.
Navigation
When users can’t find a product, they can quickly see where to find the item in store.
Additional Features
To avoid clutter and allow for a more narrow focus, users can collapse categories.
If users need to speak to an employee, they can call them instead of having to look around for one.
Directly from the cart, they can scan their items and checkout.
Store Customization
For different customers, grocery stores in this case, we would adapt the visual identity to match their brand guidelines with color, font, and other adjustments in the UI.
Reflection
Reflection
What I'd Do Differently
Defined Success Metrics
Defined Success Metrics
Have an ease of use score or utilize UMUX-Lite questions to have a defined way of showcasing a successful design
Lean In On Business Value
Lean In On Business Value
Consider other monetization methods like store-specific customization and non-intrusive ads
Narrow Down Focus
Narrow Down Focus
Choose fewer pain points to solve with the limited time for the project
App Integration
App Integration
Consider how users could interact outside of stores to make their in-store experience more efficient
Reflection
What I'd Do Differently
Defined Success Metrics
Have an ease of use score or utilize UMUX-Lite questions to have a defined way of showcasing a successful design
Lean In On Business Value
Consider other monetization methods like store-specific customization and non-intrusive ads
Narrow Down Focus
Choose fewer pain points to solve with the limited time for the project
App Integration
Consider how users could interact outside of stores to make their in-store experience more efficient