Zigzag Section Layout vs Consistent Alignment A/B Test

Scroll maps and session recordings are the best places to spot homepage sections blurring into each other: visitors racing past whole sections, or scrolling down and back up again, are the typical marks. If the zigzag sharpens those boundaries, visitors move through the sections in a steadier way and reach the main action more often. If a section has no image that carries meaning, do not add a decorative one just to create the zigzag; check first whether the content itself is clear.

Primary action completion rate

Compare whether alternating image and text placement changes completion of the target action.

Also track

• Scroll depthCheck whether more visitors reach the bottom of the page.
• Section visibilityMake sure visitors continue to see the sections.
• Time on pageRead longer time alongside completion; it can indicate interest or difficulty.
• Page load timeCheck that the layout change does not increase render time.

• AlignmentAlternate the left-right placement of the same images and copy.
• Section setKeep the number and order of sections, copy and images unchanged.
• Visual weightKeep image sizes and text widths comparable.
• ProgressMeasure section visibility; do not treat visibility as reading.
• Eligible layoutsExclude mobile layouts where both arms collapse to the same single column.

1. 1Deeper scrolling or longer time on page does not justify shipping while primary action completions stay flat, since extra time can also signal struggle. Also confirm that section visibility does not drop and that page load time does not grow.
2. 2What you learn covers only the screens where the two arms really differ, and this set of sections. Mobile layouts that collapse to one column stayed out of the comparison, so do not carry a win straight over to mobile or to another page.
3. 3Keep the reading order consistent in the variant; do not randomly switch between image-first and text-first sections. Keyboard focus and screen-reader order should follow the document order, and a variant that breaks that order for the sake of the layout does not earn a valid win.
4. 4With single-column mobile traffic left out, the sample in the comparison is smaller and the difference may take longer to settle. Before launch, find the sample per variant with the sample size calculator and divide it by the daily visitors per arm who actually enter the comparison to plan how many days the test stays open. If the gap is still unclear once that time is up, do not call the layout a winner; record the result as inconclusive.