# Dimming the Background Behind a Modal Form A/B Test

Page: https://alidemirbas.com.tr/en/lab/ab-test-library/tests/dimming-the-background-behind-a-modal-form-ab-test

## Hypothesis

If a semi-transparent dark overlay dims the page while the modal is open, the rest of the page recedes and attention may stay on the form. More completed forms could follow, though an overlay that hides context needed for the decision could push the form completion rate the other way.

## When to run this test

Watch for a modal form that blends into the page behind it: session recordings of visitors trying to click background content while the modal is showing, or a low form start rate even though the modal opens. If dimming focuses attention, visitors engage with the form sooner and more of them reach a successful submission. An overlay cannot fix a long form or a modal that opens at the wrong moment, so deal with that first, and before launch confirm that both arms offer a visible way to close the modal.

## Primary metric

**Form completion rate**: Compare successful submissions among eligible visitors assigned to the modal treatment.

## Other metrics

- **Form start rate**: Measure intentional first interaction with the form, not the modal opening.
- **Page exit rate**: Compare exits among visitors assigned to each form presentation; this alone does not explain why they left.

## What to check before and during the test

- **Backdrop**: Add one semi-transparent dark overlay behind the modal.
- **Keep constant**: Use one predefined backdrop opacity in the variant. Keep the modal content, trigger and dismissal behavior the same in both arms.
- **Required information**: Keep essential decision information inside the modal or in an accessible area that is not dimmed.
- **Form data**: Check whether entered data is preserved if the modal closes unexpectedly.
- **Keyboard and motion**: Keep the modal keyboard-dismissible and avoid blur animation that ignores reduced-motion settings.

## What to watch when reading the result

- A higher form start rate is not enough on its own; the form completion rate is what counts. Read a rise in the page exit rate as a diagnostic signal, not as proof that visitors felt trapped.
- What you find belongs to this modal, its trigger and the one overlay level you tested; test a darker or lighter overlay separately. In both arms, check that clicking outside a form with entered data does not close it without a warning, since lost entries would distort the completion gap.
- A single visual layer may have only a modest effect, so a small or unclear difference is not surprising. If the modal gets limited traffic, enter the current form completion rate and the smallest lift you care about in the [sample size calculator](https://alidemirbas.com.tr/en/calculators/sample-size-calculator) before launch. Compare the sample it gives per variant with the modal's daily opens per arm; if that will not fill in a reasonable time, this test cannot detect the effect.

## Frequently Asked Questions

### What if the backdrop hides information needed for the decision?

Keep necessary context accessible inside or outside the dialog. Preserve a clear dismissal path so the treatment does not trap users away from required information.

### Can increased exits be attributed to the backdrop?

A valid randomized comparison can estimate the experience’s effect on exits, but not prove a psychological explanation. Use form completion as the primary outcome and exits and feedback diagnostically.

### Which accessibility checks matter before launch?

Verify keyboard dismissal and data preservation. Avoid silently discarding entered information on outside clicks. Respect motion preferences in any backdrop animation.