Pattern #13: Centered Forms & Buttons

Pattern #13  Tested 7 timesFirst tested by Rodrigo Maués Recently tested by Stanley Zuo on May 12, 2021

Based on 7 Tests, Members See How Likely Version B Wins Or Loses And By How Much

LOSSES
-5
-4
-3
-2
-1
FLAT
+1
+2
+3
+4
+5
WINS

Measured by the sum of negative and positive tests.

A B
Centered Forms & Buttons (Variant A) Centered Forms & Buttons (Variant B)

Expected Median Effects Of B

X.X%

Progression

(2 tests)

X.X%

Leads

(2 tests)

X.X%

Signups

(2 tests)

X.X%

Engagement

(1 tests)

X.X%

Sales

(1 tests)

-

Revenue

-

Retention

-

Referrals

X.X%

ANY PRIMARY

(7 tests)

All 7 tests meta-analyzed: +X.X% combined effect (p-val X.XXXX)

68.4% of 90% cumulative power target at 2% MDE from 7 tests Help replicate this with an A/B test

90%
↓
12.6% 4.1% 44.2% 11.7% 3.9% 8.6% 12.8%
Home & Landing 3 tests: X%
Listing 2 tests: X%
Checkout 1 test: X%
Product 1 test: X%

Tested on

Tests

Pattern #13: Centered Forms & Buttons
Was Tested On Kenhub.com by Niels Hapke

Replaced

Isolated

Test # 202 on Kenhub.com by Niels HapkeNiels Hapke Oct 01, 2018 Test link

Find Out How It Did With 2,884 Visitors

  • Measured by successful sales

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Checkout
Statistical Power by Minimum Detectable Effect
4%0.5%
5.8%1%
11.7%2%
49.4%5%
80%7.2%
97.7%10%
99.9%15%
99.9%20%

In this experiment, the form layout was adjusted by shifting the side benefits further down below the form.

Get Access To See The Test Results

The Same Pattern Was Also Tested Here

Replaced

Isolated

Test # 353 on Backstage.com by Stanley ZuoStanley Zuo May 12, 2021 Test link

Find Out How It Did With 30,428 Visitors

  • Measured by subscribe flow starts

  • Measured by free trials started

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Product
Statistical Power by Minimum Detectable Effect
4%0.5%
6.1%1%
12.8%2%
53.6%5%
80%6.9%
98.2%10%
99.9%15%
99.9%20%

This experiment challanged a right aligned detail page. After clicking a result of a job role on a listing page, an overlay would appear on the right with the details. The variation used a full width screen instead - effectively centering the page.

Get Access To See The Test Results

Replaced

Isolated

Test # 240 on Thomasnet.com by Julian GaviriaJulian Gaviria May 16, 2019 Test link

Find Out How It Did With 207,844 Visitors

  • Measured by clicks on View Catalog button

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Listing
Statistical Power by Minimum Detectable Effect
4%0.5%
4.8%1%
8.6%2%
31.5%5%
80%9.6%
83.2%10%
99.1%15%
99.9%20%

In this experiment, two different positions of the View Catalog button were compared. In version A the button was smaller and on the right. In version B the button was wider and more central. (The actual test was inverted before publishing to match the A-B of the pattern.)

Get Access To See The Test Results

Replaced

Isolated

Test # 239 on Volders.de by Alexander KriegerAlexander Krieger May 02, 2019 Test link

Find Out How It Did With 1,288 Visitors

  • Measured by moved to the next step

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Home & Landing
Statistical Power by Minimum Detectable Effect
3%0.5%
3.2%1%
3.9%2%
7.2%5%
16.5%10%
31.1%15%
49.3%20%
80%29.2%

A contract cancellation landing page was tested for the effect of a single (wider CTA area with a left aligned button) vs two column layout (narrow CTA area with a right aligned button).

Get Access To See The Test Results

Replaced

Isolated

Test # 179 on Yummly.com by Marcos CiarrocchiMarcos Ciarrocchi May 18, 2018 Test link

Find Out How It Did With 391,537 Visitors

  • Measured by form submits

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Listing
Statistical Power by Minimum Detectable Effect
7%0.5%
14.7%1%
44.2%2%
80%3.1%
99.5%5%
99.9%10%
99.9%15%
99.9%20%

Get Access To See The Test Results

Replaced

Isolated

Test # 108 on Acousticalsurfac... by Julian GaviriaJulian Gaviria Jun 01, 2017 Test link

Find Out How It Did With 2,410 Visitors

  • Measured by successful form submits

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Home & Landing
Statistical Power by Minimum Detectable Effect
3%0.5%
3.2%1%
4.1%2%
8%5%
19.6%10%
37.5%15%
58.2%20%
80%26.1%

Get Access To See The Test Results

Replaced

Isolated

Test # 90 on Vivareal.com.br by Rodrigo MauésRodrigo Maués Apr 01, 2017 Test link

Find Out How It Did With 18,408 Visitors

  • Measured by successful form submits

  • XX.X% (XXX successes out of XXX,XXX visitors)
  • XX.X% (XXX successes out of XXX,XXX visitors)
Zoom In
Centered Forms & Buttons - Variant A A
Centered Forms & Buttons - Variant B B
Home & Landing
Statistical Power by Minimum Detectable Effect
4%0.5%
6%1%
12.6%2%
52.4%5%
80%7%
98%10%
99.9%15%
99.9%20%

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.