10 meilleures pratiques pour les e-mails adaptés aux mobiles

As-tu entendu? C'est officiel : plus d'e-mails sont ouverts sur les appareils mobiles que sur les ordinateurs de bureau. Le décompte le plus récent de Litmus a montré qu'environ 53 % des e-mails étaient ouverts sur des appareils mobiles ; L'étude sur les appareils mobiles du premier trimestre 2015 de Movable Ink a révélé que 67 % des ouvertures d'e-mails se faisaient sur mobile. Différentes études citent différentes statistiques, mais les lignes de tendance sont les mêmes.

Peu importe comment vous le comptez, le mobile est grand et s'agrandit.

L'adoption des e-mails adaptés aux mobiles est toujours à la traîne

Malheureusement, de nombreux spécialistes du marketing ne suivent pas tout à fait le rythme. Selon le rapport Email Marketing Census 2015 d'Econsultancy, seuls 61 % des spécialistes du marketing au Royaume-Uni optimisent leurs e-mails pour les appareils mobiles. Sur les 39 % restants qui n'optimisent pas encore leurs e-mails, 27 % d'entre eux prévoient de le faire et 13 % déclarent ne pas en avoir l'intention. (Les chiffres du Royaume-Uni et des États-Unis sont généralement assez similaires, soit dit en passant.)

J'espère que vous êtes avec les 61 %. Peut-être que vous êtes même en avance sur le peloton. Vous voulez savoir si vous l'êtes ? Consultez le tableau ci-dessous, tiré de ce même rapport Econsultancy. Ce sont les moyens les plus courants utilisés par les spécialistes du marketing pour rendre leurs e-mails adaptés aux mobiles.

E-mails réactifs versus "mobile-friendly"

Notez qu'environ la moitié des personnes interrogées ont déclaré avoir créé des modèles entièrement réactifs, et la moitié ont déclaré avoir adapté une conception d'e-mail qui s'affiche bien sur tous les appareils. Il y a là une grande différence. La conception « réactive » signifie spécifiquement que le code qui crée l'e-mail est suffisamment intelligent pour

• Savoir sur quel type d'appareil il se trouve, et
• Afficher un code différent au client de messagerie, en fonction des informations de cet appareil.

C'est des trucs sophistiqués. Cela signifie que vous pouvez faire des choses comme avoir une conception de courrier électronique à deux colonnes pour les lecteurs de bureau et une conception à une colonne pour les lecteurs mobiles.

C'est certainement une bonne chose, mais de nombreuses entreprises (y compris Google) optent pour une approche plus simple. Au lieu d'un design réactif, ils utilisent un design fluide ou un design "mobile-friendly" ou "évolutif".

Les e-mails évolutifs sont conçus pour être aussi beaux que possible sur tous les appareils. Ces e-mails auront une largeur définie, donc si vous les regardez sur un ordinateur de bureau, vous verrez un e-mail qui ressemble un peu à une colonne.

Il s'agit d'un e-mail statique sur un ordinateur :

Voici le même e-mail sur un iPhone :

L'autre alternative - une conception fluide - remplira la largeur d'écran disponible selon des pourcentages, au lieu d'une largeur définie. Par exemple, une colonne de texte pleine largeur peut être définie sur 100 %. S'il y a deux colonnes, elles sont définies sur 50 % chacune.

Les trois modèles ont leur place. Si vous lisez ceci, vous en utilisez probablement déjà un.

Mais une bonne structure de modèle n'est qu'un début. Et même si vous pouvez cocher tout ce qui figure sur ce tableau eConsultancy, j'ai quelques idées supplémentaires à vous proposer pour rendre vos e-mails encore plus adaptés aux mobiles.

Ces 10 conseils sont tous assez faciles à faire. La plupart d'entre eux ne prendront même pas beaucoup de temps. N'implémentez que quelques-uns d'entre eux, et à mesure que le mobile devient de plus en plus gros, nous espérons que vos résultats le seront également.

1. Optimisez pour une lecture de 3 secondes

Si vous n'obtenez qu'une seule chose de cet article, obtenez ceci : près de la moitié de vos lecteurs mobiles passent trois secondes ou moins avec vos e-mails . Et cela ne compte que les personnes qui l'ont lu. Il ne compte pas les abonnés qui sélectionnent votre e-mail sans jamais l'ouvrir.

Comme vous pouvez le voir dans le tableau ci-dessous, cette statistique s'applique également aux lecteurs de bureau, mais sur les appareils mobiles, elle est encore plus accentuée. Pendant que vous examinez ce tableau, rappelez-vous que les iPhones constituent la part du lion des ouvertures de messagerie mobile.

Lorsque vous commencez à voir vos e-mails à travers l'objectif d'expérience ultra-rapide des abonnés mobiles, bon nombre des meilleures pratiques de messagerie mobile s'alignent. Bien sûr, certains lecteurs resteront plus longtemps avec vos e-mails, mais ce sont ces trois premières secondes d'évaluation qui font basculer le commutateur pour savoir si les abonnés décident de s'attarder… ou de partir.

2. Gardez les lignes d'objet courtes

Si nous voulons parler de lecture rapide et d'évaluations instantanées, nous devons parler de la ligne d'objet. Et bien que le nom de l'expéditeur soit en fait plus important sur les appareils mobiles, la ligne d'objet compte toujours.

La plupart des sources recommandent une ligne d'objet d'environ 30 caractères pour les lignes d'objet des e-mails mobiles. Il existe également de nombreuses études qui montrent que les lignes d'objet plus longues fonctionnent bien.

Vous pouvez vous en tirer avec une ligne d'objet plus longue - si vous êtes intelligent sur la façon dont vous écrivez la copie. Mettez les informations les plus importantes en premier, puis ajoutez les détails à la fin. De cette façon, si quelqu'un tient son appareil verticalement (c'est-à-dire en "mode portrait"), il recevra les bases de votre message. S'ils tournent leur appareil sur le côté, ils en verront davantage.

3. Utilisez le texte de pré-en-tête

Lorsque vous affichez votre boîte de réception à partir d'un appareil mobile, il y a plus de place allouée au texte de pré-en-tête qu'aux lignes d'objet. Comme vous le savez si bien, la boîte de réception est un bien immobilier extrêmement précieux. Alors profitez-en au maximum et optimisez votre texte de pré-en-tête. Ne gaspillez pas cet espace précieux avec le message « Vous ne pouvez pas lire cet e-mail ? » lien.
Le texte de pré-en-tête, comme les lignes d'objet, doit mettre les informations les plus importantes en premier. Envisagez de commencer par une copie qui est essentiellement un sous-en-tête ou une copie qui est un appel à l'action. Ou, idéalement, une copie qui est à la fois.

4. Gardez les e-mails courts

La vitesse compte partout. Dans le contexte de la messagerie mobile, cela s'applique en raison de la règle des 3 secondes. Mais la vitesse est également importante en raison de la taille de l'écran, des temps de téléchargement et des taux de conversion.

Cela ne veut pas dire que vous ne pouvez jamais avoir un autre e-mail sur plus d'un écran mobile. Mais envisagez de diviser vos e-mails afin que chaque élément tienne sur un seul écran. Vous concentrerez l'attention de vos lecteurs, ce qui les rendra plus susceptibles de suivre votre appel à l'action.

5. Pensez horizontal et vertical

La plupart du temps, nous pouvons être sûrs que nos abonnés ne lisent pas leurs ordinateurs de bureau et leurs ordinateurs portables de côté. Ce n'est pas le cas avec les appareils mobiles. Et bien qu'il ne s'agisse probablement que de l'élément n ° 143 de la liste des choses qui rendent les concepteurs mobiles fous, il est possible de bien faire les choses. L'e-mail ci-dessous l'illustre en action. Il a l'air bien en mode portrait et paysage.

6. Rendez la taille des caractères lisible

C'est probablement le plus gros échec général que je vois dans les e-mails mobiles. Un petit type punit simplement les gens pour avoir essayé de le lire. Suivez donc les instructions de conception d'Apple et utilisez au moins un type de 16 points pour le corps du texte et un type de 22 points pour les titres.

Les trois e-mails ci-dessous montrent la différence qu'un type plus grand peut faire. Si vous regardez attentivement, vous verrez une autre raison pour laquelle les caractères plus gros sont utiles : c'est la longueur de la ligne.
De nombreuses conceptions d'e-mails adaptées aux mobiles sont configurées pour se développer et se contracter en fonction de l'appareil sur lequel elles sont consultées. Cela peut entraîner de très longues lignes de texte… qui sont difficiles à lire par elles-mêmes. Un type plus grand raccourcit la longueur de la ligne à environ 50-75 caractères recommandés par les experts en utilisabilité. Et le net-net de ça ? Votre copie est lue, vos idées sont comprises et peut-être que vos abonnés cliquent.

7. Limiter la navigation

Vous voulez l'essence de bons e-mails mobiles en un mot ? Simplicité. À cause de cela, la navigation doit souvent disparaître. Même s'il reste, il doit être réduit.

Vos e-mails doivent toujours avoir un logo cliquable, bien sûr. Et peut-être un appel à l'action sur le côté droit de l'en-tête. Mais tout ce qui suit est de la sauce… ou peut-être même une distraction.

8. Gardez les images petites

Maintenant, pourquoi vous dirais-je de garder les images petites, puis de montrer un e-mail avec une image d'en-tête ÉNORME ? Pour faire un point sur la taille du fichier. Comme mentionné juste au-dessus, les e-mails doivent se charger rapidement. Comme instantanément. Et les images sont le principal inhibiteur des temps de chargement rapides.

Cela n'a pas à être. Utilisez l'un des outils de compression d'image en ligne gratuits comme Jpegmini pour conserver vos fichiers. Que signifie "couper" ? Je vous suggère d'essayer de garder vos images en dessous de 5-6kb par image. Bien sûr, si vous n'avez qu'une seule image dans l'e-mail, vous pourriez probablement vous en tirer avec quelque chose de plus grand. Mais si vous avez 20 images dans l'e-mail, il serait probablement préférable de garder chacune en dessous de 2 Ko.

Pendant que nous y sommes, vous voulez un hack pour augmenter les taux de clics ? Rendre les images cliquables . Je suis époustouflé par le nombre d'entreprises intelligentes qui ne le font pas. L'un des plus grands obstacles avec les petits écrans est de rendre les choses plus faciles à cliquer. Heureusement, nous avons ces jolies images qui attirent naturellement nos yeux. Nous sommes nombreux à vouloir cliquer dessus…

9. Rendez votre appel à l'action cliquable

Il s'agit d'une autre variante de la règle « Rendre les éléments de vos e-mails faciles à cliquer », mais c'est tellement essentiel que je ne pouvais pas la laisser passer. Faites en sorte que votre appel à l'action soit facile à cliquer. La taille "cliquable" minimale recommandée est de 44 x 44 pixels avec 10 pixels d'espace autour d'eux, mais c'est vraiment le minimum. Pourquoi compliquer la tâche aux gens ?

N'oubliez pas non plus que de nombreuses personnes ont encore leurs images désactivées. Ainsi, votre appel à l'action fonctionnera mieux et sera agréable pour eux aussi. Cela signifie généralement un bouton créé par CSS.

10. Rendez vos icônes de réseaux sociaux cliquables

Après la petite taille des caractères, il s'agit du deuxième échec le plus universel des e-mails mobiles. Si vous prévoyez d'inclure des icônes de médias sociaux, veuillez les rendre cliquables. Laissez-les même occuper toute la largeur de l'e-mail. Vraiment. Cet e-mail de VistaPrint fait presque cela. C'est l'un des plus beaux exemples d'icônes de médias sociaux cliquables que j'ai trouvé.

Il existe de nombreuses façons de rendre vos e-mails plus adaptés aux mobiles. En savoir plus sur les meilleures pratiques en matière d'e-mails dans notre livre électronique Délivrabilité 101 : Votre guide pour créer une stratégie de marketing par e-mail qui améliore la délivrabilité et génère des résultats.