Wegmans Smart
Cart Design
Wegmans Smart
Cart Design
Wegmans Smart
Cart Design
Introduce additional features to the existing framework of the Shopic Smart Shopping Cart.
Introduce additional features to the existing framework of the Shopic Smart Shopping Cart.
Introduce additional features to the existing framework of the Shopic Smart Shopping Cart.
ROLE
ROLE
Research, Interactive Design (Individual project)
Research, Interactive Design (Individual project)
TIMELINE
TIMELINE
Jan - Mar 24
Jan - Mar 24
SKILLS
SKILLS
User Research, UX Design, Interactive Design, Prototyping
User Research, UX & Interactive Design, Prototyping
TOOLS
TOOLS
Figma, After Effects
Figma, After Effects
Project Overview
Project Overview
While supermarkets have remained relatively unchanged in the past few decades, tech is being introduced that has the potential to make a big difference. The current experience with the Shopic Smart Cart is in early stages of development, and has a lot of room to grow. Some things I wanted to keep in mind:
consider what areas of shopping would benefit from digital technology
be mindful of the physical experience of shopping - in order to use the smart cart, users will likely be multitasking
focus on both the user's and the store's needs
While supermarkets have remained relatively unchanged in the past few decades, tech is being introduced that has the potential to make a big difference. The current experience with the Shopic Smart Cart is in early stages of development, and has a lot of room to grow. Some things I wanted to keep in mind:
consider what areas of shopping would benefit from digital technology
be mindful of the physical experience of shopping - in order to use the smart cart, users will likely be multitasking
focus on both the user's and the store's needs
THE OVERARCHING GOAL
HMW use interactive tools to make the shopping experience “better”?
01. Heuristic Eval
01. Heuristic Eval
THE RUBRIC
THE RUBRIC
Using the Nielsen/Norman Severity Rating system as a guide, I tested the Shopic Smart Cart in Wegmans on several categories of usability and gave it a letter grade A - F.
A - Amazing! No fixes needed
B - Very good! Small cosmetic fixes would be nice.
C - Fine. It functions, but has a lot of room to be more intuitive.
D - Bad. Struggled to use.
F - Horrendous. Nearly or completely unusable.
Using the Nielsen/Norman Severity Rating system as a guide, I tested the Shopic Smart Cart in Wegmans on several categories of usability and gave it a letter grade A - F.
A - Amazing! No fixes needed
B - Very good! Small cosmetic fixes would be nice.
C - Fine. It functions, but has a lot of room to be more intuitive.
D - Bad. Struggled to use.
F - Horrendous. Nearly or completely unusable.
THE CATEGORIES
THE CATEGORIES
Visibility of System Status
Match with System & Real World
User Control & Freedom
Consistency & Standards
Error Prevention
Recognition Rather than Recall
Flexibility & Efficiency of use
Aesthetic & Minimalist Design
Help the User Recognize, Diagnose, and Recover from Errors
Help & Documentation
Visibility of System Status
Match with System & Real World
User Control & Freedom
Consistency & Standards
Error Prevention
Recognition Rather than Recall
Flexibility & Efficiency of use
Aesthetic & Minimalist Design
Help the User Recognize, Diagnose, and Recover from Errors
Help & Documentation
THE GRADE
THE GRADE
After averaging the grades for each category, the Shopic Smart Cart received a C overall for usability. To see the full Heuristic Eval, check out my process deck!
After averaging the grades for each category, the Shopic Smart Cart received a C overall for usability. To see the full Heuristic Eval, check out my process deck!
02. The Scope
02. The Scope
WHAT AM I GOING TO FOCUS ON?
WHAT AM I GOING TO FOCUS ON?
Based on my heuristic evaluation, I decided to focus how to bring shopping lists into the Shopic experience. This seemed like a clear area of opportunity - everyone needs a list when they shop.
Based on my heuristic evaluation, I decided to focus how to bring shopping lists into the Shopic experience. This seemed like a clear area of opportunity - everyone needs a list when they shop.
WHAT ARE MY ASSUMPTIONS?
WHAT ARE MY ASSUMPTIONS?
In order to limit the scope to a reasonable, I worked with a set of four assumptions about the user.
User has a shopper's club account
User has the Wegmans app downloaded
The Wegmans app gives the user the ability to create multiple different lists at one time
User has made one or more lists
both interviewees felt that the information on the page was sufficient
both expressed a desire for improvements in scannability
WHAT DO WE KNOW ABOUT THE SHOPIC ATTACHMENT?
WHAT DO WE KNOW ABOUT THE SHOPIC ATTACHMENT?
The Shopic can be placed on any cart with the plastic attachment piece, which can in turn be fitted to any type of cart. It's placed right at the user's hand-level.
The Shopic can be placed on any cart with the plastic attachment piece, which can in turn be fitted to any type of cart. It's placed right at the user's hand-level.
03. Visual Designs
03. Visual Designs
DESIGN GOALS
DESIGN GOALS
Based on my research, I established three design goals to guide my ideation.
Based on my research, I established three design goals to guide my ideation.
EFFICIENT
EFFICIENT
clear and intuituve user interface
clear typographical hierarchy
info will be easy to access
clear and intuituve user interface
clear typographical hierarchy
info will be easy to access
CLEAN
CLEAN
strategic whitespace + consistent layout
info will be easy to scan
important consideration for multitasking
strategic whitespace + consistent layout
info will be easy to scan
important consideration for multitasking
DISCOVERABLE
DISCOVERABLE
consistent design language and structure
features will be easy to discover for first-timers
memorable for returners
consistent design language and structure
features will be easy to discover for first-timers
memorable for returners
WIREFRAMING
WIREFRAMING
I jumped straight into wireframing, using the existing structure of the Shopic as a base.
I jumped straight into wireframing, using the existing structure of the Shopic as a base.
DEVELOPING INTERACTIONS
DEVELOPING INTERACTIONS
After finding a basic structure and onboarding experience that worked, I began to work on developing how the user would interact with the cart while shopping.
After finding a basic structure and onboarding experience that worked, I began to work on developing how the user would interact with the cart while shopping.
DEVELOPING A VISUAL STYLE
DEVELOPING A VISUAL STYLE
Keeping in mind my goals of discoverability and clean design, I began working on a visual style that would balance that with incorporating the store's brand in some way.
Keeping in mind my goals of discoverability and clean design, I began working on a visual style that would balance that with incorporating the store's brand in some way.
04. Execution
04. Execution
HERE'S HOW IT LOOKS!
HERE'S HOW IT LOOKS!
List selection screen
List selection screen
Initial/empty cart screen
Initial/empty cart screen
Item deletion swipe
Item deletion swipe
List sort/recently deleted menu
List sort/recently deleted menu
Recently deleted list with confirmation text
Recently deleted list with confirmation text
Manual item completion swipe
Manual item completion swipe
Full prototype, including full list setup process, immersive transitional animations, and additional interactions and animations.
Full prototype, including full list setup process, immersive transitional animations, and additional interactions and animations.
TAKEAWAYS
TAKEAWAYS
I was successful in my goals of efficiency through clear hierarchy, clean visual design through strategic use of whitespace, and discoverability through consistent design language and structure.
The focus on function over form left me with a simple user interface that prioritized ease of use in multitasking scenarios.
NEXT STEPS
NEXT STEPS
Push the personality harder and see where I can add additional character to the visual designs
Create a deeper prototype video that functions more like a product pitch or advertisement
Conduct user testing to understand any remaining pain points and adjust designs accordingly