Principes de base du marketing par e-mail : Concevoir des mails efficaces

1. Introduction: Je m'appelle Fabio Carneiro. Je suis le développeur de courriels principal pour MailChimp. Je pense qu'à ce stade de ma carrière, j'ai codé à la main... Je pense que c'est un peu plus de 1100 emails. C' est probablement trop, c'est beaucoup. Aujourd'hui, nous allons parler de la façon de concevoir des courriels plus efficaces. Le design est important et ce n'est pas seulement peluches. La recherche a montré que les gens suppriment les courriels laides. Donc ça vaut la peine de faire l'effort pour les rendre beaux. Rappelez-vous que vous essayez de créer une impression, de créer la confiance et faire quelque chose que les gens voudront lire et que vous voudrez revenir vers vous au fil du temps. Peu importe si vous êtes un spécialiste du marketing, un rédacteur, un développeur, un concepteur, ou si vous dirigez votre propre entreprise, cela vous sera utile simplement parce qu'il vous donnera un bon aperçu au niveau du terrain de ce courriel la conception est. Les difficultés inhérentes à celui-ci. Comment faites-vous bien ? Et une sorte de ce qui va dans ça. Ainsi, à la fin de cette classe, vous connaîtrez la différence entre la conception du courrier électronique et la conception du Web, vous serez en mesure de déterminer la conception et d'assumer le but de l'e-mail et vous comprendrez certains des principes de la conception du courrier électronique réactif. Si vous commencez tout simplement avec le courrier électronique, je vous recommande de consulter la première classe de MailChimp sur SkillShare, commencer avec le marketing par e-mail. 2. Votre projet: Le projet de cette classe est de partager dans le courrier électronique quel design vous a fait prendre une action, ou vous a fait sentir quelque chose. Donc, je vous recommande de partager une image d'un e-mail, quelque chose que vous avez trouvé efficace, puis d'écrire une brève description de la raison pour laquelle vous pensez que c'est un e-mail bon et efficace. Cela ne devrait prendre que quelques minutes. Utilisez simplement votre propre boîte de réception. Nous recevons tous des tonnes de courriels tous les jours. Donc, il devrait être assez simple d'entrer et d'en trouver un qui est assez efficace et qui, selon vous, fonctionne bien. Lorsque vous cherchez un exemple de bon e-mail, posez-vous quelques questions à ce sujet. Est-ce que l'e-mail a un but spécifique ? Son contenu est-il approprié à cette fin ? Est-il adapté aux mobiles ou réactif ? Toutes ces choses sont des éléments constitutifs de ce qui rend un e-mail bien paraître. Donc, en construisant cette galerie d'e-mails, vous créez essentiellement une page d'inspiration. Vous pouvez voir ce que les autres pensent bien fonctionner, vous obtenez des idées pour vos propres conceptions de courriels, et vous pouvez simplement obtenir une meilleure vue de ce qui fonctionne bien, ce à quoi les gens répondent, puis implémenter ces choses dans votre propre travail. Si vous concevez vos propres courriels, vous pouvez les partager et demander à d'autres étudiants de nous faire part de leurs commentaires. Essentiellement, ce que vous faites dans un grand poste est d'enseigner aux autres. C' est la meilleure chose que vous pouvez faire, c'est aider les autres à être meilleurs. 3. Présentation générale: Donc, l'une des premières grandes questions à répondre est, quelle est la différence entre la conception de l'email et la conception web ? Et c'est en fait un gigantesque gouffre de différence. Un design web est différent et il y a une sorte de construction pour tout le monde approche. Les sites Web ont tendance à être plutôt généraux parce qu'il y a tout un public qui peut venir à vous et vous ne savez pas toujours qui ils sont. Mais le courrier électronique est en fait l'inverse. L' e-mail est très intime et très ciblé et vous permet de rapprocher votre public de près et parce que vous connaissez votre public, vous pouvez réellement rendre votre contenu beaucoup plus pertinent et efficace. D' un point de vue technique, conception de la messagerie électronique est différente de la conception Web parce qu'elle n'est pas soutenue par les normes actuelles établies par le W3C et parce que vous devez prendre en charge les clients plus âgés, ce qui signifie que vous allez être en construisant des tables au lieu de divs et en utilisant vraiment des techniques plus anciennes qui étaient plus populaires à la fin des années 2000 qu'elles ne le sont aujourd'hui. Malgré la différence entre la conception du web et de l'email, il existe des principes qui se traduisent. C' est juste une question de savoir si oui ou non ils traduisent complètement, quelque chose pourrait avoir besoin d'un peu d'ajustement. Ce n'est pas parce que la conception des e-mails est différente et peut-être un peu plus ancienne que vous devriez jeter par la fenêtre tous les bons principes du design que vous connaissez. courrier électronique fait toujours partie de l'écosystème Web plus vaste et cela signifie que les choses que vous faites pour faire un site Web bon, peuvent réellement traduire et faire un e-mail bon aussi bien. Il est important de se rappeler que lorsque vous envoyez un e-mail, vous n'envoyez pas seulement un site Web, il peut sembler qu'il s'agit d'un site Web de service unique, mais qu'il s'agit d'un canal propre avec ses propres considérations pour ce qui rend le bon design et le bon contenu. Donc, si vous n'êtes pas un développeur, avez-vous besoin de connaître tous ces petits détails sur la conception des e-mails ? Je dirais que vous devriez vraiment le faire et c'est vraiment seulement pour que lorsque vous devez inévitablement parler à un développeur, vous savez ce que vous demandez et vous pouvez communiquer efficacement sans avoir à conduire quelqu'un vers le haut du mur. Dans le monde de l'email, l'audience signifie tout et un e-mail efficace est généralement orienté vers un public spécifique. La meilleure façon de déterminer votre audience est d'utiliser les formulaires d'inscription. Dans un formulaire d'inscription, vous pouvez réellement segmenter par centres d'intérêt spécifiques. Posez des questions aux gens comme, êtes-vous un développeur ? Vous êtes designer ? Vous êtes un chercheur ? Et en posant simplement des questions simples, vous commencez à créer une image de votre audience et vous êtes en mesure de prendre ces données et de créer des e-mails plus pertinents. Si vous constatez que votre audience sera principalement des développeurs par exemple, vous pourriez en fait rendre votre contenu beaucoup plus technique. Vous pourriez généralement rendre votre conception beaucoup plus simple aussi, sorte que ce sont les informations textuelles qui se distinguent pour les concepteurs d'autre part, cela pourrait apprécier quelque chose qui semble un peu plus agréable et pour le contenu peut être moins technique et plus subjectif. Un courriel doit toujours être conçu avec un but à l'esprit, car tout le reste découle de cet objectif, du contenu que vous écrivez, façon dont vous le concevez, à qui vous l'envoyez, si vous essayez de vendre un vous ne voudrez pas nécessairement perdre beaucoup de temps à raconter une histoire longue. Les gens veulent voir votre produit. Ils veulent pouvoir l'acheter. Si, par contre, vous envoyez une lettre d'information, vous pouvez être assez confiant que les gens veulent lire une histoire. Donc, être en mesure de trouver votre audience et la conception de l'objectif, signifie que vous pouvez rendre un e-mail plus pertinent que n'importe quel site Web pourrait jamais espérer l'être. Un autre aspect important de la conception des courriels est la conception réactive. C' est parce que plus de la moitié des e-mails sont ouverts sur les appareils mobiles. Maintenant, qu'est-ce que le design responsive ? C' est essentiellement l'idée que, indépendamment de la taille de l'appareil ou de l'écran sur lequel votre e-mail ou même le site Web est visualisé, il présentera l'information d'une manière qui est encore claire et concise et qui est logique pour ce médium. Si vous voulez entrer dans le code vous-même, il y a beaucoup de considérations pour la conception réactive pour le courrier électronique. Vous devez traiter avec différents clients et comment ils traitent le code et c'est vraiment juste beaucoup d'informations à cette fin, vous pouvez réellement vous référer à templates.mailchimp.com. C' est un guide que j'ai écrit qui répond aux grandes questions que vous devez savoir pour le développement d'e-mails réactifs. Alors, comment tout cela se traduit-il par une stratégie d'entreprise ? Eh bien, il s'agit de l'expérience utilisateur et de connaître votre public. D' abord et avant tout, soyez humain. N' oubliez pas que le courrier électronique est une ligne de communication ouverte. C' est quelque chose que rien d'autre ne correspond. Les médias sociaux ne le font pas. Les sites Web ne le font pas. Vous avez un accès direct à une personne, e-mail est une conversation. Le design est important et ce n'est pas seulement peluches. La recherche a montré que les gens suppriment les courriels laides donc il vaut la peine de faire l'effort pour les rendre beaux. Rappelez-vous que vous essayez de créer une impression, de créer la confiance et de faire quelque chose que les gens voudront lire et que vous voudrez revenir vers vous au fil du temps. À la base, la bonne conception et le bon courrier électronique sont une question de but. Vous orientez un destinataire vers une action que vous voulez qu' prenne et vos conceptions doivent donc être orientées vers cela. Votre contenu et vos visuels vont travailler ensemble en tandem, mais c'est le design qui attire l'attention de quelqu'un en premier. 4. Principes d'une conception efficace: Maintenant, plongons dans certains des principes de la conception efficace des e-mails. L' une des choses les plus importantes dans la conception des e-mails est le texte. Quel que soit l'endroit où une personne consulte dans le courrier électronique, textes sont la seule chose qui est rendue de manière cohérente. Peu importe le client de messagerie et les e-mails affichés dans, quelle plate-forme il est visualisé, les textes sont la seule chose qui apparaîtra toujours. Donc, il est bon de faire attention à la façon dont vous traitez les textes parce que si tout le reste échoue, c'est ce que votre email est. Idéalement, votre message e-mail de passer sans images, alors pensez à votre e-mail dans son ensemble et traduisez cela dans le texte, rendre le message facile à digérer, faites attention à la typographie et rendre votre contenu facile à lire. Dans quelque chose comme un e-mail de forme longue, belle topographie est vraiment important parce que vous demandez aux gens de consacrer beaucoup de temps, l' 're la lecture de votre contenu. Il est important de prêter attention à la taille de votre type, aux hauteurs de ligne et même à la couleur du texte, car tout cela contribue à rendre un e-mail confortable à lire, surtout sur les écrans plus petits. Toutes les polices ne sont pas partagées entre les systèmes, Helvetica est présent sur beaucoup de machines Apple. Mais sur Windows, c'est en fait Ariel qui est utilisé à la place. Donc, il est recommandé de construire une pile de polices où vous spécifiez quelque chose comme Helvetica et Arial, puis pour le sans-empattement afin que vos textes affichent toujours la façon dont vous avez l'intention. Il est important de s'en tenir à ceux qui sont bien pris en charge sur plusieurs plateformes. caractères comme Helvetica et Arial et Georgia et Times New Roman vous offriront une couverture très large sur tous systèmes et agiront comme une sécurité intégrée dans le cas où vous utilisez jeu de polices plus fantaisistes pourrait ne pas être présent sur certaines machines. Une autre option consiste à utiliser des polices Web. Maintenant, ce sont des polices que vous pouvez servir via le web et qui ne sont pas nécessairement présentes sur de nombreuses machines utilisateur. Si vous utilisez des polices Web, il est important de fournir une solution de secours aux polices sécurisées du système afin que votre texte affiche votre intention, que l'utilisateur ait ou non accès à une police Web spécifique. Une excellente façon de savoir où fonctionnent les polices Web est de se référer à la matrice de campagnes de style sur la prise en charge des polices Web dans le courrier électronique. Ils ont fait beaucoup de travail de base pour vous, donc vous savez où le travail et où il ne sera pas, j'ai inclus le lien dans les ressources, donc vous pouvez vous y référer plus tard. Quand je parle d'avoir une police de secours, je veux dire la spécifier dans le CSS, vous écrivez dans votre e-mail. Donc, si vous utilisez une police Web dire comme Open Sans de Google Fonts, vous pouvez réellement revenir à Helvetica, puis Arial, puis sans-serif dans votre pile de polices et dans le cas d'une de ces polices n'est pas présente dans le système, votre courriel repassera au prochain qui est disponible et ainsi vos messages électroniques seront rendus de votre intention. Il est important de vérifier les options disponibles pour les polices quel que soit le fournisseur de services de messagerie. Chez MailChimp, nous faisons le travail pour vous en fournissant une pile de polices automatiquement dépendante de la police que vous sélectionnez comme votre principale. Une autre façon de gérer les textes dans vos e-mails est d'utiliser le texte basé sur l'image qui est une excellente option si vous devez rester sur la marque. Il a cependant quelques chutes. Donc, si vous devez utiliser du texte basé sur l'image, assurez-vous de fournir une solution de secours en texte brut au cas où l'image ne se chargerait jamais. chose la plus importante est de toujours s'assurer que votre message tombe travers et si une image ne se charge pas et qu'elle est pleine de texte, l'utilisateur ne le verra pas. En fin de compte, votre meilleure option pour le contenu textuel dans les e-mails est le texte régulier. Même si vous utilisez du texte basé sur une image, il est important de fournir une solution de secours. Une autre utilisation de textes et d' e-mails basés sur l'image se présente sous la forme d'appels à l'action comme des boutons. boutons basés sur l'image souffrent des mêmes inconvénients que le texte basé sur l'image, ce qui signifie que si l'image ne se charge jamais, un utilisateur ne verra jamais votre appel à l'action, il est donc bon de coder les boutons en utilisant HTML et CSS. Si vous incluez un bouton dans votre e-mail, il est préférable de le coder en HTML. C' est aussi ce qu'on appelle un bouton pare-balles. Si vous cherchez des moyens spécifiques de créer un bouton, vous pouvez vous référer aux modèles sur Mailchimp.com et il y a toute une section sur les appels à l'action et l'écriture de boutons à l'aide de code. Maintenant, toute cette discussion sur les textes peut donner l'impression que les images ne sont pas importantes dans les e-mails, mais ce n'est pas vrai, elles sont très importantes. Il s'agit juste de trouver un équilibre entre le texte et les images. N' oubliez pas que les gens sont visuels, donc les images contribuent grandement à rendre un e-mail efficace. Si vous vendez un produit, c'est une excellente idée d'avoir une image de ce produit. Les images vous fournissent également un excellent moyen d'ajouter un mouvement à votre email sous la forme d'un gif pas « jif ». vidéo est le nouvel enfant sur le bloc et obtenir la vidéo est plus facile et plus facile ces jours-ci, Si vous êtes dans la vidéo marketing est un choix très excitant, mais il ne vient avec quelques inconvénients importants. abord, il y a les énormes coûts de données impliqués dans la vidéo, de toute façon vous la coupez, les vidéos sont de grande taille et donc vous encourez un coût de données pour le destinataire. En outre, les vidéos ne sont pas prises en charge sur de très nombreux clients, une excellente alternative à la vidéo et l'e-mail est gifs,. Ils rendent à plus d'endroits, ils ont généralement un impact moindre en ce qui concerne la taille des données, et ils offrent le même degré d'intérêt visuel. Une autre grande différence entre la conception des e-mails et les concepteurs web. La conception des e-mails ne peut pas être parfaite en pixels, c'est parce qu'il y a des tonnes de clients de messagerie que vous devez considérer et qu'ils agissent tous un peu différemment les uns des autres. J' aime appeler la conception de l'email la science exacte de l'inexactitude. Comme l'a dit Bruce Lee, « Sois de l'eau mon ami ». Cela signifie que vous devez concevoir vos e-mails de sorte qu'il y ait un peu de don et de prise d'un client à l'autre, de sorte que votre conception ne soit pas parfaite d'un client à l'autre, mais fonctionne le mieux possible d'un client à l'autre. Indépendamment des différences de rendu d'un client à l'autre, votre e-mail conservera toujours sa fidélité de conception et même s'il atteindra son objectif quel que soit l'endroit où il est consulté. En raison des différences entre les styles de rendu des clients de messagerie et le nombre de clients de messagerie qui existent, exactitude de la conception n'est tout simplement pas un objectif viable, il est préférable de concevoir avec un peu de flexibilité à l'esprit, afin que votre conception conserve sa fidélité quel que soit leur client de messagerie dans lequel votre e-mail peut être consulté. n'y a pas de règles strictes et rapides pour créer un intérêt visuel dans un e-mail. Eh bien, pourrait bien fonctionner pour une marque et un public dans une version, pourrait ne pas être efficace dans une autre, mais il existe des règles difficiles et rapides pour faire un courriel facile à digérer, concis, complet bien écrit est très important, tout comme l'optimisation de votre conception pour fonctionner efficacement sur plusieurs clients. 5. Achetez-moi: Donc, maintenant que nous avons un bon aperçu de ce qu'est la conception des e-mails, plongons un peu plus en profondeur et regardons en arrière ces quatre principaux types d'e-mails. Donc, le premier est l'email d'achat, qui est un e-mail basé sur le commerce électronique. Il est axé sur la création d'un incitatif pour un bénéficiaire à dépenser de l'argent. Si vous essayez de vendre quelque chose, vous envoyez un e-mail d'achat. Le deuxième type est l'e-mail de lecture. Chaque fois que vous essayez de raconter une histoire ; bulletins d'information, annonces d' entreprise, ce genre de chose tombe sous lisez-moi des e-mails. Ces gars comptent sur de très bons droits d'auteur, ce qui est plus facile à dire qu'à faire et une bonne typographie juste pour rendre la livraison du contenu plus lisse et plus facile pour le destinataire à prendre en charge. Le troisième type est l'email de me joindre. Ce sont des e-mails axés sur les événements. Il peut s'agir d'annonces d'événements, de demandes d'enquête. Essentiellement, un e-mail qui est construit autour d'inciter l'utilisateur à prendre une action, ce soit pour donner de l'argent ou pour venir à un événement. Ensuite, la quatrième est un peu aberrante, mais elle n'est pas moins répandue dans toutes nos boîtes de réception et c'est l'e-mail transactionnel. Il s'agit essentiellement de n'importe quel e-mail qui doit fournir des informations ciblées d'un point à un autre en fonction des transactions. Donc, des reçus de commande, des mises à jour d'expédition, des choses comme ça, des annonces de sécurité. Le premier est l'email d'achat. L' email d'achat a un but spécifique de construire une incitation pour l'utilisateur à dépenser de l'argent. À cette fin, les e-mails d'achat sont plus efficaces lorsqu'ils présentent des images claires et belles de produits dans des appels à l'action simples afin d'amener le destinataire à acheter un produit rapidement. Si vous êtes une entreprise de services, il se peut que vous ne vendiez pas un produit individuel, mais il est probable que vous parlez toujours d'une fonctionnalité qui intéresse un destinataire. Vous pouvez le traiter de la même manière ; fournir des images convaincantes et expliquer pourquoi cette caractéristique particulière de votre service en vaut la peine. L' appel à l'action dans l'e-mail d'achat est important. Généralement, il devrait être quelque chose comme acheter, ou acheter moi, ou magasiner maintenant. Trouver le bon libellé n' est cependant qu'une de ces choses que vous devrez tester et modifier au fil du temps. Certaines combinaisons de mots peuvent fonctionner mieux que d'autres et tout cela est confirmé par les données et le temps. Donnez à vos produits suffisamment d'espace là où ils brillent seuls. L' utilisation efficace des espaces permet de concentrer l'attention d' un destinataire sur un ou plusieurs produits particuliers. Si vous vendez plusieurs produits, organisez-les sur une grille afin qu'ils soient affichés uniformément et que la présentation soit tout simplement plus agréable dans l'ensemble. Lorsque vous incluez une image d'un produit, posez-vous quelques questions. Est-il préférable d'inclure une image agrandie d'un produit ou est-il préférable d' inclure un plan en gros plan qui montre plus de détails et de fonctionnalités de votre produit ? Ce sont des choses que vous devez vous demander lorsque vous incluez des images dans un e-mail acheter moi. L' une des plus grandes erreurs que je vois dans les e-mails d'achat parce qu'ils sont encore lourds d'image, est un manque de texte. Les clients de messagerie qui ne chargent pas d'images lorsque l'e-mail est ouvert, vous pouvez vous retrouver avec un e-mail qui n'a pas beaucoup de sens car il n'y a pas de texte qui sauvegarde ce qui est inclus visuellement dans l'e-mail. Les e-mails d'achat sont également très dépendants de connaître votre public. Assurez-vous que l'e-mail que vous envoyez à ce segment spécifique de votre liste est pertinent pour eux. Si vous envoyez un courriel qui annonce des vêtements pour hommes, par exemple, réfléchissez à la façon dont vous conceviez un courriel différemment d'une publicité pour les vêtements pour enfants. Si votre e-mail contient plusieurs produits, assurez-vous qu'ils sont tous au moins un peu liés les uns aux autres. Enfiler un email plein de, disons, 30 ou 40 produits, juste un peu exagéré. Vous pouvez ne pas obtenir les résultats que vous voulez et les gens pourraient ne pas acheter quoi que ce soit juste parce qu'il n'y a pas de concentration, il n'y a pas de clarté. Au lieu d'envoyer un e-mail géant tout usage à votre liste, segmentez la liste et envoyez par intérêt. Assurez-vous que l'e-mail est pertinent pour les segments les plus petits de votre liste. La hiérarchie d'un e-mail achetez-moi est très important. Assurez-vous que les images de vos produits se trouvent en haut de l'e-mail. Laissez les gens les voir en premier. Ensuite, sauvegardez avec du contenu textuel de sorte qu'au cas où ces images ne se chargeraient pas, les gens auront toujours quelque chose à faire. Rappelez-vous l'idée que les gens sont visuels. Leur laisser voir votre produit signifie d'abord que vous attirez leur attention tout de suite. Donc, gardez vos produits en haut de votre e-mail. Avec tout cela à l'esprit, regardons un exemple d'un email bien conçu acheter moi, comme celui-ci de GoldCoast Skateboards. Si vous jetez un oeil, la première chose que vous voyez est leur logo, beau et grand. Tout ce qui fait est de renforcer le fait que cet email vient de GoldCoast Skateboards. C' est juste une impression de marque. La prochaine chose que vous voyez est cette déclaration de 40 % en haut de l'e-mail. C' est important parce qu'ils veulent que les gens profitent de cette vente. Ils ont bien fait, ils l'ont mis en haut. Ensuite, il est suivi de belles images convaincantes. Rien de trop distrayant, juste quelque chose de simple qui fonctionne bien avec la conception globale de l'e-mail. Après cette image, ils ont leur code de réduction, puis ils sauvegardent tous ces textes basés sur l'image avec du contenu textuel réel de sorte que si les images ne se chargent pas, l'utilisateur sait toujours à quoi sert l'e-mail. Sous ce texte, il y a un joli grand appel à l'action , puis une dernière image d'une sélection de leurs skateboards. Ce qui agit comme une belle étiquette à la toute fin de l'e-mail ; il dit : « Regardez ce que nous avons offert. » La conception de cet e-mail semble provenir du modèle MailChimp. On dirait juste un simple e-mail de colonne qu'ils ont ensuite exporté et modifié pour répondre à leurs propres besoins. Ce qui rend cet e-mail si efficace, c'est qu'il se concentre. Ce n'est pas essayer de me vendre un tas de produits différents, c'est juste annoncer une réduction de 40 % et cela avec simplicité de contenu, des images convaincantes et des appels à l'action agréables, audacieux et clairs. Si vous cherchez de bons exemples d'e-mails d'achat dans votre propre boîte de réception, pensez à la concentration de ces e-mails. Essaient-ils de vendre trop de produits ou sont-ils bien concentrés sur une seule ou une petite sélection de produits connexes ? L' imagerie utilisée est-elle convaincante ? C' est clair ? Est-ce une belle photo de produit ? Avez-vous du mal à décider s'ils essaient de vendre une veste ou un jean parce que le tir est pris de trop loin ? Toutes ces choses sont importantes. Lorsque vous regardez ces e-mails, pensez à ce qu'ils vous font ressentir et pensez à savoir s'ils roulent ou non pour cliquer sur ce bouton Acheter maintenant. Si c'est le cas, alors c'est un email plutôt réussi à acheter moi. Si ce n'est pas le cas, regardez et voyez ce qu'ils auraient pu faire mieux, puis incorporez cela dans vos propres conceptions. 6. Rejoignez-moi: Donc, en passant à notre deuxième type de courriel majeur, nous arrivons à l'e-mail « Joignez-moi ». Ces courriels comprenaient des annonces d'événements et des demandes de sondage, et ils sont conçus pour inciter le bénéficiaire à consacrer une certaine partie de son temps, soit en participant à un événement, soit en remplissant un court sondage. plan de la conception, un e-mail « Joignez-vous à moi » s'appuie davantage sur hiérarchie du contenu que sur les visuels pour faire connaître son point. Un bon e-mail « Joignez-vous à moi » contient tous les détails de l'événement ou du sondage vers le haut, où il pourrait être clairement lu et compris immédiatement. Si votre e-mail « Joignez-vous à moi » concerne un événement, vous devriez avoir la date et le lieu de l'événement vers le haut, et ne jamais enterrer sous un autre contenu. S' il s'agit d'une demande d'enquête, quelques phrases décrivant le but de l'enquête sont toujours utiles, suivies d'un appel à l'action pour compléter le sondage lui-même. Notre exemple de l'e-mail « Joignez-vous à moi » bien conçu vient de Brother Moto. Si vous jetez un coup d'œil, vous verrez qu'il s'agit d'une fête de lancement et que tous les détails pertinents se trouvent en haut de l'e-mail. L' adresse est tout en haut, suivie d'une brève description de ce que l'événement est, dans ce cas, une partie de lancement, suivie de la date et de l'adresse de l'événement. Ci-dessous cette information est un dernier appel à l'action, ayant à voir avec la victoire de cette moto. Tous les détails autour de cela sont également clairement énoncés. Il y a un joli titre clair, puis de courtes descriptions de chaque côté de l'image de la moto pour indiquer aux gens ce qu'ils veulent gagner, suivi de cet appel à l'action en bas. Tous ces détails dans la conception et dans le contenu incitent les gens à assister à l'événement. Si vous n'êtes pas nécessairement intéressé à vous détourner, alors peut-être que la chance de gagner la moto agira en fait comme cette poussée pour vous amener à l'événement. Quoi qu'il en soit, toutes les informations dont vous avez besoin se trouvent dans l'e-mail et sont clairement présentées. Dans les courriels « Joignez-vous à moi », il est vraiment important de trouver un équilibre entre leur apparence visuelle et leur efficacité avec laquelle ils fournissent des informations sur l'événement ou le sondage. Dans cet e-mail de Brother Moto, ils font un beau travail de créer de l'excitation pour cette fête en utilisant cette moto sauter par-dessus les voitures, par exemple, et en l'équilibrant avec les informations importantes sur l'événement lui-même. Si votre courriel « Joignez-vous à moi » concerne un sondage, alors l'appel à l'action est la partie la plus importante, parce que vous ne demandez pas nécessairement aux gens de se présenter à un événement, vous demandez simplement aux gens de consacrer une partie de leur temps à remplir un enquête. Dans ces cas, l'appel à l'action est la partie la plus importante, donc je recommande d'utiliser un bouton au lieu d' un lien compliqué pour envoyer des gens à un sondage. 7. Lisez-moi: Ensuite est notre troisième type d'e-mail, l'e-mail « Lisez-moi ». Ces e-mails fonctionnent très bien si vous essayez de raconter une histoire ou de diffuser des idées. La chose unique à propos des e-mails Read Me, c' est que c'est vraiment le seul type qui peut briser la règle de brièveté, que plus court est meilleure règle de base pour courrier électronique peut effectivement être jeté par la fenêtre ici. Les courriels courts et longs peuvent tous deux fonctionner. Cela dépend du public et de ce qu'ils recherchent. Toute entreprise peut envoyer l'e-mail Lisez-moi. Il ne s'agit pas toujours de vendre un produit, parfois vous voulez juste raconter une histoire et si vous avez une histoire convaincante à raconter, il y a des chances que vos abonnés veuillent l'entendre. Les e-mails Read Me sont parfaits pour cela. Design sage, les deux plus grands facteurs de succès dans l'e-mail Read Me, sont une typographie bien pensée et une écriture vraiment forte. En ce qui concerne la mise en page, un e-mail Read Me a tendance à fonctionner un peu mieux lorsqu'il s'agit d'une seule colonne, bien que cela ne signifie pas que vous ne pouvez pas utiliser une mise en page de plusieurs colonnes. Il suffit de garder à l'esprit que la disposition de plusieurs colonnes, fonctionne bien dans l'impression comme les journaux et peut ne pas traduire aussi bien à l'écran. Rappelez-vous, les lecteurs aiment la simplicité. Ainsi, la mise en page d'une seule colonne pourrait mieux fonctionner pour vous. Les e-mails de soustraction.com, par exemple, qualifient un courriel de forme abrégée car un contenu textuel est abrégé. Il y a un résumé du paragraphe, puis un lien pour que vous puissiez lire le reste de l'article sur ce site. MailChimps UX newsletter d'autre part, est un e-mail de forme longue, où tout le contenu est dans l'e-mail lui-même. Cela peut rendre un e-mail très long et cela dépend vraiment de ce que votre public veut. Pour la newsletter UX, le public s'attend à ce que des articles sur différents aspects de la conception de l'expérience utilisateur soient longs . Donc, nous leur donnons cela dans l'e-mail sans les faire aller sur un site pour lire le reste. Votre fréquence d'envoi peut également jouer un rôle dans la durée ou la courte de votre e-mail. Si vous envoyez plus de courriels, conservez-les peut-être un peu plus courts, afin que les gens puissent les parcourir plus rapidement au rythme que vous envoyez. Si vous envoyez moins souvent , le formulaire long peut mieux fonctionner pour vous. Par exemple, la newsletter MailChimp UX n' est envoyée que toutes les deux semaines, de sorte que les gens ont le temps de lire les longs articles et digérer le contenu avant que le suivant ne parvienne dans leur boîte de réception. Si vous avez des liens dans votre courrier électronique Lisez-moi, il est bon de respecter certaines bonnes pratiques qui régissent les liens sur le Web dans son ensemble. Assurez-vous que vos liens sont d'une couleur différente du texte, mais ne vous arrêtez pas là. Assurez-vous qu'ils sont visuellement distincts de votre texte et utilisez quelque chose comme un soulignement ou une couleur d'arrière-plan qui se distingue du reste de votre texte. Évitez d'avoir beaucoup de liens proches ensemble parce que si vos e-mails affichés sur un appareil mobile où le doigt règle et non le curseur de la souris. fait que les gens aient du mal à taper sur un lien spécifique et ce n'est pas parce qu'il s'appelle l'e-mail Lisez-moi que vous ne pouvez pas inclure d'images. Les images fonctionnent tout aussi bien dans ces types d'e-mails que dans d'autres, une bonne règle à suivre lorsque vous créez du contenu pour un e-mail Read Me, surtout quand les images sont préoccupantes, devrait être que le courrier électronique devrait fonctionner indépendamment du fait que ou pas les images sont là. Si vous incluez des images dans vos e-mails Read Me, n'oubliez pas que leur rôle est celui de la prise en charge du contenu textuel au lieu de l'objectif principal de l'e-mail lui-même. Vous êtes Lisez-moi e-mail devrait lire tout aussi bien sans images qu'avec. 8. Transactionnel: Notre quatrième et dernier type d'e-mail est transactionnel. Ce sont des courriels comme des reçus de commande, confirmations d' expédition et des avis de sécurité, et ils sont utilisés pour présenter des informations ou des données d'une manière simple et facile à comprendre. Les courriels transactionnels sont un peu aberrants parce qu'ils ont leurs propres règles qui régissent leur efficacité. courriels transactionnels doivent être axés sur la portée et ne comporter que des informations pertinentes. Si vous envoyez un e-mail comme une carte de crédit refusée, vous ne devriez pas inclure de liens vers votre dernier article de blog ou vers votre nouveau produit, gardez l'e-mail concentré sur la tâche à accomplir. , les courriels transactionnels devraient également être courts mais complets. Cela signifie que vous couvrez tous les détails importants, mais pas de la manière longue. Pour revenir à notre exemple de carte de crédit refusé, vous ne voudriez pas inclure des blagues ou du contenu plus léger dans quelque chose qui est une question assez grave. Un e-mail comme celui-ci fonctionnerait mieux avec une simple explication de ce qui s'est passé, suivie de détails sur la façon de corriger le problème. Il est également important que les courriels transactionnels soient pratiques dans la conception. Cela signifie qu'ils devraient être facilement imprimables. Ils devraient être réactifs et avoir une hiérarchie de l'information vraiment solide. Une bonne règle empirique pour les courriels transactionnels est d'inclure une feuille de style d'impression dans votre CSS, en particulier pour les courriels qui peuvent être imprimés souvent, comme une facture. Parce que les courriels transactionnels sont si différents trois autres types de courriels dont nous avons parlé, ils doivent être traités un peu différemment. Vous pouvez envoyer des courriels transactionnels via MailChimp, mais si vous avez besoin d'envoyer à un volume plus élevé, vous pouvez explorer Mandrill, un service que nous avons conçu spécifiquement pour gérer le courrier électronique transactionnel et ses besoins spécifiques. Jetons un coup d'oeil à un e-mail transactionnel bien conçu. Celui-ci est un e-mail de facturation de MailChimp. Si vous jetez un oeil, vous verrez que c'est assez spartiate dans le design. Notre logo est en haut suivi d'un titre très clair qui décrit le but des e-mails, dans ce cas votre commande a été traitée. Même si le design est très spartiate, nous avons inclus cette image de timbre rouge vif afin que l'utilisateur sache, au-delà de l'ombre d'un doute, que sa commande a été traitée et qu'il a payé son compte. Le reste de l'e-mail est également simple avec un accent sur la hiérarchie de l'information. Le numéro de facture est grand et il est en caractères gras et au-dessous de cela, nous listons ce que l'utilisateur a payé, et s'il a reçu des rabais. Si un utilisateur a besoin de plus de détails, le gras appelé l'action suit, qui lui permet d'afficher cette facture dans son compte et d'obtenir plus d'informations s'il en a besoin. Comme vous pouvez le voir, cet e-mail est simple dans la conception, mais il est également très efficace. La simplicité et la clarté de l'information sont essentielles ici. 9. FAQ (et clients de messagerie): Quatre de nos dernières leçons majeures, j'aimerais aborder quelques bonnes pratiques de conception de courriels. La première règle est de connaître et de créer pour votre public. Rappelez-vous que l'audience détermine tout ce qui se trouve dans l'e-mail. Plus vous en savez à leur sujet, plus vos courriels peuvent être pertinents et meilleurs. Dans le courrier électronique, il y a tendance à y avoir cette baisse naturelle d'intérêt qui se produit au fil du temps. Donc, c'est une bonne idée que de temps en temps changent les choses, soit dans votre design ou dans votre contenu pour attirer l'intérêt de vos lecteurs de temps en temps. Évitez d'envoyer des courriels indiquant qu'il n'y a C' est une mauvaise pratique qui peut laisser beaucoup de vos utilisateurs se tordre dans le vent si les images ne se chargent pas pour quelque raison que ce soit. Par ailleurs, évitez le texte basé sur l'image, mais si vous n'avez pas le choix, assurez-vous de fournir un repli avec du texte normal. Content-wise essayer d'être sympathique et personnel. J' aime lire NextDraft par exemple, parce que Dave Pell est un grand écrivain. Il ajoute des blagues, il écrit chaque numéro comme s'il s'agissait d'une lettre pour moi, et cela me garde beaucoup plus engagé au fil du temps et j' attends avec impatience chaque problème avant même qu'il ne parvienne à ma boîte de réception. Autant que vous le pouvez, essayez de vous assurer que quelqu'un peut simplement appuyer sur répondre à votre e-mail et atteindre une personne. Évitez d'utiliser des adresses comme aucune annonce de réponse si vous le pouvez. Rappelez-vous que le courrier électronique est un moyen de communication entre deux personnes et que vous ne devriez pas vous empêcher de le faire. Lorsque vous développez des e-mails, jetez un oeil à la distribution des clients de messagerie dans la liste à laquelle vous envoyez. Évitez de passer beaucoup de temps à développer pour les clients difficiles qui ont petites bases d'utilisateurs et concentrez-vous plutôt sur ceux qui ont les plus grandes bases d'utilisateurs. Il est important de savoir comment les différents clients rendent les e-mails. Connaissez le travail principal d'un client à l'autre afin que vous ayez moins de difficulté à développer votre courriel et à traiter avec les clients problématiques. Si vous créez vos propres e-mails, oubliez pas d'utiliser des tables pour la structure par rapport aux divs. Il s'agit de la principale différence de développement entre la conception d'un site Web et celle d'un courriel. Lorsque vous développez des courriels, assurez-vous d'abord de développer une dégradation gracieuse et des améliorations progressives en second lieu. Cela signifie que vous construisez d'abord pour les clients les plus anciens moins capables, puis que vous améliorez au-delà de ceux pour fournir des fonctionnalités plus nombreuses et meilleures pour les nouveaux clients capables de les gérer. test d'e-mail est un processus itératif, ce qui signifie que vous devrez tester, tester et retester et retester pour assurer que votre e-mail affiche la manière dont vous avez besoin pour le rendu. Au fil du temps, tous ces tests vous permettent d'apprendre les tenants et aboutissants des clients de messagerie et ce qui fonctionne le mieux dans la conception d'un e-mail. Gardez à l'esprit que l'efficacité d'un e-mail peut ne pas être mesurée adéquatement avec un seul point de données. Il est préférable d'avoir une idée de la façon dont un e-mail fonctionne au fil du temps. Ce n'est pas parce que votre email était un texte rouge qui a bien fonctionné un jour que cela ne signifie pas qu'il fonctionnera bien de l'autre. Il y a tellement de facteurs qui expliquent pourquoi ou pourquoi pas un courriel en particulier a été efficace. Évitez de tirer des conclusions concrètes à partir d'un petit échantillon de données. Prenez du recul et prenez la longue vue des courriels et n'oubliez pas de tester, de modifier et d'écouter ce que votre public dit, afin que vous puissiez construire quelque chose de plus efficace. L' une des meilleures façons de tester l'e-mail est de le faire vous-même pratiquement. Cela signifie ouvrir des comptes de messagerie sur différents services tels que Gmail et Outlook.com, et envoyer le test vous-même afin que vous puissiez voir comment le message s'affiche dans votre propre boîte de réception. S' appuyant sur cette idée de tests pratiques, un laboratoire d'appareils, qui n'est qu'une collection d'appareils courants que vous utilisez tous les jours. Quelque chose comme un iPhone, une tablette ou une machine Windows et envoyer des e-mails à ces appareils afin que vous puissiez voir comment ils sont rendus dans ces boîtes de réception. Dans ces cas, vous pouvez vous tourner vers un service comme Liveness qui effectue des tests de périphérique pour vous et renvoie une capture d'écran de votre e-mail sur une autre plate-forme. Si vous êtes client de MailChimp, vous avez accès aux résultats des tests décisifs sous la forme d'inspections de boîte de réception dans l'application. Si vous choisissez de créer un laboratoire de périphériques, n'oubliez pas qu'il s'agit de créer la vue la plus large possible de la distribution des clients pour le plus petit investissement possible. Cela signifie que vous devriez acheter une bonne sélection de téléphones Android et iOS et peut-être même une tablette ou deux, sorte que vous avez un bon aperçu des différents clients de messagerie sur différentes plates-formes. Les cinq principaux clients de messagerie sont iOS Mail, Apple Mail, Gmail, Outlook.com et Outlook Desktop. Il y a une grande variabilité entre la façon dont tous ces clients rendent les e-mails, donc il est vraiment important d'éviter cette conception parfaite des pixels. Les deux premiers clients, iOS mail et Apple mail sont à peu près parfaits, donc vous n'avez pas besoin de faire trop ce qui est hors de l' ordinaire en ce qui concerne la conception et le développement. Gmail, d'autre part, présente quelques problèmes importants à surveiller. abord, lorsque vous écrivez CSS pour votre e-mail, il doit tous être intégré dans le balisage lui-même parce que Gmail ne prend pas en charge un CSS en ligne. Deuxièmement, Gmail ne prend pas non plus en charge les requêtes multimédias qui sont essentielles pour la conception réactive. Cela nécessite de construire un e-mail d'une manière spécifique afin qu'ils soient cités sans devis, réactifs dans une plate-forme qui ne le supporte pas. Pour plus d'informations sur cette technique, vous pouvez en fait vous référer à templates.mailchimp.com, où je la couvre en détail. Outlook.com et Outlook Desktop, bien qu'ils soient tous deux de Microsoft, agissent très différemment les uns des autres. Outlook.com est en fait à égalité avec Apple mail et iOS mail et qu'il s'agit d'un très bon client de messagerie. Il n'y a pas d'écueils importants à surveiller sur Outlook.com, mais l'inverse est vrai pour le bureau Outlook. S' il y a un client que les développeurs de messagerie électronique détestent, c'est Outlook Desktop, et c'est vraiment parce que c'est un client de messagerie obsolète. Le plus gros problème dans le bureau Outlook est qu'il n'utilise pas un moteur de rendu HTML pour rendre HTML. Il utilise en fait le moteur de Microsoft Word qui est un moteur de traitement de texte. Cela signifie qu'il existe des lacunes importantes dans les éléments HTML et les propriétés CSS pris en charge par le moteur Word. Cela signifie que vous allez probablement faire plus de tests de votre e-mail dans Outlook pour vous assurer qu'il est correctement rendu. Alors encore une fois, assurez-vous d'éviter la conception parfaite des pixels. Si vous respectez les principes dont nous avons parlé aujourd'hui, votre e-mail peut toujours être très efficace indépendamment de toutes les variations de rendu d'un client à l'autre. Espérons que toutes ces leçons vous aideront. N' oubliez pas que, avant tout, le développement et la conception de courriels sont un travail difficile, alors ne vous découragez pas si vous avez du mal à le faire au début. Ça m'a pris un peu de temps pour être doué et ça te prendra un peu de temps pour être bon, mais ça peut être fait. Finalement, le courrier électronique devient une seconde nature et c'est en fait facile. 10. Dernières réflexions: Donc, aujourd'hui, nous avons parlé des principales différences entre l'email et la conception web, des quatre principaux types d'email : par moi, lisez-moi, rejoignez-moi, et transactionnel, et nous avons couvert certaines meilleures pratiques pour la conception d'un email en général. Si vous êtes novice dans la conception des e-mails, oubliez pas de consulter nos modèles afin que vous puissiez avoir un bon aperçu des différents types de mises en page et des différentes façons d'aborder les e-mails en fonction de leurs différents objectifs. Si vous plongez dans le développement de vos propres modèles, vous pouvez télécharger les nôtres et jeter un oeil sur le code vous-même et voir comment ils fonctionnent, voir comment ils sont assemblés, puis essayer vous-même. Vous pouvez également vous référer à des ressources comme templates.mailchimp.com, et des exemples de différentes techniques de codage que vous pouvez utiliser dans vos propres e-mails. J' ai également inclus de nombreux liens vers des ressources que vous trouverez utiles et qui vous aideront à devenir un meilleur concepteur de courrier électronique. Maintenant, c'est à vous de partager un e-mail dont la conception vous a fait passer à l'action. Partagez quelque chose que vous pensez être évocateur et a vraiment fait une impression sur vous, et écrivez un peu pourquoi vous pensez que c'était un e-mail si efficace. Assurez-vous également de poser des questions et de laisser des commentaires sur les autres courriels qui sont partagés dans la galerie, et commencez des discussions sur ce que la bonne conception de courriel est ou ne l'est pas. N' hésitez pas à poster des e-mails que vous avez conçus et créés et à demander des commentaires au reste de la classe. Rappelez-vous que le courrier électronique peut être un moyen de communication intime entre deux personnes. C' est une conversation, et une bonne conception de courrier électronique tire parti de ce fait. Cela vous permet de créer une confiance et des relations avec vos abonnés.