General: Ghost / Outline Buttons Lose to Filled Buttons
Hypothesis
Ghost buttons (outline with transparent fill) test the principle that minimal design improves conversion — they don't.
Test Results
Key Learning
Problem: Each additional form field adds friction to the general, increasing the chance users abandon before completing their submission.
What was tried: Ghost buttons violate Fitts's Law and affordance principles: a button must look like a button to be clicked. The outline style reduces visual weight and click magnetism. Always use filled, high-contrast CTA buttons. Ghost buttons may be fine for secondary actions but should never be used for primary CTAs. (-13.5% change)
Why it failed: Not every CTA change improves conversion. Users may have preferred the original because it was clearer, more familiar, or better positioned.
How to Apply This to Your Site
This test showed that general: ghost / outline buttons lose to filled buttons led to a -13.5% drop in conversions. The change was tested on a landing page page in the cross-industry industry. Avoid replicating this exact approach — instead, consider testing the opposite direction or a more subtle variation.
Before you test: Consider that cta tests typically require adequate traffic to reach statistical significance. Run your test for at least 2 full business cycles to account for weekly traffic patterns.
This result reached 95% statistical confidence, meaning there is a very low probability the observed effect was due to chance. Results at this confidence level are generally considered reliable for making business decisions.
What Was Tested
Tests confirm ghost buttons consistently underperform: Test #199 on Freshegg.co.uk (-20% progression), Test #243 on (-1.1% progression with red ghost vs red filled). Both show that reducing button visual weight decreases click rates. This is one of the most replicated anti-patterns in CRO.
Methodology
Build On These Learnings
Save your own experiments, spot winning patterns across your test history, and stop repeating what's already been tried.
Related Experiments
Listing: Visible Payment Options
Context: The primary call-to-action on the listing isn't converting at its potential — design, copy, or placement may be the bottleneck.
Does Pinning a Mobile Checkout CTA Improve Conversion?
Sticky mobile CTAs can compress time-on-page meaningfully (~15% faster) without sacrificing engagement signals — users converted at a directionally higher rate AND moved through the page faster, suggesting reduced hesitation rather than rushed clicks. The result was shipped via 90/10 holdout monitoring rather than traditional 50/50 A/B inference — the high baseline (~85%) and limited mobile traffic made full A/B underpowered, so the team chose a holdout-validated rollout as the deliberate methodology. Bayesian P(variant > control) was ~0.90, supporting the directional ship call. Worth noting: external research flags sticky CTAs as context-dependent — they help when the primary action is buried below the fold, but can hurt on shorter pages where the original CTA is already visible.
Listing: Filled Or Ghost Buttons
Context: The primary call-to-action on the listing isn't converting at its potential — design, copy, or placement may be the bottleneck.
Does Adding a Shopping CTA to the Main Navigation Drive Plan Views?
A CTA's click rate is not its conversion contribution. This test surfaced one of the most consistently underweighted patterns in CRO: behavioral diagnostics almost always tell a more honest story than the topline. The aggregate result looked like a tiny non-significant lift (+1%); the diagnostic revealed that of every 100 button clicks, only 6 reached the next funnel step. Two failure modes converged: (1) copy intent mismatch — the chosen label read as 'create account' rather than 'shop,' so a large share of clicks came from users trying to log in / manage their account from support and customer pages; (2) extra modal step before the destination page added friction without value. The aggregate lift was partially cannibalization from higher-converting paths. The transferable pattern: when introducing a global navigation element, validate the click→conversion ratio per source page, not just the topline. High clicks from low-intent pages creates a false signal of engagement that can mask poor performance.