AccueilLe Blog5 bonnes raisons d'adopter le responsive web design

5 bonnes raisons d'adopter le responsive web design Retour à la liste

12/04/2013
Design, Intégration, Webmarketing

Ca y est ! Le site de Webu passe enfin en responsive ! Pour voir le résultat, redimensionner la fenêtre de votre navigateur... L'occasion pour nous de revenir sur ce concept et vous expliquer plus en détail en quoi cela consiste et comment en tirer de la valeur ajoutée pour votre site web.

Le responsive web design, kezako ?

Le responsive web design ou design adaptatif est une manière d'appréhender la création d'un site web qui consiste à adapter dynamiquement sa mise en page et son aspect visuel (graphisme & ergonomie) en fonction du terminal de consultation utilisé par le visiteur. Concrètement, le responsive est rendu possible grâce aux nouvelles possibilitées du HTML5/CSS3 (media queries).

Pourquoi le responsive web design connait-t-il un tel succès ? La réponse est simple : les terminaux utilisés pour consulter un site web sont de plus en plus nombreux (pc portable, pc de bureau, tablette, smartphone, télévision...) et mobile (environ 10% du trafic web mondial provient déjà des tablettes ou smartphones). La capacité des sites web à répondre efficacement à ces différents contextes de visite est devenu un enjeu majeur.

Grâce au responsive web design, oubliez les zoom contraignant, les navigations chaotiques et les textes illisibles sur votre smartphone, l'ergonomie s'adapte parfaitement à chaque situation de consultation et garantit une lecture et une navigation optimale quelle que soit le périphérique de consultation utilisé par le visiteur du site web.

Les avantages du responsive webdesign

1) Améliorer l'expérience visiteur

Le responsive web design permet de garantir une navigation et une ergonomie optimale à tous les visiteurs du site, quelle que soit la taille ou l'orientation de leur écran, le type de résolution, le navigateur utilisé...

2) Diminuer les coûts et délais de conception

Si elle reste plus lourde qu'un site web classique, la création d'un site web responsive reste logiquement moins chronophage et moins onéreuse que la conception de trois versions différentes du site (pour les ordinateurs, les tablettes et les mobiles).

3) Simplifier la maintenance du site web

Le responsive web design suppose que vous ne disposez que d'un seul site web pour l'ensemble des terminaux, contrairement au site web mobile qui est différencié du site principal. La maintenance de votre site web est donc simplifiée puisqu'il ne repose que sur une seule architecture technique.

4) Optimiser le référencement naturel

Un autre avantage du responsive web design est qu'il simplifie grandement le référencement naturel puisqu'il n'y aura qu'une seule adresse web, que le visiteur utilise un ordinateur, une tablette ou un smartphone.

Prenons l'exemple d'un site web mobile, généralement accessible sous la forme d'un sous-domaine comme par exemple http://www.m.webu.coop. L'URL du site web principal (desktop) et de la version mobile étant différente, cela suppose qu'il faudra redoubler d'effort pour référencer les deux sites.

Le responsive web design, au contraire, permet de concentrer vos actions de référencement et votre netlinking sur un seul site, puisque tous les visiteurs accèderont au site via la même URL. La problématique des contenus dupliqués, récurrente pour un site web mobile, est également résolue.

5) Augmenter le taux de transformation e-commerce

Selon la Fevad, les ventes du e-commerce français ont continué de progresser 2012, et sans doute aussi en 2013, dopées par le mobile et surtout par la démocratisation des tablettes. Le m-commerce répresentait d'ailleurs déjà plus de 2% des ventes en 2012 (toujours selon la Fevad).

Ces quelques chiffres se suffisent à eux-mêmes pour mettre en évidence l'importance pour un e-commercant de proposer une boutique en ligne optimisée pour les terminaux mobiles. Le responsive web design permet de répondre à ses nouveaux enjeux et d'augmenter le taux de transformation e-commerce en proposant aux visiteurs tablettes et smartphones une navigation intuitive et agréable.

Dans quel cas opter pour le responsive web design ?

Les limites du responsive web design

Bien qu'ayant beaucoup d'avantages, le responsive dispose aussi de ses inconvénients. En effet,  contrairement à un site mobile dédié, un site web responsive suppose le chargement complet de tous les éléments d'une page web (même s'ils ne seront pas tous affiché en fonction du terminal utilisé par le visiteur).

La vitesse de chargement des pages sera donc plus lente, ce qui impactera négativement l'expérience de navigation et peut poser des problèmes dans certaines situations de consultation en mobilité (si une connexion 3G n'est pas disponible par exemple). Il est parfois plus judicieux de développer un site web mobile spécifique qui sera plus léger et rapide à charger sur les smartphones avec une connexion internet plus lente, notamment pour des projets e-commerce où le risque de voir les taux de conversion chuter est trop important.

Une autre approche du responsive webdesign est le "mobile first" qui consiste à d'abord concevoir un site web optimisé pour smartphones et tablettes, mais qui sera également consultable sur les ordinateurs traditionnels.

Les questions à se poser avant de réaliser/refondre votre site

Dans de nombreux cas, un site web responsive sera la meilleure des options. Pour autant, faut-t-il succomber à l'effet de mode et de se lancer dans la refonte de votre site web ? La réponse est non bien sûr, posez-vous d'abord les bonnes questions :

  • Mes cibles d'audience utilisent-t-elles réellement des tablettes ou smartphones pour visiter mon site ?
  • Les contenus que je souhaite proposer à mes utilisateurs sont-ils les mêmes, qu'ils soient sur ordinateur ou sur smartphone ?
  • Ma version mobile doit-elle disposer de fonctionnalités mobiles plus poussées et spécifiques (géolocalisation...) ? Dans ce cas, un site web mobile dédié n'est-il pas plus adapté ?
Autant de questions auxquelles il faut répondre dans le cadre de la création ou de la refonte d'un site web...
Qu'il soit responsive ou non, n'hésitez pas à nous contacter pour discuter de votre projet web !

Ressources utiles pour les plus curieux :