Mais c'est quoi le Responsive Design ?

Le web est en perpétuelle évolution.
Actuellement, c’est l’émergence des smartphones et tablettes tactiles qui révolutionne le travail des développeurs et des intégrateurs web.
Ne pas prendre en compte ces nouveaux supports et les habitudes de navigation qui en découlent, serait comme se priver d’une grande partie de son “public potentiel”.
Il fut un temps ou il suffisait de créer une version mobile du site en plus de sa version standard, mais la multiplication des supports de navigation multiplie d’autant l’expérience utilisateur... et le travail du développeur web.

L’édition sur le web :
Nous ne pouvons plus faire référence aux règles d’édition de l’imprimerie. Les internautes et leurs habitudes de navigation sont multiples et nous devons nous adapter aux supports actuels de plus en plus nombreux.
Nous ne pensons plus une page web comme une mise page figée, mais comme un contenu évolutif qui doit s’adapter au plus près de l’expérience utilisateur et de ses différentes façons de naviguer sur le web.
C’est pourquoi les pionniers du Web ont inventé le Responsive Web Design ( cf : Ethan Marcotte ) et l’Adaptive Web Design ( cf : Aaron Gustafson ) afin d’enrichir l’expérience des utilisateurs.

responsive-templates.jpg

Évolution majeure du web design, le Responsive Design est une solution efficace pour offrir aux internautes une expérience enrichie.

Responsive Web Design :
Selon Wikipedia : “La notion de Web adaptatif repense la manière de concevoir les parcours de navigation sur Internet, puisqu'il ne s'agit plus de concevoir autant de parcours qu'il y a de famille de terminaux mais de concevoir une seule interface auto-adaptable. Ainsi, les sources d'information et les socles techniques ne sont pas dupliqués”.

Le Responsive Design répond aux problématiques d’affichage dans les différends terminaux, en changeant dynamiquement l’affichage de la page en fonction des résolutions d’écran.
Le Responsive Design tend vers la standardisation du Web ( normes W3C ) et l’industrialisation des processus de mise en oeuvre, ce qui permet une économie dans la conception et la maintenance de sites web.

Le Responsive Design est-ce la panacée ?
Il faut clairement envisager la mobilité non seulement sous l’angle de l’affichage des pages web, mais aussi sous l’angle de l’ergonomie, de l’utilisation et de la performance des différents terminaux, et donc sous l’angle “Adaptive Web Design” ( optimisation de l’expérience utilisateur selon le support ) .
Exemple : non seulement l’image se dimensionne en fonction de la résolution de l’écran mais on délivre aussi des images plus petites (et donc plus légères) pour les supports mobiles.

responsive.jpg

Drupal et le responsive design :
Drupal est à la pointe des techniques du Web Responsive et du Web Adaptatif.
La communauté se met en quatre pour adopter ces nouvelles techniques et améliorer l’expérience des utilisateurs en les rendant plus abordables : il existe de nombreux modules et templates permettant de mettre en oeuvre ces techniques et d’en assurer la pérennité sur le long terme, certaines de ces solutions étant d’hors et déjà intégrées nativement dans le prochaine version de Drupal ( Drupal 8, sortie prévue été 2013 ).

Conclusion :
Avec les dernières évolutions techniques de développement web et ses applications au sein de Drupal, nous avons tous les outils pour vous proposer un Design Responsive à un coût de mise en oeuvre et de maintenance abordable.
Alors, pourquoi s’en priver ?

Exemples de sites ayant misé sur le Responsive Design :

Elysée ( institutionnel )
Barackobama.com ( politique )
Time.com ( editorial )
Gateway Bank of Mesa ( corporate )
3200 Tigres ( association )
Peace and Wool ( e-commerce )
mediaqueri.es ( et bien d'autres... )

Tester le Responsive Design :

Mobiletest.me
Responsive.is
The responsinator

CE QUE NOUS FAISONS :

Sites web sous Drupal
Sites web dynamiques
Suivi de projet
Web design
Charte graphique
Identité visuelle
Marketing
Stratégie de marque
ADN de marque
Hébergement
Gestion web
Optimisation SEO