Responsive Web Design – Définition

  • 0

Responsive Web Design – Définition

Categorie : Web

Définition:
On appelle Responsive Design ou Responsive Web Design (littéralement conception web adaptive) la faculté d’un site web à s’adapter au terminal de lecture.
Ainsi un site internet responsive sera optimisé sur l’ensemble des périphériques disponibles sur le marché : ordinateurs, tablettes, smartphones…

Pourquoi ?
– La création et la maintenance seront plus rapides et plus faciles (un seul fichier qui gère l’ensemble des affichages)
– Un référencement naturel optimal puisqu’il n’existe qu’un seul site internet qui regroupe toutes les versions
– Une seule adresse web (URL) est utilisée (pas de sous domaines ou redirection vers un répertoire « mobile »)

Avec l’émergence des smartphones et des tablettes tactiles, il existe un grand nombre de résolutions d’affichage, rendant parfois l’expérience utilisateur difficile. Ainsi, de plus en plus de sites proposent une version dite mobile, plus adaptée à une lecture sur un terminal mobile, généralement accessible à partir d’une adresse différente, telle que http://m.mon-site.com au lieu de http://www.mon-site.com !

Toutefois, les smartphones et tablettes ont des résolutions d’affichage parfois tellement différentes, qu’il conviendrait de proposer autant de versions du sites que de périphériques. Par ailleurs, le fait de consulter en format paysage ou portrait change également complètement la façon d’afficher un site web. Enfin, le fait d’avoir différentes versions impose de maintenir un second site, avec parfois des risques d’erreurs, notamment lors d’un changement et une déperdition potentielle en terme de référencement naturel puisque deux versions du site coexistent.

Le responsive design répond à l’ensemble de ces problématiques en changeant dynamiquement l’affichage de la page en fonction de la zone d’affichage, grâce aux feuilles de style (CSS). Pour le constater, il suffit de modifier la taille du navigateur sur un site utilisant le responsive design pour voir l’affichage se modifier.

responsive website

Ajouter un commentaire