Accueil > lettre R > Responsive web design

Responsive web design

Le responsive web design est une façon de concevoir un site web pour que son contenu s'adapte automatiquement à la largeur et/ou à la hauteur de l'écran qui le visionne. Un site qui possède un responsive design peut alors adapter de lui-même le menu, la sidebar, les images et même la structure pour être visible convenablement et sans zoom sur une tablette (exemple : iPad), un smartphone (exemple : iPod), une petit écran, un grand écran, une télévision, en version imprimée ...

L'image ci-dessous représente un même site regardé à partir de plusieurs terminaux différents.

Exemple d'un site avec un responsive web design
Site avec un design responsive visible sur écran web, iPad et mobile

Cette méthodologie possède divers avantages :

  • La création et la maintenance est plus rapide et plus facile plutôt que de créer plusieurs interfaces pour chaque support
  • Pour la version mobile et tablette, la prise en compte de l'orientation portrait/paysage est plus facile
  • Le référencement est plus facile puisqu'il y a qu'un seul site distinct qui regroupe toutes les versions
  • Les visiteurs doivent seulement connaître une URL quelque soit le support utilisé
  • Les sites qui n'utilisent pas de responsive design font parfois une redirection basée sur le User-Agent. Cependant, cette technique n'est pas fiable à 100% car il faut se baser sur une liste de user-agent très complète et la mettre à jour régulièrement
Partager :
Faire un lien :

Glossaire du webmaster