[ZOOM IT] Le Responsive Web Design, kézako ?

Le "Responsive Web Design" est aujourd'hui devenu incontournable pour les sites et applications web.

En quoi consiste un design "responsive"  et quels en sont les avantages pour les utilisateurs de sites et applications "responsive" ?

QU'EST-CE QUE LE "RESPONSIVE WEB DESIGN" ?

DEFINITION :

Le "Responsive Web Design" (RWD) ou web design adaptatif consiste à penser et concevoir des sites et applications web offrant une expérience de navigation optimisée en fonction de l'appareil utilisé. Autrement dit, un site ou une application web est "responsive" lorsque son ergonomie s'adapte à la taille de l'écran sur lequel l'utilisateur navigue (PC, smartphone, tablette, phablette,...)

Le terme de "Responsive Web Design" a été utilisé pour la première fois par Ethan Marcotte dans un article de A List Apart publié en mai 2010. Ce dernier donnera plus de détails sur le concept dans son ouvrage "Responsive Web Design" en 2011.

COMMENT CA MARCHE ?

Les sites adaptatifs sont conçus pour offrir une expérience de visualisation optimale sur tous les supports dont mobiles. Le "Responsive Web Design" calcule la largeur du navigateur utilisé pour évaluer l'espace d'affichage disponible et ajuste automatiquement la mise en page du site en fonction de la taille de l'écran, grâce à un système de grilles et d'images flexibles qui s'adaptent proportionnellement à l'écran utilisé.

QUELS SONT LES AVANTAGES DU "RESPONSIVE WEB DESIGN" ?

Comme expliqué plus haut, le responsive web design permet une adaptation de la mise en page en fonction de l'écran utilisé : PC, smartphone, tablette... Cette solution permet donc de respecter le contenu affiché à l'écran et présente de nombreux avantages :

- Prise en main rapide du site ou de l'application web peu importe l'écran utilisé,

- Mise à jour facilitée : tous les changements sont automatiquement appliqués à toutes les versions de l'application web (PC ou mobile),

- Expérience utilisateur optimisée : le responsive web design permet de créer des sites et applications web présentant une ergonomie simplifiée et modernisée.

Appliqué à présent sur eCOS^® DOC, le "Responsive Web Design" permet aux équipes commerciales de nos clients une prise en main rapide, intuitive et mobile du logiciel.