Ali Demirbaş - Lab
TRGet in touch

UI Elements

Consistent Button Styles Across a Page: A/B Test Idea

Consistent visual rules may make controls easier to recognize across a page.

  • UI elements
  • Total action completion rate

Control vs Variant

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

Changed
Visual style
Page
UI elements
Difference
changed

Hypothesis

Inconsistent styles can obscure which controls serve the same role, while making every control identical may remove useful distinctions. Use one consistent system that still gives primary and secondary actions distinct treatments.

How to run this test

Primary metric

Total action completion rate

Compare completed actions across all eligible assigned visitors within the page scope.

Other metrics

  • Clickable-element useCompare completion of predefined page actions using the same event definitions.
  • Misclick rateMeasure clicks on elements users may mistake for controls using predefined events or observations.
  • Action completion by sectionReport primary and secondary actions by section so changes in one area do not disappear in the total.

What to check before and during the test

  • SystemApply one predefined button-style system to all buttons in scope.
  • RecognitionMeasure interactions consistently; use direct feedback for claims about confusion.
  • Section hierarchyCheck whether completed actions fall in important sections.
  • ScopeKeep this test to the defined page; a site-wide rollout needs matching assignment and measurement coverage.
  • DevicePreserve the same primary and secondary distinctions on mobile.

Setup mistakes to avoid

  1. 1Change styling only, not button wording.
  2. 2Keep a distinction between primary and secondary actions.
  3. 3For a site-wide change, include matching pages in assignment and measurement.
  4. 4Do not generalize to sections that kept the old styles.
  5. 5Do not make controls with different functions look identical.