Text labels on mobile header icons: +10.37% conversion rate
Test run byBlend CommerceCRO agency
Commentary byLiftArchiveOur analysis, not theirsAdding short text labels to the mobile header icons lifted conversion rate by 10.37% for Goat Milk Stuff, a soap and skincare brand.
Blend Commerce ran this A/B test on mobile only for two weeks.
Revenue per visitor rose 2.95%, and the brand kept the new version.
- Conversion rate: +10.37% on mobile.
- Revenue per visitor: +2.95%, a smaller gain than conversion rate.
- Returning visitors: +12.5% conversion rate and +16.56% revenue per visitor.
- New visitors: +9.58% conversion rate, so the lift was not limited to loyal customers.
The change
Menu, Search, Account and Cart icons gain short text labels.
Simplified mockup drawn by LiftArchive from the shared screenshots.
Control
The mobile header showed icons for Menu, Search, Account and Cart with no words.
Variant
The same four icons each had a short text label beside them.
Why it likely won
Our reading of the result, not the practitioner's claim.
- Words remove any doubt about what an icon does, so shoppers tap with more confidence.
- Clear labels on Search and Cart may help people move from browsing to checkout with fewer wrong turns.
- Icons that look obvious to a design team are not always obvious to every shopper.
Caveats: The test ran for two weeks on mobile only. Sample size and statistical significance were not shared.
Who ran it
Blend Commerce ran this test for Goat Milk Stuff and published the results (Blend Commerce A/B test). The numbers are theirs; the summary and commentary on this page are ours.
Read the original case study on Blend Commerce →
How to run this test on your store
- Hypothesis
- If we add text labels to the mobile header icons, then more visitors will buy because they will know exactly where each icon leads.
- Primary metric
- Conversion rate
- Guardrails
- Revenue per visitor
- Search usage
- Mobile bounce rate
- Who should test it
- Mobile-heavy stores that rely on icon-only headers, especially with older or less tech-savvy shoppers. If your header is already crowded, labels may not fit without hurting the layout.
Questions
Should mobile navigation icons have text labels?
In this test, labels lifted mobile conversion rate by 10.37%.
They are a cheap change to test if your header uses icons only.
Which icons need labels most?
This test labelled Menu, Search, Account and Cart together, so it does not show which label mattered most.
Do labels help new or returning visitors more?
Both groups improved here. Returning visitors saw a 12.5% conversion lift and new visitors 9.58%.
Similar tests
@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon