The Thumb Test: Design Emails That Work on a Phone
Your subscribers often read on a phone, one-handed and in a hurry. Run this simple thumb test to fix tiny buttons, cramped text and heavy images.
Open your last newsletter on your phone. Hold it in one hand, the way you would on a tram or in a queue. Now try to read it and tap the button. If that felt like work, your subscribers felt it too.
Mobile email design does not need a full redesign or a developer. It needs a short routine you run before every send. We call it the thumb test: five quick checks, about ten minutes, done on a real phone rather than a desktop preview.
Why a real phone beats a preview
Preview windows show you layout. They do not show how your thumb, your eyes and a slow connection behave. A phone in your hand does. Use the phone you actually own and, if you can, borrow a second one with a different screen size.
Check 1: Read it at arm's length
Hold the phone at a normal reading distance, not an inch from your face. Can you read the body text without zooming? As a guide, body text of around 16 px (pixels, the tiny units screens are built from) is comfortable. Much smaller and people pinch and squint, or simply give up.
Headlines should be clearly larger than the body text, so the structure is visible at a glance. Also look at the layout. On a phone, a single column is almost always the best choice. Two or three columns get squeezed into slivers or stacked in an odd order.
Check 2: Tap every link with your thumb
Using only your thumb, tap each button and link. Notice a few things:
- Do you hit the wrong link by accident? Links placed close together are the usual cause.
- Is the main button wide and tall enough to tap without aiming? A good button is about as wide as the text column and as tall as a fingertip.
- Does the button say what happens next, such as “Book your table”, rather than “Click here”?
Small text links buried inside paragraphs are the worst offenders. Keep them for extras and give your main action a proper button with space around it.
Check 3: Turn the images off
Many email apps hold back images until the reader allows them, and slow connections load them late. Switch images off in your email app, or look at a test email before loading the pictures. Then ask:
- Does the email still make sense?
- Is your main message real text, not words baked into a picture?
- Does every meaningful image have alt text (a short written description that appears when the picture does not)?
A button made from an image disappears when images are off. A button built from text and a background colour stays put. Prefer the second.
Check 4: Look at it in dark mode
Many phones can switch to dark mode, which turns light backgrounds dark. Your email may be adjusted automatically, and that can go wrong: a dark logo vanishes on a dark background, or a picture sits in an ugly white box.
Switch your phone to dark mode and look. The fixes are usually simple. Use a logo with a transparent background that reads well on both light and dark, and avoid pale grey text that only works on white.
Check 5: The five-second skim
Hand the phone to a colleague, or look at it yourself after a short break, and give it five seconds. Then ask: what is this email about, and what am I meant to do? If the answer is fuzzy, the email has too many ideas. Cut the second and third idea, or move them below the main action.
Pay special attention to the top. On a phone, the first screen decides whether the rest gets read. Put your most important line and your main button within the first scroll or two, not underneath a huge banner.
Six quick fixes that solve most problems
- Use a single-column layout.
- Set body text to about 16 px and keep paragraphs to two or three lines.
- Make buttons wide, with clear space above and below.
- Keep images few and compressed. One strong image beats five average ones.
- Write alt text for every image that carries meaning.
- Keep the whole email short enough to scroll through comfortably.
Make it a habit
Write the five checks on a card and keep it by your desk. Run through them before each send and note anything you changed. After a few emails you will start spotting the problems while you are still designing, which is exactly where they are cheapest to fix.
It also helps to keep a note of what your own audience seems to respond to. If you notice that emails with one clear button get more clicks than busy ones, make that your house style.
If you build your emails in CARIO Mail, send a test to your own phone first and run the thumb test on that. It takes a few minutes and catches what a desktop screen never will. Do it every time, and your readers will quietly notice that your emails are easy to read, easy to act on and a pleasure to open.