L’expression « responsive design » est à présent utilisée par tous mais qu’en est-il vraiment de sa mise en place, des techniques utilisées ?
Avant d’arriver à des méthodes full responsives, il faut savoir que des techniques différentes ont été utilisées. La première consistait à rendre un email lisible sur tous les supports en utilisant une seule colonne assez étroite (environ 500px). Cette fameuse colonne était visible sur tous les supports mais sur les écrans plus grands il y a comme une sensation de vide. C’est la solution la plus simple à mettre en place en termes de complexité technique.
La seconde solution déjà un peu plus élaborée est de travailler en fluid design. Au lieu de spécifier une largeur en pixel comme précédemment, il suffit de spécifier une largeur en pourcentages. Le contenu s’adapte ainsi automatiquement à la largeur de l’écran. Bien sûr, le problème majeur est que sur des écrans vraiment larges ou petits on peut arriver à une désorganisation du design, avec du texte qui sort de son bloc, etc.
La vraie solution consiste à faire du responsive design, un design pour une largeur d’écran. La lisibilité est garantie grâce à une mise en page qui se réorganise automatiquement. Il fait pour cela utiliser les @mediaqueries et donc cela demande un peu plus de temps et d’expertise pour encoder son emailing.
Si vous voulez à tout prix un design qui s’adapte et que vous ne savez pas comment le mettre en place, vous pouvez toujours faire appel à Agence Emailing !