RGPD

Votre choix concernant les cookies sur ce site

Nous utilisons des cookies pour personnaliser notre contenu et nos publicités, mesurer l'efficacité de nos publicités et offrir une expérience plus sûre. En naviguant sur le site, vous acceptez l'utilisation de cookies pour collecter des informations sur et en dehors se Sarbacane Pour en savoir plus, consultez notre Politique relative aux cookies ou rendez-vous dans vos préférences en matière de cookies pour gérer vos paramètres.

done Votre adresse a bien été enregistrée
close
error_outline Email invalide
close

Prendre rendez-vous avec un consultant

Discutons :

- de vos enjeux marketing

- de vos besoins fonctionnels

- d'un niveau d'accompagnement adapté

Essayer gratuitement

Le blog de l'actualité marketing

Retrouvez conseils, bonnes pratiques et nouveautés pour maîtriser votre communication multi-canale

Blog Sarbacane

Pourquoi optimiser sa campagne e-mailing sur les différents supports mobiles ?

Recevez les bonnes pratiques pour optimiser vos campagnes emailing

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 !

2 commentaires

Integ

Il y a 8 ans

Un gros gros merci pour le CSS empêchant le redimensionnement des polices sur iPhone !!

Répondre

Laisser un commentaire

Votre adresse email ne sera pas publiée et les champs exigés sont marqués (*) et svp n’oubliez pas de rester poli(e) ;-) !