Avec de plus en plus d’internautes qui sont désormais des mobinautes (le mot tablettenaute n’existe pas encore), il est important de penser à toutes les personnes qui consultent dès aujourd’hui les sites web à partir d’un autre outil qu’un ordinateur.

Cela est d’autant plus important que d’ici quelques trimestres, il y aura plus de consultations depuis les périphériques alternatifs que depuis les ordinateurs de bureau ou ordinateurs portables.

Responsive design : explications

Pour répondre aux internautes consultant depuis leurs téléphones, l’idéal est de créer un site web dédié mobile. Mais cela a un coût et tous les téléphones ne s’entendent pas pour afficher la même chose. Et les tablettes qui sont plus grosses que les portables sans être aussi grandes que les ordinateurs sont souvent oubliées.

responsive design sur 3 terminaux

Le même site en responsive design

La solution actuelle semble donc être le responsive-design : c’est à dire la conception d’interfaces web intelligentes qui savent s’adapter au terminal lecteur et à ses contraintes. Le même site web pourra donc se consulter de façon optimale sur écran d’ordinateur, de télé, de téléphone ou de tablette. Ainsi en créant un site web qui s’adapte tout seul au support, les différents blocs de contenu deviennent flexibles et se déplacent dans la page en fonction de l’outil utilisé.

Avantages du responsive design

L’agence web n’a plus besoin de créer autant de versions du site web que de matériels différents pour le plus grand bonheur de ses développeurs et du porte-feuille de ses clients. Bien sur, un site responsive-design coûte plus cher qu’un site normal. Mais il coûte aussi moins cher que 2, 3, 4 version différentes du même site. Et côté maintenance, le responsive design simplifie les choses.

Économie de temps et d’argent conjugués à une meilleure expérience utilisateur : tout le monde est gagnant sur tous les fronts.

Quand ne pas utiliser le responsive-design ?

Nouvelle techno, nouveaux usages. Attention à ne pas utiliser cette fonction à tort et à travers. Le responsive-design doit être proscrit sur les très gros sites (trop de contraintes pour l’instant), pour les mobinautes ayant des exigences particulières différentes des internautes et lorsque les requêtes des internautes mobiles sont fondamentalement différentes des internautes classiques.

Responsive-design et SEO

Aucun problème de référencement avec le responsive-design. C’est d’ailleurs ce que Google conseille pour les sites web mobiles. Les sites disponibles en différentes versions (normal, mobile…) ne pose d’ailleurs pas de problème non plus d’un point de vue référencement si la question est étudiée en amont (ce qui est hélas rarement le cas).

Responsive design et M-commerce

Le plus gros challenge est celui du E-commerce appliqué au mobile. Le M-commerce qui est destiné à grignoter de belles parts de marché au boutiques en lignes classiques nécessite un vrai travail de réflexion avec identification de chemin de navigations, ciblage utilisateur et montage de scénario.

Photo : Axbom