usability

Pourquoi le Responsive Design est en train de révolutionner le Web

2012 aura été marqué par la poussée sans précédent du « Responsive Design » chez les différents acteurs du monde de l’Internet. Tout le monde veut son site en « Responsive » ! Traduisez : construit pour qu’il s’adapte à tous les appareils mobiles. Pourquoi  est-ce devenu si populaire? Tout simplement parce que le Responsive Design garantit une meilleure ergonomie sur smartphone et tablette à un coût imbattable.

Petite définition rapide : le Responsive Design est une méthode de conception et de développement de sites ou d’applications Web qui permet une adaptation de la mise en page à plusieurs tailles d’écran grâce à une grille fluide où se casent les différents contenus de la page et évidemment grâce à la détection des différents appareils d’où est consultée la page. La révolution est en marche depuis l’explosion de l’usage d’Internet sur iPhone et a été théorisée en 2010 par Ethan Marcotte (Responsive Web Design, A Book Apart, mai 2010 – également disponible chez Eyrolles en Français). Pour en savoir plus, je vous laisse lire le Wiki dédié au Responsive Design.

Souvent il suffit de concevoir le site ou l’application en 3 résolutions qui couvriront les 3 tailles d’écran les plus répandues (desktop, mobile, tablette). Il est possible de se contenter de 2 (desktop et mobile) ou de créer un design pour 4, 5 ou plus.

Le principe de création est le suivant :

  1. Penser le design en modules qui s’afficheront différemment selon la taille de l’écran ou ne s’afficheront pas pour certaines tailles,
  2. Créer un design (architecture de l’information et design graphique) parallèlement pour toutes les résolutions sélectionnées,
  3. Encoder le design dans un front-end framework. Nous avons pris l’habitude de travailler avec Twitter/Bootstrap qui fait gagner de nombreuses heures de codage HTML, CSS et JavaScript. Si le cœur vous en dit, n’hésitez pas à nous y rejoindre !
  4. Implémenter le front-end dans la plateforme ou l’environnement back-end de votre solution.

Desktop, mobile, tablette

Si vous doutez des avantages en termes de coût, téléphonez-moi ou envoyez-moi un email , je vous expliquerai tout ! +47 979 55 062 ou fabien[at]macarieweb.com

2 commentaires pour Pourquoi le Responsive Design est en train de révolutionner le Web

Please ! Laissez un commentaire

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Contactez moi