• • • LISEZ pendant 5 minutes

Commencer à concevoir des newsletters par e-mail n’est pas difficile si vous savez ce que font les pros. Cet article traite de cinq pratiques clés de conception de newsletter par e-mail qui vous aideront à vous sentir confiant lors de vos premiers projets. Contrairement à la conception Web ou à la conception d’interface utilisateur, le courrier électronique présente certaines limites en raison de la technologie qui le prend en charge. Lorsque vous êtes conscient de ces limitations, il est plus facile de créer de superbes newsletters par e-mail à conversion élevée.

Mis à part les limitations technologiques, les conceptions de courrier électronique suivent le même état d’esprit que tout autre projet de conception Web. Vous devez toujours prendre en compte des éléments tels que:

  • Accessibilité
  • Tailles d’écran et de fenêtre
  • Bande passante
  • Conception réactive
  • Expérience utilisateur
  • Contrôle de qualité
  • Tests A / B

Après tout, recevoir et lire un e-mail est une interaction en ligne entre une entreprise et le public. Ces bonnes pratiques vous donneront le bon espace pour créer votre premier design de newsletter par e-mail en toute confiance!

1. Gardez la largeur à 600 px

De nombreux écrans avaient une résolution de 1024 pixels. Et nous n’avions pas de belles conceptions d’interface utilisateur pleine largeur pour de nombreuses applications de messagerie comme nous le faisons avec Gmail aujourd’hui. À l’époque, les développeurs devaient choisir une largeur d’e-mail qui correspondait à la technologie et aux capacités d’affichage des résolutions 1024px. Une largeur de 550 à 600 pixels semblait être un bon choix.

C’est toujours vrai.

Pourquoi utiliser 600px aujourd’hui? Vous ne pouvez pas garantir que vos e-mails seront affichés en pleine largeur. perspectives est l’application de bureau de messagerie par défaut depuis de nombreuses années. Même aujourd’hui, l’annonce par e-mail peut occuper moins de 50% de l’écran.

Générateur de modèles d’e-mails en ligne

Avec Des cartes postales Vous pouvez créer et modifier des modèles d’e-mails en ligne sans aucune connaissance en programmation! Comprend plus de 100 composants pour vous aider à créer des modèles de courrier électronique personnalisés plus rapidement que jamais.

Essayez-le gratuitementAutres produits

Campaign Monitor a mené une enquête auprès des concepteurs et des développeurs d’e-mails et a constaté que la plupart d’entre eux utilisent des largeurs d’e-mail de 550 à 650 pixels. Alors que 2% des répondants ont utilisé une mise en page fluide, c’est également très bien car elle est flexible quelle que soit la largeur de la fenêtre. Cependant, à moins que vous ne prévoyiez de créer un e-mail fluide, il serait préférable de s’en tenir à 600 pixels comme meilleure pratique.

Gardez la conception simple, propre et simple

La bonne nouvelle est la plus Leader de l’industrie du marketing par e-mail B. MailChimp, Campaign Monitor et Litmus utilisent une largeur standard de 600 pixels dans leurs modèles d’e-mails réactifs. Cartes postales de Designmodo Utilise également une largeur de 600 pixels pour les e-mails de bureau.

2. Gardez la conception simple, propre et simple

En ce qui concerne la conception visuelle pour le Web, comme: Page de destination ou une application Web, simple et propre est essentielle à une expérience utilisateur améliorée. Il en va de même pour la conception des newsletters par e-mail. Les e-mails chargés peuvent être intimidants et difficiles à analyser ou à comprendre. Garder un e-mail visuellement simple, quelle que soit sa durée, peut grandement améliorer la compréhension, augmenter les taux de clics et réduire le temps nécessaire pour lire l’e-mail. Cela peut également aider à améliorer les taux d’ouverture au fil du temps, car il ne coupera pas les gens des types d’e-mails qu’ils reçoivent de votre entreprise.

« La conception visuelle est le mécanisme par lequel nous interagissons avec les abonnés. » – Jason Rodriguez

Les e-mails visuellement simplifiés améliorent l’expérience de lecture et, au fil du temps, affectent également les taux de rétention des abonnés et les taux d’ouverture. Comme pour toute autre interaction en ligne, vous ne disposez que de quelques millisecondes pour capter et retenir l’attention d’un abonné. Un e-mail chargé ne fait pas la meilleure première impression. Cela intimide et fait avancer les gens rapidement. Si quelqu’un a une expérience négative la première fois, il est beaucoup plus susceptible de se désabonner immédiatement ou de ne plus jamais ouvrir un e-mail de votre part.

Meilleures pratiques pour la conception de bulletins électroniques pour les débutants

Conseils pour améliorer l’expérience utilisateur des e-mails:

  • Limitez autant que possible le nombre de mots, de copies et de contenu.
  • Présentez immédiatement les points de valeur de votre e-mail.
  • Visez un processus fluide et Lisibilité.
  • La longueur de ligne optimale pour un e-mail est 50 à 80 caractères pour la copie de texte.
  • Assurez-vous que le contrat est élevé. Ceci est particulièrement utile pour l’abonné malvoyant, ainsi que pour toute personne qui consulte votre courrier électronique sur son téléphone en plein soleil.
  • Évitez les images d’arrière-plan. De nombreux fournisseurs de messagerie comme Outlook ne les prennent pas en charge.
  • Utiliser polices Web sécurisées et soyez prudent en ce qui concerne les tailles de police. 14px pour les copies de texte et 22px pour les titres sont bonnes tailles de police minimales.

«Le lecteur adulte moyen peut lire 250 à 300 mots par minute. Si le temps de lecture moyen d’un e-mail est de 11 secondes, la longueur idéale d’un e-mail est d’environ 50 mots. « – Tom Tate, AWeber

3. Conception pour l’accessibilité

Si nous Conception d’accessibilitéNous impliquons beaucoup plus d’utilisateurs dans l’expérience de notre conception. Cela inclut les e-mails. Créer des e-mails accessibles vous permet d’atteindre plus de personnes que vous n’atteindriez pas autrement, ce qui rend la campagne par e-mail beaucoup plus efficace.

Que pouvez-vous faire pour améliorer l’accessibilité de la conception de votre newsletter par e-mail?

Évitez les fichiers volumineux pour les images, car leur chargement peut prendre une éternité. Cela n’est pas particulièrement utile si vous ne disposez que de millisecondes avec une visionneuse. Vous ne voulez pas désactiver vos abonnés en les faisant attendre pour voir vos e-mails ou en leur faisant payer pour les données que votre grande image vient de gaspiller sur eux.

Conception d'accessibilité

De nombreux utilisateurs de messagerie ont désactivé les images par défaut. C’est une autre excellente raison de toujours inclure une sauvegarde de texte pour toutes les images que vous prévoyez d’utiliser, y compris les logos ou les icônes sociales.

Lorsque nous concevons d’abord avec l’accessibilité plutôt qu’avec une conception ultérieure, l’expérience globale de la conception est améliorée. C’est parce que nous sommes obligés de concevoir une conception inclusive dès le départ. Regardez facilement vos métriques et vos KPI s’améliorer tout en offrant une excellente expérience utilisateur à tous les abonnés, qu’ils aient une faible bande passante, une basse vision ou d’autres handicaps.

4. Expérience mobile optimisée

Avec e-mails réactifsQuelques options s’offrent à vous, telles que: Par exemple, l’utilisation de requêtes multimédias et de designs réactifs ou une conception fluide de newsletter par e-mail. Cependant, avez-vous envisagé de créer deux e-mails distincts? Celui qui vise explicitement une expérience mobile optimisée et celui qui vise une expérience de bureau optimisée? Avec des technologies comme AMPest-ce que c’est Plus facile de personnaliser les expériences de messagerie.

La plupart du temps, nous prenons la copie et le contenu de l’e-mail de bureau et les empilons les uns sur les autres pour la version mobile. Ce sont les paramètres par défauts Méthode de conception de courrier électronique réactif. Cela peut sembler doubler le travail, mais il peut être rationalisé une fois que vous avez compris. La raison pour laquelle je suggère cette méthode est que les appareils mobiles sont, en fait, une expérience très différente de l’utilisation d’un ordinateur. Avec une expérience de messagerie mobile hautement optimisée, il existe un potentiel important pour avoir un impact positif sur vos métriques de messagerie mobile.

5. N’oubliez pas de tester

Vérifiez toujours la conception de votre newsletter avec tous les navigateurs et applications. Vous pouvez utiliser un service comme MobileTest.me, tournesol, ou alors Mailgun. Les tests de contrôle qualité sont importants.

De plus, vous devez Effectuer des tests A / B réguliers pour l’optimisation métrique. Testez les mises en page les unes par rapport aux autres pour trouver celle qui convient le mieux à votre public et à vos abonnés. Testez vos offres, lignes d’objet, promotions ou autres copies, contenus ou conceptions visuelles. Ce n’est pas parce que vous avez conçu un e-mail fantastique qu’il ne peut pas être amélioré et modifié!

Conclusion

Après avoir parcouru cette liste de cinq meilleures pratiques pour la conception de newsletters par courrier électronique, vous êtes probablement convaincu que vous commencez votre prochain projet de conception de courrier électronique. Si vous avez déjà travaillé sur un projet UX, UI ou de conception de produit, vous constaterez peut-être que les idées pour créer de superbes newsletters par courrier électronique sont assez similaires. Tout se résume à obtenir une expérience utilisateur de messagerie correcte et à vous assurer de tester fréquemment les e-mails.



Source link

Recent Posts