Les téléphones portables et tablettes tactiles sont désormais omniprésents dans la vie de tous les jours. Utilisés pour naviguer sur Internet, ils sont aussi utiles pour consulter ses e-mails.
S’il existe des bonnes pratiques pour l’e-mailing (longueur de l’objet, équilibre entre texte et images, …), sont-elles applicables pour les supports mobiles ?

Qu’on le veuille ou non, les e-mails sont de plus en plus lus sur une plateforme mobile. On note une croissance de 80% de consultation des mails sur téléphone portable. Il faut que l’e-mailing s’affiche le mieux possible sur une large gamme de solutions mobiles.

Les différences :

Taille et résolution de l’écran diffèrent entre l’ordinateur, le téléphone portable et la tablette tactile.
Par exemple : un iPhone a pour dimension 480 x 320 px, alors que le Blackberry Curve a pour dimensions 320 x 240 px.
Avec un écran plus petit, les téléphones portables réduisent le contenu de l’e-mailing pour qu’il puisse apparaître correctement. Cependant, en réduisant de 650 px à 320 px, votre e-mailing ne sera plus lisible, l’utilisateur devra donc zoomer sur le contenu pour le lire.

Largeur de l’e-mailing : Fixée à 650 pixels maximum pour une version ordinateur, il est recommandé de ne pas dépasser les 320 pixels pour les téléphones portables, afin d’éviter le scrolling horizontal. Il est possible d’utiliser la largeur de 100%, mais attention au contenu qui sera redimensionné automatiquement en fonction du support.

L’écran de visualisation : plus petit, il est nécessaire de sélectionner uniquement les éléments et informations indispensables pour augmenter la visibilité du message.

Les images sont affichées automatiquement sur certains smartphones mais ce n’est pas le cas sur tous. Pour la compréhension de votre message, n’oubliez pas de renseigner l’ensemble des balises ALT de vos images.

Deux bonnes pratiques :

Format du message
Lors de l’inscription à votre newsletter, vous pouvez proposer différents formats : « Format Mobile » au même niveau que « Version HTML » et « Version Texte ».
Autre moyen : affichez en haut du mail « Cliquez ici pour consulter la version mobile », et contrôlez son utilisation.

Taille de la police
La police doit rester correctement visible, elle est aussi essentielle au maintien d’une mise en page. Cependant, la mise en page peut être compromise quand la taille de l’application Apple Mail minimale de la police entre en jeu sur l’iPhone et l’iPad. Par exemple, avec les paramètres par défaut, la taille de police minimale Mail sur l’iPhone peut afficher 13 px.
En ajoutant le code suivant dans votre style CSS, vous refusez le redimensionnement automatique, évitant ainsi les erreurs de mise en page sur l’iPhone et l’iPad :

<style type=“text/css”>
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
</style>

Utiliser ce code n’aura aucune incidence sur les clients n’utilisant pas Webkit.

En conclusion, testez votre campagne sur les différents supports !