Ali Demirbaş - Lab

Search & Filtering

Making the Navigation Menu Sticky: A/B Test Example

A sticky menu lets visitors navigate without returning to its original position.

  • UI elements
  • Purchase conversion rate (CR)

Control vs Variant

What the interface does on its own is the variable.

Changed
Behavior
Page
UI elements
Difference
changed

Hypothesis

It also reduces the space available for page content. Keep the menu’s content and size unchanged and compare whether it stays fixed in place.

How to run this test

Primary metric

Purchase conversion rate (CR)

Compare purchases among eligible visitors assigned to the fixed or standard menu.

Other metrics

  • Menu click-through rateCompare menu clicks per eligible assigned visitor.
  • Pages per sessionCompare pages viewed during the same session window.
  • Key content visibilityCheck whether the fixed menu covers important page content.
  • Exit rateCompare exits using the same session definition.

What to check before and during the test

  • NavigationCheck whether the fixed menu makes on-page navigation easier.
  • ScrollingSee whether visitors can navigate without returning to the top.
  • MobileReview navigation on long pages, especially on mobile.
  • Screen spaceCheck how much content area the menu occupies.
  • PositionKeep the menu in its current location; testing top versus bottom placement is separate.

Setup mistakes to avoid

  1. 1Do not make the sticky menu tall enough to cover most of the screen.
  2. 2Do not let it cover the CTA or filters on mobile.
  3. 3Avoid animations and shadows that slow the page.
  4. 4Keep menu structure and content unchanged.
  5. 5Prevent page jumps when the menu becomes fixed.