Qu’est ce que le Responsive Design ?

LE RESPONSIVE DESIGN

responsive_design


Le Responsive Web design (RWD) est aujourd’hui incontournable dans nos projets web (et dans les cahiers des charges de nos clients)… Il permet de s’adapter à tous types de supports (Écrans, smartphones, tablettes…).

Alors, concrètement, le responsive web design, qu’est-ce que c’est ?

C’est une technique de réalisation de site web, qui permet de faire des sites qui s’adaptent automatiquement à l’espace disponible sur l’écran.

En général, on se base sur la largeur de l’écran pour déterminer comment les éléments du site doivent s’afficher :

Organisation des blocs du site en fonction de la largeur disponible

 

En responsive web design, on ne dit pas « on va faire un site mobile, un site tablette et un site ordinateur ». On fait un seul site, conçu pour exploiter au mieux la taille de l’écran. L’avantage, c’est qu’on peut ainsi gérer toutes les tailles d’écran d’un coup.

Plus personne ne doute aujourd’hui que l’usage des smartphones est en train d’exploser. De plus en plus de personnes visitent aujourd’hui des sites web depuis leur navigateur mobile. Sur le Site du Zéro, déjà plus de 5% des visiteurs viennent depuis un appareil mobile. Ils étaient la moitié (2,5%) un an plus tôt.

Source de l’article  : Openclassrooms

 


responsive2

AVANTAGES ET INCONVÉNIENTS DU RESPONSIVE

À l’heure où des centaines de tailles et formats d’écrans différents se connectent à chaque instant, la méthode du Responsive Web design apparaît comme la « solution de facilité » Des coûts et des délais généralement inférieurs aux techniques citées précédemment

  • Une maintenance de projet facilitée (une seule feuille de style, un seul fichier HTML, etc.)
  • Une mise à jour transparente et un déploiement multi-plateformes
  • Le Responsive peut être envisagé après la conception initiale du site (même si ce n’est pas l’idéal)

L’un des avantages indéniables depuis quelques temps est que Google met en avant les sites « adaptés au mobile » au sein de ses résultats de recherche.

Les inconvénients ne sont cependant pas nuls :

  • De bonnes connaissances techniques, et une veille technologique constante, sont indispensables.
  • Il est nécessaire de prévoir des tests nombreux et variés tout au long du projet.
  • Il est difficile de contourner les limites ergonomiques et de performances des navigateurs web.
  • Faire du responsive, c’est… plus long que de ne rien faire (25% du temps supplémentaire)

Au final, le Responsive Web design n’est qu’un moyen parmi d’autres de parvenir à ses objectifs mais ne doit pas être considéré comme la seule éventualité ni comme une « solution magique » à tous les problèmes.

Le site mediaqueri.es est une excellente ressource pour découvrir d’autres sites web responsive à travers un annuaire.

Source de l’article  : Alsacréations

Conclusion : Le responsive Design est aujourd’hui incontournable en effet, magique quand ça marche, mais pas si facile…

Autres ressources :

2 pensées sur “Qu’est ce que le Responsive Design ?”

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *