Question à 100 bitcoins : pour quelles raisons l’emailing échapperait à la tendance du "mobile friendly" ? la réponse est assez simple : aucune !
Mais ça vous le saviez ! Comme tout bon marketeur et lecteur régulier de ce blog (donc très bon marketeur), vous êtes tout à fait conscient que le smartphone est un support incontournable de consultations des emails.
Quelques chiffres si vous aviez besoin d’être convaincus :
Selon le SNCD, les internautes utilisent en moyenne 3 devices pour consulter leurs emails :
– 88% par desktop
– 74% par smartphone
– 40% par tablette
D’après cette même étude, 8 usagers sur 10 suppriment les emails s’ils ne sont pas lisibles sur tablette ou mobile !
C’est dire si l’affichage responsive de vos emails est stratégique…
Et pourtant, de nombreux annonceurs font encore l’impasse sur cette indispensable adaptation, par choix délibéré ou parce qu’ils n’appliquent pas les bons codes du responsive design.
Il est en effet parfois compliqué d’avoir ces codes en tête lorsque l’on n’est pas intégrateur et de comprendre ainsi pourquoi une belle créa email est difficilement intégrable en responsive !
Adventure Conseil vous donne une méthodologie simple pour réussir votre créa d’email responsive :
#1 : Anticipez le rendu de vos emails sur mobile
Le premier réflexe est de penser vos emails en anticipant le rendu sur mobile ou tablette dès la première étape, celle de la création du template ou maquette de l’email. Le principe de base est donc simple : identifiez les espaces du mail qui devront impérativement s’adapter aux différents devices. Comptez pour cela sur 2 experts : votre graphiste et votre intégrateur html.
Ce sont eux qui seront les plus à même de vous accompagner pour harmoniser votre message pour le rendre lisible partout et par tous.
Version desktop
Version mobile responsive
Concrètement, le responsive, c’est une histoire de blocs, comme un tableau. Des blocs indépendants que l’intégrateur pourra organiser à sa guise en les faisant passer les uns sous les autres. Dès lors, tout ce qui complexifie un découpage simple et propre de votre créa (sous forme de tableau) vous attirera les foudres de votre intégrateur.
(Vous êtes en train de vous rendre compte du prix auquel sont payés les intégrateurs à passer leur journée à jouer à Tetris…)
Le travail de design et de découpage de ces blocs avec le graphiste est donc indispensable pour anticiper les besoins de l’intégrateur qui pense, respire et vit responsive (et Tetris !)
Exemple de créa (avec découpage d'intégrateur)
mal adaptée au responsive
Ce qu'il aurait fallu faire pour optimiser
l'intégration de cet email en responsive :
– Déplacer le 1er call-to-action « Je fais un don » pour qu’il ne chevauche pas le 2ème bloc (en turquoise). Recommandation : prévoir plus de hauteur pour l’intégrer dans le 2ème bloc.
– Même principe pour la photo et texte en signature de mail qu’il faut déplacer. Recommandation : les positionner sous le 2ème call-to-action « Je fais un don » ou réduire les éléments pour tout faire rentrer dans la découpe.