Le responsive webdesign, c’est l’avenir ! Voilà tout est dit en une courte phrase et pour s’en convaincre, il suffit de voir la multitude de thèmes responsive PrestaShop et WordPress. Voyons de plus près le pourquoi du comment du responsive design.
Petit rappel pour les novices : le responsive webdesign, c’est un site web qui utilise les media queries issues du CSS3 pour s’ajuster intelligemment au support qui le visite.
L’infographie sur le responsive design en 2013 résume très bien la situation :
- le développement des supports mobiles est exponentiel notamment avec les appareils d’Apple, de Samsung et de Microsoft pour ne citer que ceux-là
- on est 90% à utiliser plusieurs types d’écrans pour des usages divers et variées…
- …comme : naviguer sur internet, acheter en ligne, gérer ses finances, gérer ses voyages
Les principaux avantages du webdesign responsive :
- le site web est focalisé sur le contenu puisqu’il s’adapte au support et offre une meilleure lisibilité
- il offre une réponse adaptée à nos habitudes de navigation sur le web
- c’est moins cher à développer qu’un site puis une application mobile
- la simplicité puisqu’il ne s’agit que d’un seul site à administrer
- favorise le référencement, les liens sont propres et utilisables sur tous les supports
- s’adapte aux nouveautés technologique rapidement et simplement
Des gros sites comme ceux de la BBC, du Boston Globe ou The Guardian exploitent très bien le sujet et le phénomène ne risque pas de s’arrêter là car les ressources fleurissent un peut partout avec des thèmes PrestaShop responsive mais aussi des thèmes WordPress responsive. Le sujet rejoint bien évidemment l’explosion des mobiles/tablettes et la migration progressive du e-commerce vers le m-commerce voir l’article : l’infographie « les tablettes : l’avenir du e-commerce ».
Tiens et tant que j’y pense, n’oubliez pas de tester votre site responsive avec responsivator !
Et vous, avez-vous de bons exemples de site en responsive ?
Source : http://www.getelastic.com/2103-the-year-of-responsive-design-infographic/