Le responsive web design : explication

Le responsive web design est né de la multitude d’écrans disponibles et surtout depuis l’avènement des tablettes et l’utilisation fréquente des Smartphones. Pour répondre à tous ces formats on est obligé de créer des sites différents réellement adaptés à chaque contenu :

  • Un écran d’ordinateur de bureau (mac ou pc) permet d’afficher
    • des contenus plus longs et plus complexes,
    • plusieurs colonnes sur une page,
    • des images plus grandes avec des agrandissements plein écran.
    • Plus d’éléments dans un site donc plus lourd.
  • Un écran de tablette affiche
    • déjà beaucoup moins d’informations,
    • des images plus petites
  • Pour les Smartphones c’est encore plus complexe puisque les écrans varient d’un fabriquant à l’autre mais on retrouve
    • des images plus petites pour les Smartphones,
    • et un contenu de quelques lignes,
    • des écrans plus nombreux avec des transitions entre eux,… La navigation n’est plus la même, plus humaine avec le doigt et non une souris ce qui change également le comportement des utilisateurs
    • Des pages plus légères à charger
    • Moins d’effet ou plutôt des effets différents (librairie javascript, jquery)

Continuer la lecture de « Le responsive web design : explication »