Découvrez comment réussir la conception et le paramétrage de votre email pour une lecture sur mobile.
Dossier rédigé par Mathieu Jaulin
Une seule information doit suffire à vous convaincre de prioriser la conception sur mobile pour vos newsletters : 60% des emails sont consultés sur mobile. Ainsi, votre priorité n’est pas de concevoir un joli message pour ordinateur ou tablette, mais bien de vous lancer dans une conception verticale qui sera parfaitement adaptée pour un téléphone. Pour y parvenir, nous avons résumé ici les avantages ainsi que les étapes concrètes.
Voici le sommaire de ce guide :
Bonne lecture.
L’email mobile first, c’est quoi ?
Définition
Pour commencer notre dossier, voici une définition précise d’un email mobile first. Tout d’abord, mobile first se traduit en français par mobile en premier. En clair, cet anglicisme définit la priorité du téléphone pour votre mobile, et non pas de l’ordinateur. Ainsi, vous devez réaliser le design de votre message non pas au format paysage, c’est-à-dire à l’horizontale. Ici, votre conception doit se faire au format portrait, donc à la verticale.
Pour résumer, votre emailing doit être conçu en fonction de l’écran sur lequel il sera lu. Ici, votre priorité sera donnée au format portrait. Pour autant, n’oubliez pas de vérifier la version paysage, car certains mails sont encore de nos jours consultés sur un écran d’ordinateur.
Voici un exemple d’email conçu parfaitement pour une lecture sur smartphone.
Différence avec le responsive
Attention, il existe une grande différence entre un email mobile first et un email responsive. Cette différence se situe au niveau de la priorité dans votre conception. En clair :
- Un email responsive est conçu en priorité pour une lecture sur un écran d’ordinateur de bureau ou bien d’ordinateur portable, donc au format paysage. La version mobile de cette newsletter est travaillée par la suite, et elle est clairement secondaire.
- Un email mobile firste inverse l’ordre des priorités : vous devez concevoir votre message d’abord au format portrait, donc pour téléphone, puis vient la version pour ordinateur.
Voici à quoi ressemble une newsletter responsive avec ses déclinaisons sur ordinateur et sur mobile.
Quels sont les avantages d’un message mobile first ?
Il existe de nombreux avantages à concevoir un email mobile first : lecture rapide, meilleure attention de la part du lecteur et de bonnes performances.
Lecture rapide
Le premier avantage d’un email mobile first est que sa lecture est très rapide, bien plus que s’il était lu sur un écran d’ordinateur. En effet, consulter un message sur un smartphone ne prend que quelques secondes. Cette durée peut parfois monter à presque une minute, à condition de captiver l’attention de vos lecteurs. Dans tous les cas, sachez qu’un internaute consacre en moyenne seulement 15 secondes à lire un email. C’est pour toutes ces raisons que vous devez aller à l’essentiel et éviter tout contenu qui ne serait pas véritablement indispensable.
Attention du lecteur
Le second avantage est que vous captez plus facilement l’attention de vos lecteurs sur mobile. En effet, rien de pire qu’un email marketing qui arrive dans la boîte de réception d’un destinataire en train de travailler sur son ordinateur : vous êtes quasiment sûr d’être en concurrence avec d’autres médias (articles, vidéos, travail, etc.). Tandis que sur mobile, votre mail bénéficie de quasiment toute l’attention de votre lecteur, même si cela ne peut durer que quelques secondes. Ici, on peut faire le parallèle avec l’envoi de sms, qui procure de meilleurs résultats en termes d’ouverture de message.
De meilleures performances
Justement, un email mobile first offre d’excellentes performances, à condition d’avoir un design optimal. Et oui, le design représente le principal enjeu pour vous permettre d’atteindre vos objectifs. Pour suivre précisément vos résultats, voici plusieurs KPIs qui vous aideront à savoir si votre email est une réussite ou non :
- Le taux de clic : cet indicateur mesure l’interactivité de vos mailings. Pour le calculer, vous devez diviser le nombre de clics obtenus par le nombre d’emails envoyés.
- Le taux de conversion : cette statistique évalue votre capacité à atteindre vos objectifs, également appelés conversions. Il se calcule en divisant le nombre de conversions par le nombre de messages envoyés.
- Le taux de spam : cet indicateur fonctionne à l’inverse des KPI précédents, puisqu’il doit être le plus bas possible pour être synonyme de réussite. Il se calcule en divisant le nombre de signalements en spam par le nombre d’emailings envoyés.
Comment réussir une newsletter mobile first ?
Voici plusieurs conseils concrets pour réussir votre campagne email mobile first.
Largeur adaptée
Le premier conseil est de paramétrer votre email avec une largeur faible. Cela vous aidera à structurer votre contenu pour une parfaite lecture sur smartphone. Concrètement, nous vous conseillons de ne pas dépasser une largeur de 550 pixels.
Boutons optimisés
Ensuite, veillez à concevoir des boutons dont le design les fait fortement ressortir du reste de votre contenu. Souvenez-vous : le seul objectif d’un emailing est d’atteindre vos objectifs. Justement, vos CTAs (call to action qui se traduit par bouton d’appel à l’action en français) sont vos principaux moyens pour atteindre vos objectifs.
Une seule colonne
Nous avons précédemment parlé de la largeur en mobile first, venons-en maintenant au nombre de colonnes. Pour une lecture parfaite sur téléphone portable, votre email doit comporter une seule et unique colonne. Si vous intégrez plus d’une colonne, votre contenu ne sera plus lisible et vous risquez de voir chuter vos taux de clic et de conversion !
Images allégées
Pour un affichage rapide, voire quasi instantané de votre newsletter, soyez vigilant quant au poids de vos images. Elles représentent souvent la part la plus volumineuse des emails. Concrètement, vous pouvez utiliser un logiciel comme Brevo, qui allège automatiquement vos visuels sans pour autant en dégrader la qualité.
Voici la bibliothèque qui vous permet de gérer toutes vos images dans Brevo.
Texte court
Pour finir, rappelez-vous qu’un internaute passe moins de 20 secondes à lire un email. C’est principalement pour cela que votre message doit être court. Ainsi, ne rédigez pas de texte trop long et allez à l’essentiel. Une fois votre texte créé, faites un test en grandeur nature : lisez votre contenu pour vous assurer que votre emailing peut être rapidement consulté.
Testez le rendu avant l’envoi
Avant d’envoyer votre newsletter à tous vos destinataires, nous vous conseillons vivement de faire des tests. Pour cela, vous pouvez :
- Prévisualiser votre message mobile first directement dans votre logiciel emailing,
- Envoyer des tests sur des messageries différentes pour constater vous-même le rendu de votre email.
Mesurez vos résultats et leur évolution
Pour finir votre campagne mail, nous vous conseillons de mesurer vos résultats. Vous pouvez par exemple analyser vos taux d’ouverture, taux de clic, taux de conversion et taux de spam. Pour aller plus loin, observez leur évolution sur plusieurs campagnes. Cela vous aidera à savoir si vos choix sont les bons, ou non.
Les erreurs à éviter
Pour finir ce guide, voici les principales erreurs à éviter :
- Des boutons d’appel à l’action trop petits,
- Un trop grand nombre de colonnes,
- Du texte trop dense,
- Des images non optimisées ralentissent l’affichage.
A bientôt sur le Blog du Digital !