Attention Ratio
Attention ratio is the number of clickable elements on a page divided by the number of conversion goals. The lower the ratio, the higher your conversion rate.
Attention Ratio
The number of clickable elements on a page divided by the number of conversion goals — lower ratios convert higher.
Attention ratio is a conversion-rate-optimization metric coined by Oli Gardner at Unbounce. You count every clickable element on a page — nav links, footer links, social icons, secondary buttons, logo links — and divide by the number of distinct conversion goals. A dedicated landing page with one CTA and no nav has an attention ratio of 1:1. A typical Shopify product page with full header navigation, footer, related products and social proof links sits closer to 40:1 or 50:1.
The principle is simple: every extra link is a chance for the visitor to do something other than convert. Stripping links isn't always right — discovery matters on category pages — but on pages with a single job, ratio creep is one of the most reliable causes of low conversion.
The metric matters because attention is a finite resource. A visitor arriving from a paid Meta ad has roughly seven to fifteen seconds before they decide whether to engage or bounce. Every clickable element competes for that decision window.
Attention ratio is a core lever inside broader UX optimization work, and it sits alongside related ideas in attention optimization — message match, visual hierarchy, and information scent. Treat it as a diagnostic: a high ratio is rarely the only problem, but it's almost always part of the picture on underperforming pages.
Attention Ratio = Clickable Elements / Conversion Goals
Clickable Elements
Clickable Elements
Every link, button, icon, or interactive element on the page — including the logo, header nav, footer, social icons, related products, and secondary CTAs.
Conversion Goals
Conversion Goals
The number of distinct primary outcomes the page is designed to drive. For most landing pages this is 1 (e.g. add-to-cart, email signup, checkout completion).
A Shopify apparel brand runs paid traffic to a dedicated product landing page for a new linen shirt. The page has the full site header (8 nav links + cart + logo + search = 11), 2 product image swatches, 1 size selector, 1 add-to-cart button, 3 trust-badge links, 4 related-product tiles, and a footer with 18 links.
Clickable Elements: 11 + 2 + 1 + 1 + 3 + 4 + 18 = 40
Conversion Goals: 1 (add to cart)
→ Attention Ratio = 40:1
At 40:1, the page is asking visitors to consider 39 paths away from the one action paid media is paying for. Removing the header nav and footer on this page type alone typically drops the ratio below 10:1 and lifts add-to-cart rate 8-20%.
What counts as a healthy ratio depends entirely on the job of the page. A homepage exists to route traffic, so a high ratio is correct. A paid-traffic landing page exists to convert, so the ratio should approach 1:1. The benchmarks below show the range you'd expect across common page types in an online store.
Typical attention ratio by page type (online retail)
| Page type | Typical ratio | Healthy target | Primary job |
|---|---|---|---|
| Homepage | 60-120:1 | n/a — discovery page | Route traffic to categories |
| Category / collection | 40-80:1 | 30-50:1 | Help visitors browse and filter |
| Product detail (PDP) | 30-50:1 | 10-15:1 | Add to cart |
| Paid-traffic landing page | 20-40:1 | 1-3:1 | Single conversion action |
| Cart page | 15-25:1 | 3-5:1 | Proceed to checkout |
| Checkout | 8-15:1 | 1:1 | Complete purchase |
| Email signup / lead magnet | 20-40:1 | 1:1 | Capture email |
Lowering attention ratio is mostly subtraction. The fastest wins: hide the main nav on checkout and dedicated landing pages, collapse the footer to a single legal line, remove related-product carousels from cart, and consolidate duplicate CTAs (a header 'Buy now' plus a hero 'Shop now' plus a footer 'Order' all pointing to the same place is three links doing one job).
Attention ratio FAQ
For a dedicated landing page or checkout step, aim for 1:1 — one clickable element per conversion goal. For product pages, 10-15:1 is healthy. For homepages and category pages, a high ratio is correct because the page's job is discovery, not conversion.
Yes. If it's clickable and routes away from the conversion path (usually back to the homepage), it counts. On dedicated landing pages many teams make the logo a non-clickable image specifically to keep the ratio at 1:1.
Interactive form elements that are necessary to complete the conversion (size, colour, quantity) typically don't count against attention ratio — they're part of the goal, not competing with it. Count them only when they navigate away from the page.
Attention ratio counts links; interaction cost measures the effort (clicks, scrolls, typing) a user must spend to convert. Attention ratio is about distraction; interaction cost is about friction. Both belong in a UX audit.
On dedicated paid-traffic landing pages, removing the main nav lifts conversion rate by roughly 10-30% in most published tests. On organic and homepage traffic it can hurt — those visitors are exploring, and removing nav strands them. Always A/B test by traffic source.
Long-form pages can still hit low attention ratios if the only clickable elements are the primary CTA repeated at intervals. Scroll depth and clickable-element count are independent.
Message match (ad copy = landing page headline) gets the visitor to engage; low attention ratio keeps them engaged once they do. Both are part of attention optimization — strong message match with 40:1 ratio still leaks conversions to the nav.
Yes. Shopify, Stripe, and every major checkout vendor strips header and footer navigation from checkout for exactly this reason. If your checkout still shows the main site nav, that's the single highest-ROI fix on this list.
Count everything reachable from the page, including items hidden behind a hamburger menu — they're one tap away. Mobile hamburgers often hide 15-20 nav links that all count toward the ratio.
Yes, on discovery pages. A homepage with attention ratio 1:1 would be a failure — visitors arrive without knowing what they want and need options. The rule is to match ratio to page job, not to minimise it everywhere.
Get an AI expert review of your site
Paste your URL — Metricuno's AI runs the same heuristic checks a senior CRO consultant would, scoring your page and prioritising the fixes that'll move conversion fastest.