Le responsive web design pour s’adapter à tous les écrans /

 

En partant du constat qu’en 2015 il y aura plus d’internautes sur tablette que sur écran d’ordinateur, INSITE propose à ses clients des outils web qualitatifs en responsive web design (RWD).

Vous êtes plutôt Internautes ou Mobinautes ?

On a envie de vous répondre qu’avec le responsive web design (RWD) ce n’est plus si important.

Aujourd’hui plus de 73% des personnes sont équipées d’un appareil mobile* et toutes en font un usage différent.

(*cf JDN en France en 2013)

 

Que font les gens sur leur smartphone?

Beaucoup de choses, comme naviguer sur le net (78%), consulter des e-mails (77%) ou encore faire des recherches (73%).

(cf Optimisation Mobile – Responsive Webdesign – 2013 from inpixelitrust)

 

Alors voilà une tendance du web qui s’inscrit dans la durée et qui nous impose aujourd’hui de par nos nouveaux modes de communication de nous adapter et d’offrir aux usagers une adaptation des contenus à leurs écrans !

Rendre accessible le web partout : c’est donc ça le plan G* !

(*Plan GEEK)

Plusieurs solutions sont développées pour répondre à ce nouveau besoin de la société :

  • Développer des applications mobiles : 
cette solution est à étudier en fonction de la typologie de votre projet et des développements spécifiques à réaliser sans compter les mises à jours de l’application qui nécessitent parfois une version du code différente par marque et par version de mobile. A cela il faut ajouter que le contenu n’est pas indexable dans les moteurs de recherche. Cela peut vite devenir très coûteux ! Il faut analyser l’ensemble du projet à réaliser en prenant en compte l’ensemble de ces paramètres.
  • Développer une version mobile : 
de la même façon cela nécessite d’étudier votre projet. Il peut y avoir beaucoup de maintenance, ce qui peut générer des erreurs. Il est impossible de prévoir l’adaptation pour tous les supports.

Ce qu’il faut retenir : c’est que les internautes sont de plus en plus mobiles et les supports se multipliant à vitesse grand V, la voie du responsive web design 
(RWD) reste la solution la plus simple et flexible pour s’adapter aux multiples appareils actuels et à venir pour des sites dédiés essentiellement à de la consultation d’informations.

 

Exemple de site réalisé en responsive web design par INSITE (www.ethiquable.coop) et qui s’adapte quel que soit le terminal mobile utilisé.
Exemple de site réalisé en responsive web design par INSITE (www.ethiquable.coop) et qui s’adapte quel que soit le terminal mobile utilisé.

Adapter votre site en responsive web design

Principes et technologies

Au-delà de l’adaptation de votre site au format mobile, le responsive web design (RWD), c’est une expérience utilisateur, c’est permettre à l’internaute une immersion complète dans un site web quel que soit le terminal utilisé.

La notion de responsive web design (conception de sites web adaptatifs) regroupe différents principes et technologies mais elle 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, smartphone, télévision connectée, …). 

Nous concevons, en général, 3 à 4 gabarits à maquetter après avoir identifié des familles de résolutions.
 Cette technologie s’appuie principalement sur l’usage de différentes feuilles de style css en fonction des tailles de navigateurs.

Ainsi, les “mobinautes” pourront avoir une expérience utilisateur 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é.

 

Avantages du responsive web design

Cette méthode permet :

  • de naviguer sur un site de façon simple et ergonomique
  • une lecture optimisée et agréable des contenus
  • le redimensionnement des images
  • la réorganisation des informations pour optimiser l’expérience utilisateur
  • pas de redirection de liens, pas de détection de version et/ou système d’exploitation
  • peu de maintenance

La notion de responsive web design révolutionne la manière de concevoir les parcours internet puisqu’il ne s’agit plus ici de concevoir autant de parcours qu’il y a de familles de terminaux mais de concevoir une seule interface auto-adaptable.

Ainsi, les sources d’information et les socles techniques ne sont pas dupliqués. 
Cela engendre des économies d’échelle dans la conception et la maintenance de sites internet mais implique des choix ergonomiques et techniques en amont.

Si vous voulez tester l’adaptabilité de votre site : http://viewlike.us/index.php

 

Adaptative Iceberg

Le déroulement parfait de votre prestation aura été à l’image de votre professionnalisme et de votre souci constant de nous satisfaire (…)

Project Manager Digital & Innovation d'IMMOCHAN