Le Responsive Web Design est un design sensible aux différentes usages web de l'utilisateur, c'est à dire qu'il répond automatiquement aux changements de support en modifiant son layout (disposition sur l'écran). Ce design s'adapte à toutes les résolutions et terminaux, depuis les ordinateurs de bureaux, les tablettes, jusqu'aux smartphones, et aussi à l'usage horizontal ou vertical que l'on fait depuis ces terminaux mobiles. Il ne s'agit pas de plusieurs designs, mais d'un design unique qui s'adapteaux désirs de l'utilisateur, sans toucher à la structure, ni au contenu.
Le design web adaptatif améliore notablement l'expérience utilisateur, ce qui influe directement sur l'optimisation pour les moteurs de recherche ou SEO.
Google recommande cette technique pour optimiser le SEO, plutôt que de concevoir un second site pour mobiles. De plus, et depuis le point de vue du positionnement SEO, si l'on utilise deux domaines, par exemple un .com pour la web normale et un .mobi pour la web de mobiles, la page rank (indice de popularité d'une page de Google) se divise entre les deux domaines. Alors que si l'on utilise la Responsive Web Design, tous les liens rejoignent un même domaine, permettant de positionner efficacement celui-ci.
Tout ceci représente donc un économie en ce qui concerne les tarifs de noms de domaine, puisqu'il n'est plus nécessaire de gérer deux pages webs mais une seule avec un unique système de gestion de contenu. C'est la programmation du Responsive Web Design qui se charge de situer le même contenu en fonction du support
Il est important que les menus s'adaptent aux terminaux mobiles, surtout lorsqu'ils se visualisent en vertical. Dans ce cas, on a pour habitude de redessiner entièrement le menu qui doit être facile d'utilisation sur terminaux tactiles.
L'utilisation de tablettes et de smartphones représente actuellement plus de 20% du trafic sur les webs corporatives et continue d'augmenter chaque jour. 60% des visites sur Facebook se font depuis un smartphone.
Exemple de Responsive Web Design : www.casaolea.com
Pour vérifier la validité du Responsive Design Web, vous pouvez utiliser cet outil : responsinator.com Si vous entrez www.casaolea.com vous découvrirez un de nos projets avec modification de layout et menu sur smartphones.