Browse by...
Home Resources Blog

When it comes to link and button placement in email newsletters, most of the decision-making seems to revolve around ‘where they can be seen’. However, given the popularity of mobile email clients, should we also consider ‘where they can be tapped’?

Now that a large percentage of us are managing our email using inputs other than a mouse and keyboard, it’s likely time that we considered the ergonomics of email design. Luke Wroblewski’s recent post on responsive navigation got us thinking that the same concerns with link placement as it relates to adaptive design apply to email as they do the web.

U Can’t Touch This: The trouble with touchscreens

From a usability point of view, two features that regularly differentiate emails viewed on touch devices from those opened by the keyboard-and-mouse set are:

  1. Viewport dimensions that are often on the small side (ie. phones)
  2. Buttons, links and content that are not as easy to use on touch screens as they are on other displays

If you browse your email on a mobile device, you’ve likely come across email newsletters that are near-impossible to read and navigate. In most cases, its a matter of a wide layout, or a lot of content forcing the mobile email client to zoom out as to fit it all on a small screen. The result – content and links that are too small to be usable. As Luke’s post mentions:

“…while big touch targets can be comfortably used with a mouse, small mouse size targets can’t be used easily with touch.” Responsive Navigation: Optimizing for Touch Across Devices
‘, Luke Wroblewski

Then, there’s the ergonomic factor. Unlike screens which can be quickly manipulated using a mouse’s wide range of motion, touch interfaces tend to be more or less usable, depending on the posture you assume (eg. thumb typing, using the device with the hand you’re holding it with, or resting it on a table). Again, over to Luke:

“These common patterns of posture create easy to hit and hard to reach touch areas. The area toward the bottom of the screen is easy, whereas the upper corners are a bit of stretch”.Responsive Navigation: Optimizing for Touch Across Devices‘, Luke Wroblewski

Levels of difficulty in touching controls on a mobile screen, by location

Pictured above is Luke’s diagram of what are considered to be ‘Hard’, ‘OK’ and ‘Easy’ touch areas on a mobile device, when used by a right-handed person in a variety of postures. If on opening an email, your primary call-to-action is in an ‘OK’ or ‘Hard’ area, could this have implications for your response rates?

Putting this into practice

Now, it would be silly to radically alter a perfectly good email layout based on this touch area hypothesis alone. However, as we covered in a previous blog post on email usability, aligning your content to the left does already have a proven advantage – being seen. To recap:

“…readers of left-to-right languages (like English) are accustomed to scanning from the top-left first. Keep this in mind when designing two- or more column layouts.”Email usability: The science of keeping it short and sweet‘, Campaign Monitor

This scanning-from-the-left behavior continues as a reader scrolls down a screen, which means links placed in the ‘Easy’ zone are optimal for both reading and tapping.

In the ‘Design techniques’ chapter of our Guide to Responsive Email Design, we make a couple of additional recommendations regarding touch target size and placement, so we highly recommend giving this short chapter a read if you’re interested in making the most of your links.

Finally, we’d like to hear your take on this crazy idea. Should we consider device ergonomics when designing newsletters? Do you struggle to navigate emails, because links are out of reach? How could this affect your response rates? Let us know in the comments below.

This blog provides general information and discussion about email marketing and related subjects. The content provided in this blog ("Content”), should not be construed as and is not intended to constitute financial, legal or tax advice. You should seek the advice of professionals prior to acting upon any information contained in the Content. All Content is provided strictly “as is” and we make no warranty or representation of any kind regarding the Content.
Straight to your inbox

Get the best email and digital marketing content delivered.

Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.


Get started with Campaign Monitor today.

With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.

Try it for free