8 astuces de conception pour un courrier électronique stellaire sur de petits écrans

Combien d'utilisateurs ouvrent des courriels de vous sur un téléphone ou une tablette? Cela pourrait être un pourcentage plus élevé que vous ne le pensez. Selon Litmus, qui fournit un logiciel de suivi des courriels, 54% de tous les courriels ont été ouverts sur un appareil mobile en 2016.

Cela veut dire que plus de vos e-mails sont visibles sur un téléphone. Concevez-vous un email qui en tire le meilleur parti? Voici des conseils pour rendre votre conception d’e-mail plus compatible avec les appareils mobiles.

Fossé les colonnes

Même si de nombreux courriels peuvent sembler superbes avec plusieurs formats de colonnes sur les écrans de bureau, ils ne fonctionnent pas sur les appareils mobiles. La plupart des modèles réactifs empilent les colonnes afin que vous puissiez vous retrouver avec des courriels à défilement trop longs ou un flux de contenu fastidieux.

Optez plutôt pour un format à une colonne. De cette façon, vous savez que votre contenu aura une apparence cohérente d’un appareil à l’autre, et qu’il sera facile à lire et à naviguer. Même sur les moniteurs de bureau, le format préféré est une vue sur une colonne, grâce au grand nombre d'utilisateurs affichant les courriels dans des volets de prévisualisation plus petits par rapport au mode plein écran.

Un format à une colonne vous aidera également à concevoir le modèle à pensée unique par courrier électronique. Donnez aux utilisateurs une chose à laquelle réfléchir et une action directe à entreprendre à partir d’un seul e-mail. L'ajout de plusieurs niveaux de messagerie peut provoquer des vertiges chez les utilisateurs ayant une capacité d'attention limitée et les empêchant de se convertir. Facilitez-vous la vie en donnant aux utilisateurs un seul choix.

Utilisez des boutons pour les liens

Les liens de texte en ligne doivent être évités sur les mobiles. Ils peuvent être difficiles à exploiter pour les utilisateurs. Optez pour un bouton à la place. Un bouton est un endroit évident à toucher sur un petit écran et doit être suffisamment grand pour que d'autres éléments ne soient pas activés par erreur.

Utilisez des couleurs vives et un texte descriptif de grande taille pour les boutons afin que les utilisateurs sachent exactement à quoi s'attendre. Les boutons peuvent mener à d'autres sites Web, à des achats, à un partage de contenu ou à un nombre quelconque d'actions. Envisagez l'utilisation de gros boutons de style qui occupent une grande partie de la largeur des petits écrans, de sorte qu'ils soient faciles à atteindre, quel que soit le type d'utilisation d'un périphérique.

Inclure des boutons dans la première partie du défilement. Le repère visuel indique immédiatement aux destinataires que le message comprend une action à prendre.

Augmenter la taille du texte

Le petit texte est un tueur d'email mobile. La plupart des logiciels de messagerie avec des modèles réactifs vont? Augmenter? tailles de texte pour correspondre à la taille d'écran appropriée, mais cela n'arrive pas toujours.

  • Commencez avec une taille de texte d'au moins 14 points pour le corps du texte des courriels. (Et ça ne fait jamais de mal d'aller plus gros; même 16 points est une bonne ligne directrice.)
  • Sautez à 22 points ou plus pour les titres, et choisissez gras ou une couleur pour que le titre se démarque encore plus.
  • Les sous-titres doivent comporter au moins 18 points et peuvent être agrandis en fonction de la taille du titre.

Redimensionner les images

Les images doivent s'adapter à l'écran correctement. Pensez à la forme, à la taille et au contenu des images pour qu'elles soient lisibles sur de petits appareils.

De nombreux courriels incluent un recadrage horizontal distinct sur toute la largeur d'une image qui inclut parfois du texte dans l'en-tête. Cela ne convertit pas nécessairement bien sur des écrans plus petits.

Les images plus grandes et plus carrées seront mieux rendues sur les appareils mobiles. Pensez à utiliser la technique de l'image réactive max-width ou vérifiez auprès de votre fournisseur de service de messagerie, tel que Emma, ​​MailChimp ou Constant Contact, pour connaître les options de redimensionnement d'image disponibles.

Inclure beaucoup d'espace

Augmentez le remplissage autour des éléments et l'espacement des lignes entre les blocs de texte pour faciliter la lecture sur un écran plus petit. Un email lisible est celui qui convertira les utilisateurs.

La chose est la suivante: la minute où un utilisateur ouvre l'e-mail sur un téléphone, ce message est marqué comme lu, ce qui réduit ses chances de revenir sur un autre appareil. Vous ne pouvez donc pas espérer qu'un courrier électronique en désordre, encombré ou difficile à lire rappelle simplement aux utilisateurs de revenir. Ils vont abandonner votre message.

Un espace blanc peut rendre le message plus léger, plus accessible et plus lisible. Il devrait être facile de numériser et de comprendre d'un coup d'œil. Pensez et concevez le moins possible pour obtenir les meilleurs résultats - et cliquez sur les taux.

Envisager le blocage d'images

Le blocage d’images est un réel problème avec le marketing par courriel. Particulièrement pour les utilisateurs professionnels utilisant des clients tels que Microsoft Outlook. Concevoir pour le what-if. Supposons que certains utilisateurs ne verront jamais d'images dans vos courriels.

Faites cela en incluant du texte alternatif pour les images; des boutons à l'épreuve des balles fabriqués avec HTML et CSS, et non comme des fichiers image; équilibre dans la conception et un bon mélange de texte et d'images.

Il y a toute une école de pensée qui n'utilise pas d'images du tout. Et bien que ce ne soit pas la solution pour tout le monde, cela peut être une considération en fonction de notre type de contenu.

Garder les titres courts

Les longs titres semblent encore plus longs sur les petits écrans. Déterminez ce que vous devez dire et faites-le succinctement. Cela s'applique également aux lignes d'objet. Vous devez inciter les utilisateurs dans le petit espace - et le nombre de caractères - de l'aperçu du sujet pour que le message reste ouvert.

Utilisez des verbes actifs et des images fortes pour inciter les utilisateurs. Incluez les mots les plus importants dans les 40 premiers caractères de la ligne d’objet pour maximiser les chances que les utilisateurs le voient avant d’ouvrir le courrier électronique.

Associez les combinaisons sujet / titre. Envisagez une version encore plus condensée d'un titre pour la ligne d'objet. Posez une question avec la ligne d'objet et répondez-la dans le titre. Donnez aux utilisateurs une raison de vouloir en savoir plus et d’interagir avec le courrier électronique que vous fournissez. (Mais n'ayez pas l'air trop spammé, vous éviterez les utilisateurs en un clin d'œil.)

Conclusion

Il n'y a pas de formule magique qui incitera les gens à ouvrir vos emails. Mais il y a de fortes chances que quand ils cliquent pour s'ouvrir, c'est sur un téléphone, il est donc impératif que chaque message ait une belle apparence et soit facile à lire aux petites tailles.

Les tests constituent le meilleur moyen de créer des courriels que les utilisateurs pourront ouvrir sur des appareils mobiles.Chaque public est quelque peu différent. Consultez les e-mails précédents pour déterminer ceux qui affichaient les taux de clics et d’ouverture mobiles les plus élevés. Ont-ils des éléments de conception communs qui les rendent plus attrayants pour les utilisateurs mobiles? Jetez également un œil attentif aux courriels que vous recevez et à leur conception. Que font-ils pour attirer votre attention?