Ali Demirbaş - Lab
TRGet in touch

Forms & Signup

Floating vs Always-Visible Form Labels A/B Test

Floating labels save space and make a form look shorter, but when a field is empty they may be harder to distinguish from placeholder text.

  • Forms & signup
  • Form completion rate

Control vs Variant

The visual treatment is the variable, not the words or the position.

Changed
Visual style
Page
Forms & signup
Difference
changed

Hypothesis

Visitors may not know what is required until they interact, and autofill can create further conflicts.

How to run this test

Primary metric

Form completion rate

Compare successful submissions to see whether floating labels affect completion.

Other metrics

  • Field-level error rateCompare format and validation errors for each field.
  • Form completion timeMeasure time from form start to successful submission consistently.
  • Abandonment at labeled fieldsTrack visitors who leave before completing a field with a floating label.

What to check before and during the test

  • Label behaviorCompare fixed labels with one predefined floating-label design.
  • Keep constantKeep fields, label copy, validation and helper text unchanged.
  • Empty fieldsMake sure visitors know what to enter before interacting with a field.
  • Filled and invalid fieldsCheck that labels remain readable in autofilled, completed and error states.
  • AccessibilityVerify label contrast and that screen readers identify it as the field name.

Setup mistakes to avoid

  1. 1Do not replace labels entirely with placeholders; that is a separate and riskier change.
  2. 2Do not use a floating label as both the label and helper text.
  3. 3Do not change animation timing during the test.
  4. 4Do not suppress autofill with the testing tool; measure the form as it works in real use.
  5. 5Respect reduced-motion settings in any transition.