Picture two founders comparing notes, one with his analytics open on his phone and the other just listening.
"Mobile's seventy four percent of our sessions. On desktop, fifty two percent of sessions reach a product page. On mobile it's thirty one."
"We rebuilt the mobile header in the spring. It looks spotless in the theme editor."
"On your laptop?"
Those numbers are mine and the conversation is invented, but the shape is familiar: a phone experience signed off on a 27 inch screen, inside a phone-shaped box, with a mouse.
A preview shows you what a page looks like. It cannot show you what it is like to use with one hand on a bus, where the thumb starts in a bottom corner and the eyes start in the middle.
So before anyone touches the design, it is worth knowing where hands and eyes actually go on a phone, which is a thing people have measured.
Why Do Shoppers Walk Past A Menu That Looks Fine?
Steven Hoober watches people use phones in the wild rather than in labs. The number everyone quotes from him is the grip split, out of 1,300 street observations. The finding that matters more here is quieter: people, he writes, "prefer to view and touch the center of the screen".
Not the top left, the way a desktop page gets read, and not the bottom corner either, which is what the thumb sweep diagrams imply. The middle.
His touch-accuracy work puts a number on it: a target in the center of the screen can be as small as 7 millimeters, while corner targets need about 12 millimeters to do the same job. Same finger, different part of the glass.
Hoober is also the one correcting the thumb-zone charts his own research gets used to defend: people do reach the top corners, he says, he watches them hit the Back button all day. So a corner is not unreachable. It is expensive. The Corner Tax is what you pay for parking the way into your catalog in a top corner: a stretch or a grip change, a bigger target to hit, and a menu to open before a single product is visible.
On a desktop none of that is charged. Your navigation is already open, already in the eye path, already a cheap target with a mouse on it.
Where The Corner Tax Shows Up On A Shopify Store
Five places where the bill gets charged, all of them the same mistake.
Your categories sit nested under one Shop item, so the first tap after the stretch buys another menu instead of a product.
The hamburger is the only route in, and nothing in the body of the page offers a second one.
Three category links exist, and all three are in the footer, which on a phone means everything else on the page comes first.
The first screen is hero image and promo bar, so the first category link sits three scrolls below where attention starts.
Search is an icon, so the fallback route costs a tap before it costs a word.
None of those is a motivation problem. Nobody in that list stopped wanting the product, and no amount of better photography fixes any of them. They are one thing: the route into the catalog, priced at the most expensive part of the glass.
It is common enough to be worth checking. 33% of mobile sites in Baymard's benchmark fail to make product categories top-level items in the mobile main navigation, and their testing found that "if it's not immediately obvious where to begin viewing product categories, a subgroup of users will decide to abandon the main navigation in favor of using search or trying to navigate to desired categories using the homepage". Note the condition, and note the subgroup.
Ask Where The Thumb Is, Not How It Looks
The question a mobile redesign gets asked is whether it looks right, which is the wrong question because the answer is nearly always yes. Of course it looks right. Someone competent made it, and you are looking at it on a screen the size of a window.
The question with answers in it: where does a thumb have to travel to get into your catalog, and how many times does it have to do that before it sees a product? Count the stretches and count the taps, because that number is the one any redesign has to beat.
Asking it that way also changes the size of the job. Looks is a project, with a brief and a designer and six weeks in it. Thumb travel is a menu structure you can change in Shopify admin this afternoon. Put the way in where the thumb already is.
Run The One-hand Test On Your Store This Week
Thirty minutes. Pull your session to product page rate in GA4, split by device, for sessions that landed on the homepage in the last 30 days. Homepage landings only, because a session that lands on a collection page is already inside the catalog, and one that lands on a product page from an ad never had to find it.
Then watch 20 recordings of mobile sessions that landed on the homepage and never reached a product page, which Clarity and Hotjar both do free. Look for two things, not twenty: the second hand coming up to reach the corner icon, and the scroll straight past the header into the hero. If you want a third, the best tell is the menu opened, closed, and the search icon tapped instead.
If the two rates are within a few points, navigation is not your leak and you have just saved yourself a redesign. The collection to product page step is where I would look next.
Last, the one-hand test: phone in one hand, your own homepage open, no changing your grip, and reach your top three categories while you count the taps and the stretches it takes. Your menu can look perfect and still be the most expensive thing on the page to use. Check it with your thumb, not your eyes.
📥 This week's free resource
This week's resource: a free two-page infographic, The Mobile Navigation Thumb Map, with the reach and accuracy zones drawn on a Shopify mobile layout and five navigation fixes you can ship on any plan. None of the five touches checkout, so none needs Plus. Two are a Shopify navigation setting, three are theme, and page two names where each one lives and what to watch after it ships.
PS: Mobile-First is a core optimization area inside GrowthOps, and we audit on actual devices rather than responsive previews.
Until next week,
Conal
