A/B Test: Drawer UX Pattern -> Overlay vs. Reveal. Which feels better?
I’m testing two different drawer patterns for my iOS App (Not revealed here) and I’d love honest feedback from product and UI nerds about which one actually feels better.
The problem: Standard drawer UX uses an overlay. Tap the button, a dark sheet slides in from the side, covering the main content. It works, but it always feels like an interruption.
The experiment: What if the drawer was always there, just hidden behind the main card? A single swipe reveals it by sliding the card right, like pulling back a curtain. No overlay dim, no modal weight. You see both the primary content and the drawer at the same time as you browse.
Option A (Baseline): Dark overlay drawer slides in from the left, full-screen dim fades in, then tap anywhere outside to close.
Option B (Reveal): Swipe or drag the card right, the drawer slides out from behind, the card moves with it, and both stay visible as you browse. Swipe left or tap the card to close.
The tradeoff I’m wrestling with:
- Reveal feels lighter and more playful (no modal friction)
- Overlay is more predictable (everyone knows how sheets work)
- Reveal lets you browse while keeping the main content visible (context win), but it uses more screen space
Which one feels better to you? I’d love to hear if one feels more intuitive or natural, even if you’ve never seen either pattern before. What’s your first instinct?
>