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: First Action



Ex: Leads, Quotes

(1 tests)



Ex: Trials



Ex: Future Action



Ex: Transactions






Ex: Return Visits



Ex: Social Shares


Pattern #38: Faded Background Form
Was Tested On by Rodrigo Maués

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

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

Product Desktop
  • 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.