Responsive Web Design, l’expression est lâchée. Depuis la sortie de la traduction en septembre 2011 du livre éponyme d’Ethan Marcotte à ce sujet, comment gérer le contenu d’un site en fonction du support est devenu le thème de débat entre webdesigner, développeurs et concepteurs de site.
Actuellement, il est fréquent de trouver une adresse de type www.mondomaine.fr/mobile pour trouver la réplique peu ou prou mobile de son site. L’approche Responsive Web Design permet de ne gérer qu’un site au lieu de plusieurs. On appelle également cette approche OneWeb.
Alors de quoi s’agit il ? Pour résumer avec l’arrivée des tablettes et des smartphones et leurs différences de résolutions d’écrans, il est devenu difficile de déterminer quelle résolution sera à privilégier. Avec le concept de responsive web design – ou webdesign réactif – c’est le site lui-même qui s’adapte au support. Non seulement le design s’adapte au support, mais il est possible de pré-sélectionner le contenu qui sera mis en avant selon le support. Un utilisateur qui consulte un site depuis un smartphone aura probablement besoin d’un contenu court, d’une information rapide et éventuellement liés à une géolocalisation ; alors qu’en consultant un site depuis un ordinateur, il sera plus à même de lire un contenu long et plus dense.
La première fonctionnalité ressemble étrangement aux premier sites internet qui devaient être consultable sur différentes tailles d’écran alors toutes en 4:3… Mais avec la seconde, il ne s’agit pas d’un retour en arrière, mais de l’arrivée d’une nouvelle dimension qui ouvre des perspectives en terme de webmarketing et tout d’abord aux questions à se poser lors de la création d’un site:
Stratégie de dispositif web
Stratégie de contenu global
Stratégie de contenu par support
etc.
Pour illustrer cette évolution, vous trouverez ci-dessous les meilleurs exemples que nous avons sélectionnés.
