Responsive Design
1080p, 720p, Retina, “Widescreen”, IPS, OLED, 16:9, 4:3 à tout moment de la journée le monde virtuel nous est projeté. Avec chacune des différentes résolutions et leurs caractéristiques il est difficile de s’y retrouver. De notre côté, on doit composer avec ces éléments afin d’uniformiser l’expérience usager sur chacune de ces plateformes. Depuis longtemps, nous l’appliquons quelque fois sans trop s’y arrêter. Ce concept très tendance à maintenant un nom.
Voici le “Responsive
Design” A.K.A. : « Flexible Design » ou « Elastic
Layout ». Cette approche suggère
que l’élaboration d’une application prend en considération la dimension,
l’orientation et la résolution de l’écran.
À l’aide de CSS, HTML, Javascript il est possible d’y arriver. Pour
améliorer la flexibilité de la disposition des éléments, le contenu doit répondre
de l’affichage disponible. Il peut s’agir
simplement d’ajuster la taille des colonnes ou des images, changer la
disposition des sections, modifier
légèrement la navigation. Les solutions
sont nombreuses, il s’agit d’y mettre un brin de d’ingéniosité.
Le fureteur Firefox permet
de tester l’intégration de notre design :
Plusieurs outils et
sites sont à notre disposition pour permettre de tester nos élans de
créativités. Une simple recherche prouvera que le dynamisme des sites est
vraiment de mise dans la conception des futures applications.
Les statistiques le
prouvent et bientôt, l’accès au Net sera fait en grande majorité par de petits
appareils nomades. Avec le nombre
grandissant d’unités mobiles, le web n’a pas d’autre choix que de s’adapter aux
utilisateurs. Récemment,
« Twitter » à fait une refonte de son site mobile qui fut testée sur
plus de 300 appareils. La ville de Montréal va proposer une solution d’accès à
même sa flotte de vélo BiXi, les Wi-Xi (voir l’article de Direction
Informatique). Tim Horton on annoncé
l’installation de réseau Wifi dans leur établissement (article),
et se joint ainsi à McDo, SecondCup et Starbuck. L’accessibilité au net est un enjeu
économique de premier ordre pour les entreprises et les consommateurs.
Voici un article très
intéressant, que je vous recommande, pour compléter votre lecture :
Aucun commentaire:
Publier un commentaire