{"id":6587,"date":"2011-12-08T19:53:55","date_gmt":"2011-12-08T18:53:55","guid":{"rendered":"http:\/\/www.ziserman.com\/blog\/?p=6587"},"modified":"2011-12-08T20:20:25","modified_gmt":"2011-12-08T19:20:25","slug":"responsive-web-design-mon-grain-de-sel","status":"publish","type":"post","link":"https:\/\/www.ziserman.com\/blog\/2011\/12\/08\/responsive-web-design-mon-grain-de-sel\/","title":{"rendered":"Responsive Web Design, mon grain de sel ;)"},"content":{"rendered":"

Les tailles des \u00e9crans varient \u00e9norm\u00e9ment, et ce ph\u00e9nom\u00e8ne ne fait que s’amplifier.<\/p>\n

Les nagigateurs se diversifient, sans qu’on voie de r\u00e9elle convergence arriver. En fait, comme l’historique du web augmente (m\u00e9caniquement \ud83d\ude09 ) et qu’on ne contr\u00f4le pas les mises \u00e0 jours des logiciels, le nombre de navigateurs augmente m\u00e9caniquement, au fil du temps.<\/p>\n

Le contexte de l’internaute est de plus en plus vari\u00e9 : chez lui, avec un ordinateur, chez lui, avec une tablette, une console de jeux mobile ; en mobilit\u00e9, avec un smartphone, …
\nCe contexte est important, parce qu’en fonction de celui-ci, les probl\u00e9matiques ne sont pas les m\u00eames : la bande passante n’est pas du tout la m\u00eame, entre un internaute qui acc\u00e8de \u00e0 un r\u00e9seau wifi et un internaute en mobilit\u00e9, en 3G ou Edge.<\/p>\n

Enfin, m\u00eame quand l’internaute est chez lui, devant un bien classique ordinateur, la taille de la fen\u00eatre du navigateur peut tout \u00e0 fait ne couvrir qu’une partie de son \u00e9cran.<\/p>\n

Bref, le contexte de navigation devient de plus en plus vari\u00e9, avec pas mal de param\u00e8tres \u00e0 prendre en compte<\/strong>.<\/p>\n

D’ou la tendance actuelle, int\u00e9ressante, du Responsive Web Design.<\/p>\n

Cette notion vient de l’architecture physique, ou l’on essaye de faire des \u00e9l\u00e9ments qui \u00e9voluent, en fonction des besoins ou usages.
\nExemple : une vitre est transparente et peut devenir opaque, en fonction de l’usage de la pi\u00e8ce.<\/p>\n

Je veux pas la ramener, mais c’est bien ce \u00e0 quoi Wokup s’\u00e9tait\u00a0attel\u00e9\u00a0d\u00e8s 1999 !<\/p>\n

Donc, ce n’est pas un sujet nouveau<\/strong>, mais on peut dire que c’est un sujet qui devient de plus en plus important<\/strong>.<\/p>\n

L’id\u00e9e, du Responsive Web Design, c’est de changer la fa\u00e7on de concevoir un site web, de mani\u00e8re \u00e0 ce qu’il soit \u00ab\u00a0intrinc\u00e8quement\u00a0\u00bb adaptable aux diff\u00e9rentes configurations<\/strong>.<\/p>\n

On a bien l’id\u00e9e d’un contenu unique, qui s’adapte \u00e0 l’ensemble des situations.<\/p>\n

 <\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Ce que j’en pense :<\/p>\n

C’est un vrai sujet, c’est donc tr\u00e8s bien qu’il soit trait\u00e9<\/strong> \ud83d\ude09<\/p>\n

Comme le dit ce tr\u00e8s bon article<\/a>\u00a0(en Fran\u00e7ais en plus), cela ne concerne pas que la partie technique<\/strong>. Il faut que les designers pensent au site diff\u00e9remment, le con\u00e7oivent diff\u00e9remment.
\nIl faut dans le m\u00eame temps que les d\u00e9cideurs, les manageurs, comprennent ces enjeux, et fassent des choix coh\u00e9rent par rapport \u00e0 ce besoin, qu’ils demandent \u00e0 leurs agences : \u00ab\u00a0comment le site s’adapte aux diff\u00e9rentes tailles d’\u00e9crans\u00a0\u00bb ?<\/p>\n

Si le buzz actuel sur cette approche fait bouger les choses dans ce sens, et aide l’ensemble des acteurs : d\u00e9veloppeurs, designers, d\u00e9cideurs, c’est d\u00e9j\u00e0 tr\u00e8s tr\u00e8s bien !<\/strong><\/p>\n

Maintenant, l’approche est int\u00e9ressante, mais n’est pas suffisante<\/strong>.<\/p>\n

Je ne pense pas, pour ma part, que le seul sujet soit la mise en forme, aussi intelligente soit-elle.
\nExemple : on ne va pas afficher le m\u00eame nombre de produits, entre une interface pour smartphone et un ordinateur.<\/p>\n

Je ne vois pas non plus pourquoi on envoie le m\u00eame contenu \u00e0 l’internaute, quelque soit sa configuration<\/strong>.<\/p>\n

Je sais que ce n’est pas l’approche \u00ab\u00a0standard\u00a0\u00bb, mais je pense qu’il est plus adapt\u00e9, pour certains \u00e9l\u00e9ments, d’envoyer un contenu adapt\u00e9 \u00e0 la configuration de l’internaute<\/strong>.<\/p>\n

Exemples :<\/p>\n