Pattern #5: Top Aligned Labels

Pattern Author: Nils Kattau - Conversion / UX / Growth Consultant

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

Almost Certain Loser
-5
-4
-3
-2
-1
0
+1
+2
+3
+4
+5
Almost Certain Winner
Top Aligned Labels
  1. Top Aligned Labels Recognition

    Form labels are positioned above the form fields. This way, when users hit submit or receive an error state, they can still see what they should be entering. This minimizes error by always reminding users of what they are filling out.

Median Effects

?

Progression

Ex: First Action

?

Leads

Ex: Leads, Quotes

(1 tests)

?

Signups

Ex: Trials

(1 tests)

?

Engagement

Ex: Future Action

?

Sales

Ex: Transactions

?

Revenue

Ex: AOV, LTV

?

Retention

Ex: Return Visits

?

Referrals

Ex: Social Shares

Tests

Pattern #5: Top Aligned Labels
Was Tested by Alex James

Test #341 Tested on An Anonymous Site Feb 25, 2021

Find Out How It Performed With 579,148 Visitors

Signup Desktop, Mobile
  • Measured by partial registrations (step 1 completions)   |   p-val (?)

This experiment shows a comparison between floating-field labels vs top-aligned labels. In the control, the form labels first appeared inlineĀ and as users would begin typing, they floated to the top of the field. The variation had fixed field labels above the form fields at all times. Impact on signups was measured.

Get Access To See The Test Results

The Same Pattern Was Also Tested Here

Test #77 Tested on Easycredit.se by Hugo Palm Dec 05, 2016

Find Out How It Performed With 8,292 Visitors

Signup Desktop, Mobile
  • Measured by form submits   |   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.