Savez-vous que 57% des personnes qui se connectent à Facebook le font au moins de temps en temps depuis leur téléphone portable ? (source)

Qu'en France, le taux de pénétration des smartphones était de 40% en décembre 2011 (il était seulement de 25,8% une année plus tôt et il aura encore bondi en 2012 à mon avis) ? (source)

Et que le nombre de tablettes vendues dans l'Hexagone pourrait atteindre les 3 millions d'unités d'ici à la fin de cette année ? (source) 

Voir plus de statistiques à propos de nos vies multi-écrans

Voilà pourquoi, si vous avez un site Internet (ou un blog), le "Responsive design" devrait bientôt vous préoccuper :

Définition du Responsive design

Il s'agit d'une "notion qui [...] indique globalement qu'un site est conçu pour s'adapter aux différentes tailles d'écran et aux différents terminaux permettant d'afficher le site (navigateur, tablette, téléphone mobile, télé connectée, ...). Ainsi, les mobinautes pourront avoir une expérience adaptée à leur terminal sans dégradation et sans devoir utiliser les fonctionnalités de zoom (ou un autre type de redimensionnement). Ils pourront consulter la même information, mais organisée différemment selon le type de terminal utilisé." (source) 

Le responsive design va à mon avis devenir de plus en plus important, tout simplement parce que les internautes se connectent de plus en plus souvent via leur téléphone portable ou leur tablette préférée : ils délaissent donc les écrans d'ordinateur traditionnels pour se connecter. Or, si vous leur facilitez la vie et si vous adaptez vos contenus en ligne à l'écran utilisé pour se connecter, vous vous donnez davantage de chances de conserver votre audience sur Internet, où qu'elle se trouve.

Comment vérifier si votre site est "responsive design" ?

Si votre site n'est pas récent, il y a de fortes chances pour qu'il n'ait pas été conçu pour être responsive design.

S'il est assez récent, votre agence web y a peut-être pensé ! Comment le vérifier ?

Personnellement, après avoir testé différents outils, je vous avoue que j'ai un faible pour le site http://quirktools.com/screenfly/ : il vous suffit de taper l'adresse URL de votre site ou blog et, dans le nouvel écran qui s'affiche, vous visualiserez ce que voit l'internaute en fonction de l'appareil qu'il utilise pour se connecter, comme dans l'exemple ci-dessous (cliquez sur l'image pour l'agrandir) :




Et en guise de synthèse...

Si le Responsive design vous intéresse, vous pouvez utilement compléter votre information en lisant cet article.

Pour vous donner une idée du sujet en un clin d'oeil, il y a aussi l'infographie ci-dessous (chipée chez l'ami Chob), qui fonctionnera un peu comme un jeu de l'oie si vous cliquez sur sa version interactive : bonne lecture !

Via: TemplateMonster.com