Le responsive design : l'avenir du web
Le "responsive design" est une façon de construire un site apparue avec le HTML5 et le css3. Cela permet d'adapter les graphismes d'un site en fonction de la taille de l'écran du visiteur.
Le responsive web design
Le "responsive design" est une façon de construire un site apparue avec le HTML5 et le css3.
Cela permet d'adapter les graphismes d'un site en fonction de la taille de l'écran du visiteur, écrans qui ont des tailles de plus en plus variées, comme par exemple ceux des iPad mini.
La problématique du web mobile
Un site "responsive design" indique qu'il s'adapte à la taille de l'écran de l'utilisateur.
La problématique vient de la diversification des terminaux mobiles (navigateur, tablette, mobile, télé connectée, ...), cette dernière étant de plus en plus présente depuis quelques années. Voir notre article présentant la navigation mobile vs desktop.
L'expérience utilisateur est trop différente entre un smartphone et un écran 30 pouces !
La navigation, la sensation que procure un site web diffère largement.
Il est cependant long et coûteux de faire une version de site internet spécifique pour chaque terminal.
Il faut donc adapter le design en fonction de ces derniers.
HTML5 et CSS3 les technologies qui permettent le responsive design
Les dernières technologies (html5 et css3 notamment) apportent leurs lots de solutions pour ces problématiques. Notre site est d'ailleurs passé récemment en HTML 5.
La feuille de style du site internet va analyser la taille de l'écran de l'utilisateur et adapter le site en fonction de cette dernière.
Le "responsive design" demande un travail de conception important mais il est bien moindre que de faire des sites spécifiques pour chaque type de terminal.
Avec la multiplication des terminaux et notamment des terminaux mobiles, le responsive design est une solution technique prometteuse pour l'avenir.