Bulk Actions Feature
Introduction
Before 'Bulk Actions' users who needed to remove items from their saved lists have one option: Remove one at a time- which can be arduous.
We needed to create an additional option for users to select multiple items and delete them (or perform any other action) all at once to improve list management efficiency, and eliminate checkout friction when users have unavailable products in their cart.
Objectives
-
Support the transactional page efficiency initiative - more actions, less clicks.
-
Improve list management efficiency
-
Reduce friction in checkout
Competitive Analysis
After doing some research on best practices- we established there were 2 main components needed for bulk actions functionality.
1. Products tiles with a selection/selected mode
2. Nav bar to represent selected items and actions.
Product Card Select Mode Options
We identified that we needed to reflect changes in our product tiles- how do we show that cards are selectable? So, we saw the patterns our competitors were having.
Nav Bar
For the second needed component, we did some searching as well for great patterns.
Monday.com
Dribble sources
Grainger.com
Ideation and concepts
After doing our research, we needed to apply what we knew to develop ideas on concepts for our site pages.
Final Product
Desktop & Mweb
.png)
Spec Sheets
.png)
.png)
.png)
.png)