Les annonceurs en ont presque peur et savent qu’il leur amène beaucoup de travail : l’affichage mobile. En effet, il y a quelques années, lorsque la prospection mobile a commencé, il ne s’agissait que de simples textos. Cependant, les terminaux, notamment les Smartphones, sont constamment connectés à internet, et donc cette prospection s’est continuée par les emails. C’est ici que les soucis ont commencé. Les annonceurs se sont rendu compte que les mails reçus sur mobile s’affichaient très mal, ou dans le pire des cas ne s’affichaient pas.
Pour qu’un emailing puisse s’adapter à n’importe quel type d’écran, il doit être responsive. Cela signifie, que dans le code source on spécifie plusieurs designs, généralement plusieurs mises en forme, qui correspondraient chacune à une taille d’écran. Il vous faut donc absolument une newsletter HTML avec une bonne délivrabilité.
Si vous avez un taux d’ouverture correct sur mobile, il serait vraiment dommage de tout gâcher avec des problèmes d’affichage. Sachez que la plupart des utilisateurs de Smartphones configurent avant tout le logiciel de messagerie préinstallé sur le terminal. Ils ne vont donc pas forcément télécharger des applications supplémentaires ou se rendre sur le site internet d’un webmail.
Pour bien comprendre les mécanismes d’affichage, il vous faut tester les différents OS mobiles. Les principaux OS viennent des firmes Apple, Google, BlackBerry et Microsoft. Une fois les différences constatées, vous devez donc créer votre design responsive.
Cette manipulation ce fait dans des fichiers CSS, appelés aussi feuilles de style. Il ne s’agit pas ici de faire un cours de programmation mais de vous informer des bases. Donc dans votre fichier CSS, grâce à la spécification @media vous pourrez donner à votre emailing des dimensions en fonction de la taille de l’écran. Par ailleurs, il faut que vous pensiez aussi à ce que la taille de vos images s’adapte en fonction de cette même taille d’écran. Pour tout cela, il est intéressant de se pencher sur les nouvelles normes HTML5 et CSS3.
N’oubliez pas que votre design doit aussi être conçu pour une utilisation tactile. Il faut donc éviter de rapprocher trop les items sinon le doigt de l’utilisateur sera trop gros pour cliquer. Il faut donc que vous repensiez le design entier d’un emailing sur Smartphone, et que vous n’essayiez pas seulement de tout faire rentrer dans l’écran.