Qu'est-ce que le Responsive Web Design ?

Vous est-il déjà arrivé, lors d’une recherche sur Google avec votre mobile ou votre tablette, d’accéder à un site web dont le design ne permet pas une lecture facile, qu’il vous faille zoomer pour en lire le contenu ou glisser de gauche à droite pour atteindre les images, vidéos ou formulaire de contact ?

Avouez que c’est peu ergonomique et vous aurez tôt fait de fuir ce site peu attirant.

Le Responsive Web design (RWD) est une approche de conception Web qui vise à améliorer l’expérience utilisateur dans la lecture et la navigation d’un site internet sous tous les formats d’écran : téléphones portables, tablettes, liseuses et écrans d’ordinateur de bureau.

Création de site web en responsive design

Pourquoi développer un site en responsive design ?

Le développement d’un site internet en Responsive Web Design a plusieurs vocations :

• L’amélioration de l’expérience utilisateur permet de réduire au minimum le redimensionnement d’écran (zoom pour améliorer la lisibilité du contenu), le déplacement ou recadrage dans la page (pour atteindre des éléments importants).
• Le développement d’un site web en responsive design facilite le déplacement des internautes sur le site web, le temps de présence sur le site ainsi que le nombre de pages visitées. Ces comportements font partie des principaux critères de qualité imposés par Google pour le référencement naturel d’un site web et son bon positionnement dans les premiers résultats dans les moteurs de recherche.
• Le taux de rebond (pourcentage d’utilisateurs arrivés sur un site web et partis sans avoir visité une autre page que celle par laquelle ils sont arrivés) sur un site non développé en Responsive Web design est très important. Or le taux de rebond est un signal fort envoyé aux moteurs de recherche et principalement à Google qui pourraient, par ce critère, estimer que le contenu textuel ou visuel de votre site web est inintéressant.
• Les moteurs de recherche, et principalement Google, privilégient la mise en avant dans leurs résultats de recherche les sites web développés en responsive web design car ils répondent mieux aux attentes des internautes, principalement dans leur confort de navigation que dans la fluidité de leur affichage.

La non prise en compte de ce critère important peut avoir un impact important sur la visibilité d’un site web ou d’une entreprise.

Différence un site web Responsive Design et Adaptive Design

La différence entre le développement de site internet en “Responsive Design” et celui réalisé en “Adaptive Design” est peu évidente à comprendre par les néophytes ou les futurs propriétaires de site.

L’Adaptive Design est une technique de développement qui permet une fluidité dans la mise en page équivalente à celle présente dans le responsive Design. La différence vient principalement du fait que l’Adaptive Design, comme son nom l’indique, est la réalisation d’un format d’affichage en fonction de l’appareil utilisé (smartphone, tablette ou ordinateur). Ainsi, l’internaute aura accès à un site web dont le contenu et l’affichage sont propres à chaque support, ce qui peut engendrer des frais importants et le développement de plusieurs versions du site.

Le développement d’un site web en Responsive Design, page unique compatible pour tous les appareils économise évidemment un important temps de travail et de mise en place si la page s’adapte automatiquement à chaque appareil, son taux de performance peut ne pas rejoindre les objectifs fixés.

Pour un simple site cms de type vitrine, le développement d’un site en responsive design fonctionne parfaitement, il n'y a d'ailleurs que peu de règles CSS spécifiques aux tablettes et pc, alors qu'un site web plus complexe, avec catalogue, actualités ou modules spécifiques se doivent d’être orientés Adaptive Design. Le design devra donc être très réfléchi pour avoir une interface utilisateur proposant la meilleure Expérience Utilisateur possible.

Site web Responsive Design et référencement

En effet, les sites développés en Responsive Design imposent le chargement de javascript qui peuvent ralentir le temps de chargement du site ou l’affichage complet de la page.

Si le site web possède une forte fréquentation, les nombreux chargements simultanés auront un impact important sur le temps de chargement et par extension devenir rapidement désagréable pour l’utilisateur.

Les sites responsives permettent également de mettre en ligne des images de grande taille qui s’adapteront à l’écran avec une mise à l’échelle symétrique mais sans allègement de son poids Ce poids sera un critère important du temps de téléchargement de la page, et si plusieurs images sont présentes sur la page, le temps d’affichage peut dépasser les 15-20 secondes !

A noter que le développement d’un site web en Responsive Design est plus complexe et plus chronophage que le développement d’un site internet en simple HTML fixe et peut engendrer des couts supérieurs pour sa réalisation. Ces couts sont néanmoins vite rentabilisés par l’amélioration du référencement naturel que permettent les sites en Responsive Web Design. Le positionnement du site dans les premières places des moteurs de recherche, l’amélioration du confort de navigation des internautes ainsi que l’augmentation du temps de visite et du nombre de pages sont autant d’éléments qui joueront en faveur du site.