Les 10 commandements du responsive design
En 320px ton webdesign, tu commenceras
Partir de la plus petite taille d’écran ciblée, pour ensuite enrichir les possibles du site ; c’est s’assurer d’aller à l’essentiel sur le mobile.
Ton contenu rédactionnel, tu soigneras
Parce que le mobinaute est exigeant, travailler le texte autant que l’image est primordial. Capter l’attention d’un mobinaute commence par adapter un message à son contexte d’usage.
Les sites à hauteur fixe, tu oublieras
La page à taille fixe est morte ! En 2012, les pages web sont de taille infinie, les textes extensibles, les images modulables. Tout est question de contexte…
Les Media Queries CSS3, tu maîtriseras
Le responsive design vient tirer sa puissance des nouveaux standards du web : à chaque média son affichage optimisé grâce à CSS3. En filtrant le code par type de terminal, vous offrez un contenu en contexte.
Les grilles, tu utiliseras
Parce que les affichages sont fonction du terminal utilisé, les grilles de mise en page vous aideront à organiser vos interfaces. Sometimes, size matters…
Tes images d’ambiance, tu travailleras
Selon la taille et résolution de l’écran (mobile, tablette, PC ou TV connectée) le fond d’une page est vu partiellement ou en entier, alors soignez-le !
Les usages mobiles de ton site, tu analyseras
Le responsive design est une approche du Web, elle n’est pas exclusive et peut être partielle. Analyser les besoins et les usages des "vrais" utilisateurs, c’est lui garantir une interface responsive vraiment utile.
La connaissance des acteurs, tu auras
Les fonctionnalités natives des terminaux tactiles ou mobiles, de la géo-localisation au lecteur vidéo, sont autant d’aubaines pour votre site. Utilisez cette puissance au maximum !
Les nouvelles pratiques de navigation, tu intégreras
De l’écran tactile à la télécommande, le responsive design doit tenir compte de l’usage “in situ”. Le curseur n’est plus le maître du Web, le pouce lui vole la vedette. Sachez le prévoir.
Ton esprit, tu libéreras
Le responsive design, c’est un nouveau monde à découvrir. Les frontières tombent en même temps que les résolutions explosent : innovez et inventez vos propres solutions !