• 13

  • 23

  • 33

  • 43

Qu’est-ce que le « responsive design » ? (et pourquoi cela va bientôt devenir votre priorité !)

closeCet article a été publié il y a 4 ans 2 mois 29 jours, il est donc possible qu’il ne soit plus à jour. Les informations proposées sont donc peut-être expirées.

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) :

Tester son site et vérifier s'il est responsive design

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 !

Responsive Web Design
Via: TemplateMonster.com

Vous aimez ? Partagez !

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Viadeo FR
  • Add to favorites
  • Email
  • RSS

facebook comments:

1 Commentaire

  1. Florian 15 septembre 2012 at 13 h 50 min

    Bonjour , vous pouvez retrouver de nombreux thèmes wordpress responsive et outils sur mon site: http://theme-responsive.com/

Laissez une réponse

Tags

Pinterest
Email
Print