Introduction au responsive design

En quelques années, le responsive design est passé du statut de tendance graphique à celui de réalité incontournable. Entre avril 2009 et avril 2013, le nombre de navigateurs internet a plus que doublé et les résolutions d'écran ont plus que quadruplé. A côté de notre bon vieux PC, sont apparus les smartphones et les tablettes. Chaque mois, ils s'imposent de plus en plus pour la consultation de nos mails et des pages web.

 responsive-design-device

En France à fin 2012, on dénombrait 26 millions d'utilisateurs de smartphones (40% de français) et plus de 3,6 millions de tablettes en circulation (10% des foyers en sont équipés). Pour 2013, on prévoit de vendre 13.3 millions de smartphone et 5.1 millions de tablettes.
Ajoutons à cela qu'un email sur deux est maintenant lu sur un mobile et que la consultation de l'actualité se fait maintenant à 60% sur nos smartphones.
Les chiffres sont tout aussi parlant quand on regarde l'explosion par continents entre 2007 et 2012 :

 trafic-web-mobile

 mobile-vs-bureau-responsive-design

Pour répondre à cette multiplicité de supports, les sites web ont dû adapter l'affichage de leur contenu avec des grilles fluides, des images flexibles et des média queries. 3 ingrédients et des milliers de combinaisons différentes pour obtenir un site qui s'adapte aux besoins de n'importe quel internaute. Dès lors, il n'en fallait pas plus pour que certains opérateurs peu scrupuleux s'engouffrent dans la brèche pour vendre le responsive comme un remède à leur propre manque de chiffre d'affaires.
Cette appellation est souvent galvaudée, évoquée de manière injustifiée et peut cacher de nombreux pièges dans lesquels il est préférable de ne pas être entrainé. Les idées reçues en la matière sont légions.

Avec plusieurs articles, je vous propose de faire le tour de cette question et de vous en expliquer les tenants et les aboutissants. Nous approfondirons d'abord les notions relatives au responsive en tordant le cou aux idées reçues citées plus haut. Et nous terminerons par l'approche business avec l'emailing et le m-commerce.

 

Et si vous me disiez ce que vous pensez du responsive design ?

 


A PROPOS DE L'AUTEUR :
Webmaster freelance passionné par Joomla depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort d'une expérience de plusieurs années, il partage ses connaissances dans un état d'esprit open source.
Daniel est également très impliqué dans la communauté Joomla depuis 2014 en étant membre actif de plusieurs projets, conférencier et fondateur du JUG Breizh.