Adaptez-vous au mode de consultation !
Le mobile est devenu l’outil de prédilection pour la consultation de mail.
C’est environ 24 millions de français qui sont équipés de smartphones et ce chiffre
devrait augmenter de manière considérable.
85% des utilisateurs de smartphones consultent leurs mails plusieurs fois par jour
Principe de l’emailing responsive
Présenter un même contenu qui s’adapte aux différents supports
Trois techniques de réalisation
Technique 01 – Mobile aware design
- Cette technique s’adapte au emailing à faible contenu
- Ne demande pas de technique avancée en langage de programmation
- Créer un contenu avec un visuel principal sur une seule colonne (cf visuel de droite)
- Une technique “sous responsive”
Technique 02 – Email fluide
- Une technique compatible avec de nombreux navigateurs
- Les balises <table> ( tableau en Html) s’exprime en %
- Exemple : style=”width: 80 % max width: 600px height: auto;”
Technique 03 – Email adaptatif / Responsive
- Une version dédiée qui s’affiche à la détection du mode de lecture de l’écran
Source Sarbacane Software
- Compatible avec les application natives IOS et Android
- Langage utilisée : média queries, fonctionne sous la forme de conditions
- Exemple : @media only screen and (max-width: 480px)