
Source : http://printf.eu
Comme nous l’avons déjà dit sur ce blog, la lecture sur les supports numériques tels que l’ordinateur, la tablette ou encore le smartphone se développe (relire l’article sur la lecture de la presse numérique). Mais les contenus ne sont pas forcément adaptés à ce type de supports. C’est pourquoi, le responsive design s’est développé. Nous allons nous éloigner un peu du sujet principal de ce blog pour rappeler quelques points du responsive design, élément important de la lecture numérique.
Qu’est ce que le responsive design ? Le responsive web design est une technique de conception qui permet au contenu de s’adapter au support sur lequel il est lu. Les pages vont s’adapter à la résolution de l’écran de manière à être lisibles pour les internautes.
Le responsive design est une réponse à la multiplication des supports. C’est un moyen pour un site de ne pas avoir différents « sites » : un pour le desktop, un autre pour le mobile et la tablette. Cela permet de ne pas multiplier les parcours en fonction du nombre de terminaux mais plutôt d’avoir un seul parcours qui s’adapte à tous les supports.
Il est donc plus agréable pour un internaute venant d’un smarphone ou d’une tablette de lire un article, plus besoin de zoomer et de faire des allers retours entre la gauche et la droite pour lire une phrase entière. Les éditeurs ont donc là une possibilité de ne pas perdre les internautes à cause d’une lecture difficile et même de les inciter à revenir sur le site et donc de les fidéliser.
Mais la refonte d’un site web en responsive design est un investissement lourd. Plusieurs sites anglophones ont déjà pris le parti de cette technologie, les sites francophones arrivant petit à petit. Voici quels exemples de sites développés en responsive web design :
The Boston Globe qui propose 3 formats différents (desktop, tablette et smatphone) :
Lecture sur Desktop | Lecture sur Tablette | Lecture sur Smartphone |
![]() |
![]() |
![]() |
Un exemple très réussi selon moi, le site de Starbuck Coffee avec 3 formats aussi :
Lecture sur Desktop | Lecture sur Tablette | Lecture sur Smartphone |
![]() |
![]() |
![]() |
Pour tester ces sites, il vous suffit de vous y connecter et de modifier la taille de votre navigateur.
A noter qu’il est aussi possible de créer une application, le contenu lu par le mobinaute ou tablonaute sera donc directement adapté au format.
Et vous, que pensez-vous du responsive design ?
Mon profil Google +Pauline Delattre
Ping : Lecture numérique | Pearltrees
Ping : L'évolution vers le numérique pour relay.com | Lecture numérique
Je sens que je vais apprendre plein de choses sur ce blog! Je connaissais vaguement le concept de responsive design, mais cet article m’a vraiment éclairé. A quand un blog sur le SEO???;-)
Hello Cécile ! Merci pour ce commentaire 🙂
Si tu veux j’ai quelques articles sur le SEO ici : https://veillewebmarketing.wordpress.com/category/seo/
J’essaye de le mettre à jour assez régulièrement mais ce n’est pas toujours simple.
A bientôt !