Très bonnes tendances en matière de conception d'e-mails : enregistrement de webinaires + questions-réponses

Vos abonnés sont bombardés de milliers de messages sur divers canaux et il est plus difficile que jamais de faire ressortir votre marque. Une façon de couper à travers le bruit? Impressionnez-les avec un très bon design d'e-mail.

Dans ce webinaire, nous avons examiné les tendances en matière de conception d'e-mails au fil des ans. À quoi ressemblait le courrier électronique au début des années 2000 ? Quelles tendances ont rejoint le cercle des gagnants en 2019 ? Et qu'est-ce qui sera énorme en 2020, voire en 2030 ? L'équipe Really Good Emails s'est jointe à nous pour un voyage dans la mémoire de la conception des e-mails et nous a aidés à faire des prédictions sur ce qui va suivre.

Vous n'avez pas eu la chance de regarder le webinaire en direct ? Ne t'inquiète pas. Vous pouvez accéder à l'enregistrement complet à tout moment et lire les questions-réponses ci-dessous.

Questions et réponses

Un grand merci à tous ceux qui ont répondu au webinaire avec une question ! Voici un récapitulatif de nos réponses aux questions les plus courantes, ainsi que notre point de vue sur certaines des questions auxquelles nous n'avons pas répondu lors du webinaire en direct. Vous avez des questions supplémentaires ? Veuillez les laisser dans les commentaires.

En quoi ces tendances de conception d'e-mails diffèrent-elles entre le B2C et le B2B ?

Mike Nelson : Ces tendances sont cohérentes en B2B, B2C et à but non lucratif. Ce n'est pas parce que vous êtes dans une verticale que vous ne pouvez pas utiliser les idées de conception d'une autre. Le seul secteur vertical qui semble avoir son propre style est celui des e-mails gouvernementaux, qui contiennent généralement beaucoup de texte.

Quelle est la meilleure façon d'utiliser l'espace blanc, maintenant que le mode sombre a tendance à le rendre plus difficile ?

Mike : Cela semble un peu déroutant de l'appeler « espace blanc » alors qu'en réalité, cela signifie simplement un espace vide. Dans ce contexte, peu importe qu'il soit blanc ou sombre, vous voulez juste laisser de la place à chaque élément.

Lily Worth : Je pense que le terme espace blanc est souvent considéré comme un espace négatif, ce qui est pratique car il n'est pas spécifique à la couleur.

Avez-vous des conseils pour inclure des éléments de conception visuelle plus réfléchis dans des e-mails de style texte brut ?

Jason Rodriguez : Pour les e-mails en texte brut, cela se résume vraiment à la hiérarchie, donc ce n'est pas juste une longue goutte de texte que vos abonnés ne regarderont probablement pas. Si vous pouvez créer une numérisation en créant des sections avec des titres différents et en utilisant des poids différents ou du texte de style différent pour faire ressortir ces titres, cela aide également.

Mike : À moins que vous n'écriviez un article long et que vous utilisiez le courrier électronique comme support, essayez de limiter vos paragraphes à quelques phrases. Utilisez des puces là où vous pouvez pour résumer les idées. Utilisez des caractères spéciaux tels que « ################## » pour créer des pauses visuelles entre les idées. Nous avons de bons exemples d'e-mails de style texte et lettre dans cette collection sur RGE .

Lily : Je suis d'accord avec Jason. L'utilisation de différentes tailles et poids de police - et peut-être quelques styles de police différents pour créer une certaine hiérarchie - contribuera à rendre un e-mail numérisable et digeste. Vous pouvez certainement être créatif avec la typographie ; il y a quelques beaux exemples d'e-mails contenant uniquement du texte vers le bas de notre article de blog sur la typographie audacieuse .

Existe-t-il un moyen de rendre l'animation et les GIF animés accessibles ?

Lily : Une animation doit jouer un rôle de support, donc le message clé et l'incitation à l'action doivent exister dans le contenu écrit . Si une animation contient des informations distinctes et importantes, elles doivent être représentées dans une balise ALT.

Pour l'animation elle-même, des taux de clignotement du contenu compris entre 2 Hz et 55 Hz peuvent nuire aux utilisateurs atteints d'épilepsie photosensible. De plus, les utilisateurs malvoyants peuvent avoir des difficultés à lire ou à revoir le contenu d'un GIF avant que l'animation ne change. Assurez-vous que vos GIF animés ont des transitions fluides ou qu'ils ne s'animent pas d'une image à l'autre à un rythme élevé.

Jason : Les GIF sont de nature très décorative pour la plupart des campagnes. Mais si ce GIF ne se charge pas, s'il n'est pas là lorsque vos abonnés ouvrent leur e-mail, votre message a-t-il toujours un sens ? Si quelqu'un utilise un lecteur d'écran pour lire votre e-mail, pourra-t-il comprendre votre message ? Comme Lily l'a dit, si le GIF fournit une valeur non répétitive, assurez-vous de mettre ce message dans une balise ALT afin que tous les abonnés aient accès à cette information.

Proposez-vous des outils pour créer des animations et des GIF ?

Matt Helbig : On voit encore des marques utiliser des outils comme Adobe Photoshop ou After Effects. L'ajout d' animations CSS ou d' effets de survol peut être un bon moyen d'ajouter du mouvement à votre courrier électronique avec quelques lignes de code.

Lily : Pour créer les animations que nous présentons dans les e-mails Litmus, nous utilisons Adobe Animate. Ce logiciel nous permet de créer des animations GIF, PNG et HTML5. Ceux qui ont déjà travaillé avec Flash trouveront ce logiciel familier.

Whitney Rudeseal Peet : Si vous cherchez à implémenter des PNG animés (APNG) , il n'est actuellement pas possible d'enregistrer des animations au format APNG avec Adobe Photoshop ou Adobe Animate. Lorsque nous incluons des APNG dans nos e-mails, nous utilisons Adobe Animate pour créer l'animation, mais nous exportons chaque image en tant que PNG unique. Afin de convertir tous ces PNG individuels en APNG, vous pouvez utiliser un outil comme PNG Animator ou cette alternative gratuite de ezgif.com .

Les illustrations personnalisées sont-elles utilisées pour les audiences B2B et B2C, ou principalement B2C ?

Mike : Ils sont à peu près égaux. Les exemples que nous avons utilisés dans le webinaire semblaient peut-être plus axés sur le grand public, mais ils provenaient tous d'entreprises B2B : Mailchimp (vente de services de messagerie à d'autres entreprises), HelpScout (vente de technologie de service client aux entreprises) et Bulb (vente d'énergie aux entreprises) .

Jason : Comme tout ce qui se passe dans les e-mails, cela dépend de votre marque et de votre public, ainsi que de votre objectif pour chaque campagne. Donc, si vous êtes dans l'une de ces industries où des choses comme les illustrations personnalisées peuvent être perçues comme moins sérieuses, alors ne les utilisez pas. Mais gardez à l'esprit qu'il existe également des opportunités de perturber l'industrie. Des marques comme Simple ou Stripe dans le secteur financier adoptent certaines tendances de conception plus récentes, car elles peuvent représenter plus clairement des concepts abstraits et donner un peu de personnalité à leurs marques. Alors ne dites jamais jamais.

Y a-t-il encore des problèmes avec le rendu des fonctionnalités interactives sur les clients de messagerie ?

Whitney : Pour de nombreuses entreprises, le support incohérent et limité des fournisseurs de boîtes de réception est la principale raison pour laquelle ils n'envoient pas d'e-mails plus interactifs. Malheureusement, c'est toujours le cas pour des fonctionnalités telles que les effets de survol et les carrousels d'images interactifs. Dans cet esprit, si vous souhaitez toujours mettre en œuvre l'interactivité, vous n'avez pas à craindre un support limité si vous avez mis en place une solution de secours. Consultez notre article de blog sur les solutions de secours pour les e-mails interactifs pour commencer.

Qu'en est-il du mode sombre pour une meilleure expérience d'accessibilité ?

Mike : Il y a encore beaucoup de recherches en cours dans cet espace. Dire que le "mode sombre" est plus facile pour les yeux car une déclaration générale n'est pas correct, mais cela aide certains - et peut être pire pour d'autres comme ceux qui souffrent d'astigmatismes sévères. Pour ceux qui ont du mal à dormir, l'utilisation du mode sombre le soir s'est avérée plus utile que des écrans plus lumineux, ce qui peut avoir un impact sur vos rythmes circadiens. Le mode sombre est également généralement considéré comme moins distrayant et utilisé pour aider les gens à se concentrer . Mais, si le contraste est trop fort — vrai fond noir et vrai texte blanc, par exemple — c'est plus difficile à lire pour les personnes dyslexiques. Cela peut être atténué en utilisant toujours un fond sombre, mais en utilisant quelque chose comme du gris foncé avec une couleur crème pour la police.

Comment pensez-vous que ces tendances en matière de design pourraient fonctionner avec un public plus âgé, 65 ans et plus ?

Mike : Nous n'avons pas couvert cela spécifiquement, mais les e-mails que nous avons présentés sur le webinaire et que nous voyons sur Really Good Emails augmentent considérablement la taille de leur police par rapport à il y a quelques années à peine. C'est quelque chose que les personnes âgées embrassent. Il existe également une familiarité avec la direction que prennent les tendances avec le Bauhaus et le design suisse.

Lily : Comme le suggère Mike, les styles rétro qui devraient être populaires en 2020 sont susceptibles d'être nostalgiques pour une population plus âgée. La simplification est également susceptible d'être utile à votre public, car les e-mails deviennent encore moins encombrés, ce qui rend le message et l'appel à l'action beaucoup plus faciles à lire et à comprendre.

Bien que la typographie soit un excellent moyen de se démarquer, il est difficile de justifier le fait que de nombreuses polices ne sont pas prises en charge par les clients de messagerie. Pensez-vous que cela va bientôt changer ?

Lily : Malheureusement, il n'est pas possible de savoir si davantage de support sera déployé pour les polices Web, mais nous aimerions certainement que cela se produise. Cet outil pratique peut vous aider à trouver la bonne solution de secours à utiliser avec votre police Web, en attendant.

Comment pensez-vous que la personnalisation va évoluer en ce qui concerne certaines de ces nouvelles tendances ?

Matt : Nous nous attendons à voir plus de marques personnaliser chaque section d'un e-mail. Les clients échangeront des données pour une meilleure expérience. Des rapports faciles à comprendre, des offres uniques et des remerciements font que les clients se sentent VIP. Les spécialistes du marketing par e-mail doivent transformer les données des clients en ce qui est le plus utile et le plus pertinent pour les abonnés.

De plus, voici toutes les collections Really Good Emails pour les tendances que nous avons couvertes dans le webinaire :

• Illustrations personnalisées
• Conception visuelle plus réfléchie
• Conceptions plus sombres
• Des couleurs plus vives
• Courriels animés