Pattern #38: Faded Background Form

Pattern Author: Rodrigo Maués - Head of Product Design @ Anheuser-Busch InBev

Based on 1 Tests, Members See How Likely This Pattern Will Win Or Lose And Its (?) Median Effect

Almost Certain Loser
Almost Certain Winner
Faded Background Form
  1. Add: Onfocus Background Fade

    When a user focuses on a form, everything else around it fades. The fading can be done with a background overlay, or a fade.

  2. Add: Exit Option

    The focused form state also comes with an exit option which return the interfaces to the previous normal state.

Median Effects



Ex: Any Action / Visit



Ex: Signups, Leads

(1 tests)



Ex: Transactions, Upsells






Ex: Return Visits



Ex: Social Shares


Test #125 Tested on by Rodrigo Maués Rodrigo Nov 13, 2017

Find Out How It Performed With 2,628,666 Visitors


  • Measured by succesful lead form submissions   |   p-val (?)

Get Access To See The Test Results

For each pattern, we measure three key data points derived from related tests:

REPEATABILITY - this is a measure of how often a given pattern has generated a positive or negative effect. The higher this number, the more likely the pattern will continue to repeat.

SHALLOW MEDIAN - this is a median effect measured with low intent actions such as initiating the first step of a lengthier process

DEEP MEDIAN - this is derived from the highest intent metrics that we have for a given test such as fully completed signups or sales.