A full-screen mobile drawer can hide both the product and the route back.
Cart drawers: editing, totals and a clear exit
A drawer should confirm the added item and allow continuation, editing or closing. Do not make it a dead end.
Research context: W3C WAI · Modal dialog interaction ↗
Use a native dialog, visible close control and clear empty state. Offer live checkout only for real purchasable items.
Try the pattern
Task and expected result
- 01
Add a fixture variant: see color, size and total.
- 02
Close with Escape and continue selecting products.
- 03
Remove the last item: show empty state rather than an old total.
How to investigate value
Measure confirmed, deduplicated outcomes per eligible checkout start. Define paid orders and accepted credit orders separately.
Watch for side effects
Payment errors, duplicate orders, incorrect totals, unclear arrival dates and discount cost. A pay click is only an attempt.
This is a proposed investigation, not a measured result. Choose one hypothesis and define the audience before testing.
Build a measurement plan for this concept ↗