Il n'y a rien qui me déçoit vraiment autant que lorsque j'ouvre un e-mail que j'attends avec impatience sur mon appareil mobile et que je ne peux pas le lire. Soit les images sont des largeurs codées en dur qui ne répondent pas à l'affichage, soit le texte est si large que je devrais faire défiler d'avant en arrière pour le lire. À moins que ce ne soit critique, je n'attends pas de retourner sur mon bureau pour le lire. Je le supprime.
Je ne suis pas le seul - les consommateurs et les entreprises lisent désormais plus de la moitié de tous leurs e-mails sur des écrans plus petits. Une conception de messagerie réactive est essentielle à vos taux de clics par e-mail.
Depuis que nous avons implémenté des e-mails réactifs sur pratiquement toutes les plates-formes de services de messagerie, nous contactons souvent ces organisations et proposons de les aider. Honnêtement, je n'ai jamais eu de réponse. C'est dommage - ils paient pour une plate-forme pour envoyer un e-mail que personne ne lit. Modifier votre le modèle d'e-mail est facile à justifier. Imaginez marcher jusqu'à l'imprimante à votre travail et jeter la moitié du papier ... c'est ce que vous faites lorsque vous ne répondez pas à vos e-mails.
Les meilleures pratiques ont émergé sur ce marché. La conception réactive n'est pas si simple, mais ce n'est pas impossible non plus. Les gens d'Email Monks nous ont aidés et ils ont suivi cette liste de contrôle éprouvée pour optimiser votre courrier électronique afin de garantir sa réactivité aux fenêtres mobiles et tablettes.
- Conception dans une seule colonne
- Concevoir avec les doigts à l'esprit
- Gardez le Appels à l'action facilement exploitable (44px minimum)
- Utilisez un espace blanc pour un écrémage facile
- Gardez l'en-tête propre
- Optimiser les résolutions d'image pour les écrans Retina
- Ne rassemblez pas les liens, utilisez les boutons
- Fournir numéros de téléphone associés
- Limiter les lignes d'objet à 30 caractères ou moins
- Utilisez des largeurs d'image d'au moins 480 pixels afin qu'elles ne soient pas floues lorsqu'elles sont étirées sur un mobile
- Ne vous contentez pas de redimensionner les images, utilisez des requêtes multimédias CSS
- Limitez la hauteur - les e-mails plus courts sont plus faciles à parcourir
- Gardez les appels à l'action importants au-dessus du pli
- Testez vos conceptions d'e-mails sur les clients de messagerie
This is really an awesome and niche article Douglas! I learnt a lot from this.
Most articles talks about responsive web design, this is the 1st time I’m reading about responsive email design. Really awesome tips and steps you’ve include in here. What email marketing software did you use?
We use our own CircuPress so that we could fully integrate our WordPress site int our emails!