Adapter son site à toutes les résolutions d’écrans ? C’est possible !
Du moins, lorsque vous pensez Responsive web design. Retour sur ce terme un peu barbare ou plus exactement : futuriste.

Le phénomène de désintoxication… à l’ordinateur

Ce n’est pas nouveau : notre dépendance à notre (vieux) PC, ou mac (pour les aficionados), tend à diminuer !
Désormais nous surfons partout et tout le temps. Plus besoin d’ordi pour aller sur le web. Tablettes et smartphones se sont créés une place à part entière dans notre quotidien, et ne sont pas prêts de la quitter :  ils génèraient à tous les deux plus de 5 % du trafic sur Internet en octobre 2011.

Alors désormais, quand on veut un site Internet, on le veut aussi sur mobile.

Petit problème : pour adapter un site Internet aux smartphones ou à toutes les résolutions de tablettes, cela demande une charge de travail impressionnante pour le développeur, l’intégrateur et le créa. Créer un site sur pas moins de 400 résolutions d’écrans… c’est long.

La réponse du responsive web design ? L’adaptation d’un même site sur toutes les résolutions d’écrans.

Le calcul Responsive web design

Créer un site, sans penser Responsive web design, c’est :

1. Je fais mon site pour un ordi
2. J’adapte pour le mobile…
3. Oups, j’ai oublié les tablettes, donc je réadapte pour les tablettes
4. Ah en fait, il y a presque autant de résolutions d’écrans que de modèles de smartphones ou de tablettes…
5. Diantre, j’ai aussi oublié les netbooks.
6. Ah et pour les gamers : faut penser à la console de jeux, à l’écran télé, etc. Comment je fais ? Je suis perdu.

En pensant Responsive web design :

1. Ecran d’ordi, tablette, smartphone : je pense à mon site sur les différents supports
2. Je développe un site flexible !

Bref, plus rapide. Plus pratique. Plus intelligent.

Le responsive web design : un état d’esprit

Pourquoi ?

L’internaute sur ordinateur ne navigue pas de la même façon que sur mobile.
Sur ordi, il lit le contenu en profondeur, profite des images à grande dimension. Sur smartphone, il survole l’actu, recherche une info précise et pertinente.
Si les objectifs ne sont pas les mêmes sur ordi et sur mobile, pourquoi créer un site de la même façon ?

Là encore, la réponse du responsive design est d’adapter, non pas simplement la taille de l’écran mais aussi :

• la mise en page et hiérarchie de lecture
• les images et vidéos
• la typo
• la couche Javascript
• le poids du site

Pour créer une navigation optimale sur chacun des supports.

Désormais, avant de vous lancer dans la création de site classique, pensez aussi aux mobinautes et aux tablenautes (oui, ils existent).
Pour plus d’info sur la technique, RDV ici :

• PARTIE 2 : Le responsive web design débarque sur TOUS vos écrans !
• Responsive web design : les premiers de la classe en images