Lentement mais surement, les appareils mobiles gagnent du terrain parmi les lecteurs de messages électroniques. En fonction de la liste d’e-marketing que vous analysez, le pourcentage des personnes consultant leurs e-mails sur un smartphone se situe entre un peu moins de et largement plus de 20%. Ce qui signifie que vous devez tenir compte de quelques éléments supplémentaires.
En règle générale, quelques manipulations suffisent pour améliorer le confort de lecture sur écran mobile. Pour commencer, vous devez jouer sur la taille de la police. Pour un texte classique, vous pouvez aller jusqu’à 13 pixels. Sur un écran traditionnel, cela crée des lettres gigantesques mais sur un petit écran de téléphone, c’est tout juste lisible à l’œil nu. Vous devez en outre vous montrer parcimonieux avec les images. La largeur de bande reste en effet un facteur important à prendre en compte. Mettez vos liens en évidence, de manière à ce qu’ils soient aisément cliquables avec le doigt. Assimilez l’écran à une colonne et réglez votre mise en page sur le même principe.
Mise en page unique
Mais il vous faut aller encore plus loin. Car toutes ces modifications pratiquées pour les lecteurs mobiles sont également visibles pour ceux qui consultent votre message sur un écran classique. Il y a une grande différence entre ‘scaled design’, réduisant une mise en page desktop à l’échelle des écrans mobiles, et le responsive design. Pour votre stratégie d’e-marketing, mieux vaut opter pour le responsive design. Dans ce cas, vous analysez via CSS3 le type d’écran utilisé par le lecteur. Et en fonction de la réponse, vous lui soumettez une autre mise en page.
Rechercher la frontière
Dans le cadre de vos tests, vous devez instaurer une césure déterminant quand remplacer une mise en page par une autre. Avec les technologies actuelles, le mieux est d’établir la frontière à 480px. Mais attention. L’évolution rapide et constante du marché des smartphones exige un contrôle permanent et un réajustement immédiat de cette valeur en fonction des caractéristiques techniques des nouveaux modèles. Au sein de cette mise en page mobile typique, vous prendrez naturellement aussi garde à la taille des lettres et à l’utilisation des images. Vous devrez peut-être même envisager de les laisser tomber. Car le contenu prime encore sur la forme. Moins vous ajouterez de fioritures à votre version mobile, plus votre message sera mis en évidence. Et c’est tout de même de cela qu’il retourne au final.