Most article templates were designed on a large monitor and then squeezed onto a phone. The reader, meanwhile, is standing on a train with a coffee in one hand and the phone in the other, moving through the page with a thumb. That gap between how pages are designed and how they are used explains a lot of the friction publishers see: short sessions, abandoned videos and ads that get scrolled past before they load.
This post looks at the page from the reader’s side and suggests a few practical changes.
The thumb decides where attention goes
On a phone held in one hand, the comfortable zone for the thumb is the lower-middle of the screen. The top corners are a stretch. That has three consequences for an article page:
- Controls near the top get ignored. Share buttons, video play buttons and “next story” links placed in the header are rarely touched after the first second.
- Vertical movement is effortless, horizontal movement is not. Readers scroll and swipe up without thinking. Carousels that move sideways ask for a deliberate gesture most people will not make.
- Anything that jumps breaks the rhythm. When an image or ad pushes content down after the page has loaded, the reader loses their place and often their patience.
Build the page around a single column of intent
The strongest mobile article pages do one thing at a time. A headline, a lead, the story, and then a clear next step. When a page tries to offer everything at once, the reader chooses nothing.
A few rules we find useful:
- Keep the first screen for the story. The headline and the opening paragraph should be visible without scrolling. Push secondary modules further down.
- Reserve space for anything that loads late. Images, embeds, video and ad slots should have their height set in advance, so the text never jumps.
- Give every module a reason to exist. If a related-articles block or a video module does not help the reader continue, it costs attention without giving anything back.
Video should behave the way readers expect on a phone
Readers have learned how video works on their phones from social apps: it is vertical, it fills the screen, and you move to the next clip with a swipe. A 16:9 player in the middle of an article feels like a different era by comparison. It waits for a tap, plays one clip in a small box, and then stops.
That does not mean every article needs a full-screen feed. It means the video experience should match the gesture the reader is already using. A vertical card inside the story that opens a swipeable feed is one way to do it. A row of story bubbles at the top of a section front is another. We describe the options in more detail on our vertical player page.
Ads that respect the thumb earn more attention
An ad that interrupts the thumb’s rhythm is an ad the reader resents. An ad that sits inside the rhythm is one they may actually look at. In practice that means:
- Fewer, better placements rather than a slot every few paragraphs.
- Formats that live inside the content, such as a sponsored story in a vertical feed, instead of units that cover it.
- Stable layouts, so ads never shift the text the reader is following.
These choices also protect page performance, which matters for search visibility as well as for readers.
A simple audit you can run this week
Open three of your most-read articles on a phone, hold it in one hand, and try to do the following without using your other hand:
- Start the main video.
- Move to a related story.
- Share the article.
- Get back to the section front.
Every time you have to stretch, pause or reach for your second hand, you have found a small leak in the experience. Fixing those leaks is rarely expensive, and it usually shows up in session length first.
Where to go from here
Designing for thumbs is less about new technology than about respecting how people actually hold their phones. Start with the first screen, stabilise the layout, and make video feel native to the device. If you want to see what a phone-first video experience looks like on a publisher page, get in touch and we will walk you through it with your own content.
