Archives du jour : 4 septembre 2013


Comprendre le Responsive Design

Le Responsive Design permet d’adapter le design d’un site en fonction du support sur lequel il est visionné. Ainsi, le même contenu pourra-t-il être consulté aisément sur ordinateur, tablette ou mobile, malgré les différences de résolution et d’utilisation.

Sachant qu’aujourd’hui, 15% du traffic Internet mondial est sur mobile et qu’en France l’Internet mobile concerne déjà 24 millions de citoyens, le responsive web design semble être le meilleur moyen d’augmenter la fréquentation d’un site. Cependant le responsive design a un coût, il est complexe à appliquer, et demande des sacrifices (design, vitesse, ralentissement du téléchargement…).

Les 5 points clefs du responsive design sont :

  • un design adapté à quelques résolutions type. En priorité : smartphone 1ère génération <480px, smartphone moderne et ipad <768px, tablette et ordinateur >768px.
  • des medias queries et un meta Viewport,
    qui permettent au périphérique utilisé de charger le design adapté.
  • une mise en page simple et flexible (tous les éléments sont relatifs).
  • un contenu organisé en une seule colonne, proposant uniquement les rubriques essentielles : navigation, contenu, action.
  • des images qui s’ajustent en 100% au support, avec des tailles “min” et “max”.

Splio, prestataire spécialiste de la relation client multicanal, explique ces sujets dans cette infographie sur le responsive design. La voici partagée ici. (suite…)