Definition
Email device targeting goes beyond responsive design by recognising that subscribers use different devices with different capabilities, screen sizes, interaction patterns, and rendering engines. Device targeting encompasses responsive layout adaptation, touch-friendly design for mobile and tablet, email client-specific CSS and fallbacks, image and font loading optimisation per device, and CTA sizing for finger versus mouse interaction.
Key Considerations
- Mobile devices account for over 50% of email opens in most sectors
- Touch targets should be at least 44x44 pixels for reliable tap interaction
- Gmail and Apple Mail handle CSS differently, requiring careful testing
- Image loading behaviour varies by device and connection speed
- Dark mode support is increasingly expected on mobile devices
- Preview pane rendering differs significantly between desktop and mobile clients
Best Practices
- Design mobile-first with desktop enhancement rather than desktop-first with mobile adaptation
- Test every email on real devices covering the top 5-10 device and client combinations from your analytics
- Use progressive enhancement to deliver richer experiences on capable devices while maintaining core functionality on all
- Monitor device and client distribution trends quarterly and adjust testing coverage accordingly
- Optimise load time for mobile devices where connection speeds may be slower
Related Glossary Terms
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
AMP for Email
AMP for Email is a Google-developed framework that allows email messages to include interactive elements like forms, carousels, accordions, and live content. It turns static emails into dynamic, interactive experiences directly inside the inbox.
Dark Mode
Dark mode in email refers to how email clients render messages when the recipient has dark mode enabled. It affects colour display, image rendering, and readability. Designers use CSS media queries and hybrid coding techniques to control the dark mode appearance.
Drag-and-Drop Email Editor
A drag-and-drop email editor is a visual interface that allows marketers to build email layouts by dragging content blocks into place without writing HTML or CSS code.
Dynamic Content
Dynamic content in email refers to content blocks that change based on subscriber data, behavior, or preferences within a single email send.
Email Accessibility Guidelines
Email accessibility guidelines ensure emails are usable by people with disabilities, following WCAG standards for screen readers, colour contrast, keyboard navigation, and readable content.