Par Lou Cohen (contributeur exclusif) – Référenceuse freelance
Avec
plus de 13,3 Millions de smartphones vendus en 2012 et l’explosion des
tablettes, notre consommation de produits numériques a profondément changé ces
7 dernières années. Changement sur lequel tous les professionnels du
webmarketing s’accordent.
Pourtant
pas un jour ne se passe sans recevoir un email promotionnel illisible sur
mobile ; images trop lourdes, textes centrés, liens difficilement cliquables
avec une interface tactile et j’en passe et des meilleures.
Voici
donc quelques pistes simples pour améliorer la lisibilité de votre email sur un
support mobile.
1 / Petit rappel du marché
La
plupart seront tentés d’optimiser leurs emails pour «Le» smartphone de
référence : l’iPhone. N’en déplaisent aux puristes, il faut savoir que l’iPhone
ne représente aujourd’hui que 21% du marché français du smartphone contre 45,1%
pour les mobiles tournant sous Android ; le système d’exploitation de Google.
Il est
donc important d’optimiser le rendu pour l’ensemble du parc mobile français en
testant vos messages sur des outils tels que Email on Acide
ou Inbox Inspector (MailChimp).
2 /L’Email responsive
design, utopie ou réalité ?
Pour
rappel, le responsive design est une méthode d’intégration de contenus
numériques reposant sur un système de grilles permettant de réorganiser
l’affichage en fonction de la largeur de l’écran.
De
nombreux tutoriaux et livres blancs ont été récemment publiés afin d’intégrer
les emails en responsive design afin que ces derniers s’affichent aussi bien
sur des smarphones, tablettes que sur des webmails.
Cependant,
même si cette technique est efficace, il faut bien prendre en compte que la
plupart des boîtes mail ne gèrent pas les feuilles de style et encore moins des
technologies plus avancées. Ces boîtes mail ne pourront donc pas afficher les
optimisations faites en responsive design et nous reviendrons à notre premier
constat : votre email sera illisible.
3 / La
lisibilité pour tous !
Je ne
peux donc que vous déconseiller de vous jeter à corps perdu dans le responsive
design si la lisibilité n’est pas assurée sur toutes les boîtes. Cette
technologie manque encore de maturité de mon point de vue.
Cependant,
cela ne vous empêche de faire de menues optimisations !
>
Travaillez le pré-header
Le
pré-header est la première phrase de l’emailing qui va venir s’afficher sous
l’objet de votre email en guise de résumé. Or la première phrase d’un emailing
«classique» est bien souvent le renvoi à la version en ligne. Je vous conseille
donc d’insérer avant cette phrase un résumé de votre message ou de votre offre.
>
Pensez tactile
Pas
facile de cliquer sur un lien «En savoir plus» ; surtout quand ce dernier est
entouré d’autres espaces cliquables non-identifiés. Pensez donc à bien espacer
vos liens et à les détacher visuellement des autres éléments de l’emailling.
>
Faites simple
Plus
votre email sera simple, mieux il s’affichera. Et cela qu’importe le support.
N’hésitez pas à épurer votre maquette pour aller à l’essentiel : un message,
une action et des éléments de réassurance. D’autant que «ce qui s’énonce
clairement, se comprend aisément» !
>
Soignez vos images
Les
images s’affichent rarement dès l’ouverture de l’email ; ce qui n’empêche pas
que l’offre promotionnelle soit assez fréquemment illustrée dans une image
située dans la première case de l’email. Pour ne pas perdre d’information, je
vous conseille de reprendre le message de l’image dans sa balise ALT ; qui
s’affichera à défaut de l’image.
Autre
conseil, faites light pour optimiser le temps de chargement !
Sur ces
bonnes paroles, bonne optimisation à tous !