Dans ce didacticiel, nous expliquerons comment concentrer vos efforts sur les clients de messagerie et les clients de messagerie Web utilisés par votre public cible..
Remarque: ce tutoriel fait partie de toute une semaine de contenu de messagerie électronique sur Tuts + Web Design - consultez le guide d'apprentissage de Mastering HTML Email pour plus d'informations!
1. Comprendre l'importance d'une stratégie
Votre public cible a accès à un large éventail de clients de messagerie, de clients de messagerie Web et de périphériques, et, comme il n’existe aucun courrier électronique équivalent aux normes W3C, la manière dont ils exploitent vos campagnes de courrier électronique varie en fonction de ce qu’ils utilisent pour les afficher et de ce qu’ils consultent. utilise pour interagir avec eux.
Par exemple, ils pourraient utiliser:
Microsoft Outlook, qui ne lit pas les GIF animés au-delà de la première image.
Gmail, qui ne rend pas les polices Web.
iOS Mail, qui Est-ce que jouer des GIF animés, et Est-ce que restitue les polices Web, mais rend également certains contenus sous forme de liens bleus ou gris!
Par conséquent, pour offrir une expérience utilisateur exceptionnelle à votre public cible, vous devez élaborer une stratégie de conception et de développement de messagerie prenant en compte les clients de messagerie et les clients de messagerie Web utilisés. Une solution qui vous permette d’exploiter au mieux leurs capacités et de surmonter (avec un ou deux piratages d’e-mail) leurs fonctionnalités les plus difficiles et les plus difficiles.
La question qui se pose est la suivante: comment faire cela, alors que votre public cible pourrait utiliser un nombre quelconque de clients de messagerie et de clients de messagerie Web, sur un nombre quelconque de périphériques? La réponse est d'utiliser un outil d'analyse de courrier électronique pour déterminer ceux qu'ils utilisent..
2. Découvrez quels clients votre public utilise
Les outils d'analyse des e-mails, tels que ceux trouvés dans Litmus et Email on Acid, suivent les campagnes par e-mail individuelles et créent un rapport pour ces campagnes, fournissant des données précieuses sur le client de messagerie et le client de messagerie Web, ainsi que des données sur le dispositif, le système d'exploitation et l'engagement. Pour générer et accéder à ces données, vous devez créer un lien de suivi unique dans l'outil, pour chacune de vos campagnes par e-mail, et l'intégrer dans chaque e-mail HTML respectif. Cela pourrait ressembler un peu à ceci:
Une fois que vous avez envoyé votre campagne email, avec la pisteAvec ce lien intégré, vous verrez apparaître des données dans son rapport d’analyse des courriels. Vous devrez prévoir suffisamment de temps pour que suffisamment de votre public cible puisse ouvrir votre campagne de courrier électronique, afin d'obtenir une image précise de la façon dont ils l'ont visualisé et consulté..
Récapitulatif du rapport Litmus Analytics, montrant les données du client de courrier électronique et de messagerie Web.
Au fur et à mesure que vous envoyez de plus en plus de campagnes par courrier électronique à votre public cible, vous constaterez que des tendances apparaissent dans vos rapports d'analyse du courrier électronique, ce qui vous permet d'identifier les clients de messagerie et les clients de messagerie Web les plus populaires parmi votre public cible, ainsi que les clients les plus populaires. moins. Cela vaut la peine d'indiquer ici qu'il est déconseillé de formuler votre stratégie de conception et de développement de courriers électroniques sur un rapport, car il peut s'agir d'une anomalie. Commencez par un minimum de trois..
Vous êtes maintenant prêt à analyser vos rapports d'analyse des courriers électroniques et à définir les clients de messagerie et les clients de messagerie Web sur lesquels votre stratégie sera formulée..
3. Déterminez les clients pour lesquels planifier
Commencez par analyser les rapports de votre outil d'analyse de messagerie, en vous concentrant principalement sur les clients de messagerie et les clients de messagerie Web utilisés par votre public cible pour ouvrir vos campagnes de messagerie. Identifiez les clients de messagerie électronique et Web les plus populaires de votre public cible, indiqués par le pourcentage de popularité enregistré par rapport à chacun..
Les clients de courrier électronique et de messagerie Web les plus populaires.
Les clients de messagerie et les clients de messagerie Web les plus populaires doivent être considérés comme les «clients principaux» de votre public cible, et ceux pour lesquels vous devez formuler votre stratégie de conception et de développement de la messagerie. À titre indicatif, leur pourcentage de popularité collective devrait totaliser un minimum de 60 à 70% et être composé de deux ou trois clients de messagerie électronique et / ou de messagerie Web..
Les 30 à 40% restants doivent être considérés comme les «clients secondaires» de votre public cible..
Votre stratégie de conception et de développement du courrier électronique doit donc être formulée de manière à fournir les éléments suivants aux «clients principaux» de votre public cible:
Assurez-vous que vos campagnes par courrier électronique soient parfaitement rendues.
Assurez-vous que vos campagnes par courrier électronique sont faciles à interagir, par exemple en utilisant des boutons que vous pouvez sélectionner dans toute leur zone..
Exploitez, dans la mesure du possible, les fonctionnalités des clients de messagerie électronique et Web qui ajoutent de la valeur à l'expérience de l'abonné.
Et proposez ce qui suit aux «clients secondaires» de votre public cible:
Assurez-vous que les messages et les appels à l'action de votre campagne de messagerie sont clairs et, même s'ils ne sont pas parfaitement reproduits, ou exactement de la même manière que les "clients principaux", ne perdez pas trop de temps à dormir dessus..
Assurez-vous que vos campagnes par courrier électronique sont faciles à interagir.
Après avoir défini les «clients principaux» et les «clients secondaires» de votre public cible, vous êtes presque prêt à commencer à formuler votre stratégie de conception et de développement de messagerie. Cependant, avant de le faire, vous devez comprendre leurs caractéristiques uniques pour vous assurer de leur offrir une excellente expérience d'abonné..
4. Identifiez les «clients principaux» et «secondaires»
Bien comprendre vos clients principaux et vos clients secondaires vous permet de prendre de bonnes décisions en matière de conception et de développement, lors de la formulation de votre stratégie de conception et de développement du courrier électronique..
Bien qu’elles ne soient pas exhaustives, voici certaines des caractéristiques et des fonctions prises en charge par certains des clients de courrier électronique et de messagerie Web les plus populaires. Il vaut la peine de préciser ici que certaines des caractéristiques par défaut peuvent être améliorées ou surmontées à l'aide de piratages de courrier électronique..
Caractéristiques de conception et fonctionnalités prises en charge
Client de messagerie / Client Webmail
Conception Caractéristiques et fonctionnalités prises en charge
Microsoft Outlook
Disposition fixe non réactive
Pas de polices web
Aucun GIF animé
Pas d'images d'arrière-plan (sans implémenter le piratage des images d'arrière-plan blindé)
iOS
Mise en page réactive
Polices Web
GIF animés
Images de fond
Affiche du contenu (nombres, dates et termes associés tels que jusqu'à ce que), Sous forme de liens bleus ou gris (sans implémenter le hack de lien bleu)
Gmail
Mise en page réactive
Pas de polices web
GIF animés
Images d'arrière-plan (sauf sur l'application Gmail pour les abonnés disposant d'un compte autre que Gmail)
Caractéristiques de développement et fonctionnalités prises en charge
Client de messagerie / Client Webmail
Développement Caractéristiques et fonctionnalités prises en charge
Microsoft Outlook
A besoin
s pour créer une structure de courrier électronique
iOS
Les soutiens
s et / ou
s pour créer une structure de courrier électronique
Gmail
Les soutiens
s et / ou
s pour créer une structure de courrier électronique
Nécessite le CSS en ligne pour le style des éléments essentiels sur certaines versions, y compris Gmail sur Android 5.1, Gmail sur Android 6.1 et Gmail App IMAP
Après avoir défini quels sont les clients principaux et secondaires de votre public cible et avoir compris leurs caractéristiques, vous êtes prêt à formuler une stratégie de conception et de développement du courrier électronique..
5. Formulez votre stratégie de conception et de développement
En exploitant les connaissances acquises dans vos rapports d'analyse des e-mails et votre compréhension des différents clients de votre public cible, vous pouvez désormais formuler votre stratégie. N'oubliez pas que votre objectif est de fournir une expérience utilisateur exceptionnelle à votre public cible. Si vous avez plusieurs publics cibles, vous devrez créer une stratégie pour chacun d'eux..
Qu'est-ce qu'une stratégie de conception et de développement du courrier électronique?
Une stratégie de conception et de développement comprend quatre éléments clés; chacun informé et influencé par le client principal du public cible. Les éléments clés sont:
Une approche du design.
Une approche du développement.
Une approche de toutes les améliorations progressives.
Une logique, décrivant la pensée derrière la stratégie.
Exemple de stratégies
Voici quelques exemples de stratégies, basées sur des publics cibles réels, avec les clients de messagerie électronique et Web qui influencent chaque approche indiquée entre parenthèses..
Stratégie n ° 1
Clients primaires
Microsoft Outlook (50%) Messagerie iOS (20%) Gmail (10%)
Conception
Mise en page fixe (Microsoft Outlook) et mise en page réactive (iOS Mail / Gmail sur mobile)
Polices Web sécurisées (Microsoft Outlook) (elles seront remplacées par des polices natives sur Gmail sous Android)
Développement
structure ou
structure enveloppé dans fantôme
structure (Microsoft Outlook / iOS Mail)
Titre et titres taille de police dimensionné pour s’adapter à la fenêtre mobile, avec @médias requête utilisée pour agrandir taille de police pour le bureau (Gmail)
Amélioration progressive
Polices Web, style similaire aux polices Web sécurisées pour préserver l'intégrité de la conception (messagerie iOS)
Raisonnement
Comme la majorité du public cible utilise Microsoft Outlook, un fixé client de messagerie électronique, les courriers électroniques doivent être conçus principalement pour être visualisés sur le bureau et pour interagir avec eux. Son manque de prise en charge des polices Web signifie également que des polices Web sécurisées doivent être utilisées. Des techniques d’amélioration progressive peuvent être mises en œuvre pour exploiter certaines des fonctionnalités de conception et de développement utilisées par les autres clients de messagerie et webmail utilisés par cette audience cible, telles que les polices Web sur iOS Mail et les GIF animés sur Gmail, bien que des piratages de messagerie appropriés soient nécessaires. être mis en œuvre pour s'assurer que Microsoft Outlook ne rend pas les polices de secours en tant que Times.
Stratégie n ° 2
Clients primaires
Messagerie iOS (40%) Gmail (30%)
Conception
Mobile
Mise en page réactive (messagerie iOS / Gmail sur mobile)
Polices Web ou polices Web sécurisées (elles seront remplacées par des polices natives sur Gmail sur Android)
Développement
structure ou
structure enveloppé dans fantôme
structure (si l'un des "clients secondaires" est Microsoft Outlook)
Titre et titres taille de police dimensionné pour s’adapter à la fenêtre mobile, avec @médias requête utilisée pour agrandir taille de police pour le bureau (Gmail)
Amélioration progressive
Polices Web, style similaire aux polices Web sécurisées pour préserver l'intégrité de la conception (messagerie iOS)
Raisonnement
Comme la majorité du public cible utilise la messagerie iOS, vous pouvez être plus créatif, car vous disposez de davantage de fonctionnalités de conception et de développement à exploiter, telles que la possibilité d'utiliser des polices Web pour votre titre et vos titres. L'utilisation de Gmail est plus importante parmi ce public cible, mais en raison de la mise en cache des images de Google, il est impossible d'identifier la version utilisée et de savoir si elle prend en charge les CSS internes. Ainsi, comme pour la stratégie n ° 01, le courrier électronique doit être développé pour fonctionner sur mobile sans s'appuyer sur les CSS internes et @médias des requêtes.
Que sont les tableaux fantômes?
Les tables fantômes sont
les éléments créés pour être rendus dans Microsoft Outlook uniquement. En tant que tel, leur ouverture
,
et
balises, et leur fermeture
,
et
balises, sont enveloppées dans des commentaires conditionnels de Microsoft - par exemple.
Ils sont utilisés pour vous permettre de créer des emails pour Microsoft Outlook, tout en vous permettant de construire des emails pour d'autres clients de messagerie et de messagerie Web avec
s. Construire des emails avec
s, veille à ce que vos e-mails soient accessibles et vous permette de bénéficier de la souplesse de travail avec
s offres, telles que pouvoir utiliser le flotte propriété.
Conclusion
Comme vous l'avez découvert dans ce didacticiel, il est important de disposer d'une stratégie de conception et de développement du courrier électronique si vous souhaitez offrir une expérience utilisateur exceptionnelle à votre public cible. Il est également important de réexécuter et d'analyser régulièrement les rapports dans votre outil d'analyse des courriers électroniques, car votre public cible peut très bien changer de temps à autre son client de messagerie ou son client de messagerie Web..