Pourquoi un site responsive est indispensable

Vos clients vous cherchent sur leur téléphone dans les transports, comparent sur une tablette le soir, puis vous contactent depuis leur ordinateur au bureau. Un site responsive s’adapte à chacun de ces écrans. Aujourd’hui, ce n’est plus une option : c’est la base.

Ce que veut dire « responsive »

Un site responsive réorganise son contenu selon l’écran. Sur ordinateur, trois colonnes côte à côte ; sur tablette, deux ; sur téléphone, une seule, avec un menu replié. Le contenu reste le même, sa présentation change.

C’est différent des sites « mobiles » séparés qu’on voyait il y a une dizaine d’années, avec une adresse à part et des contenus réduits. Aujourd’hui, un seul site s’adapte à tout.

Vos visiteurs sont d’abord sur mobile

Pour la plupart des sites de services, une large part des visites se fait depuis un téléphone. Et ces visiteurs sont pressés : selon une étude Google publiée en 2016, 53 % des visites sur mobile sont abandonnées si la page met plus de trois secondes à s’afficher.

Ce que ça change dans la conception

Un bon site responsive ne se contente pas de « rétrécir ». Il se conçoit en pensant au téléphone dès les premières maquettes.

Hiérarchiser le contenu

Sur un petit écran, on ne voit qu’un bloc à la fois. Il faut donc décider de l’ordre : qui vous êtes, ce que vous proposez, comment vous contacter.

Des boutons faits pour le pouce

Les boutons doivent être assez grands pour être touchés sans viser, et placés là où le pouce arrive naturellement.

Des textes lisibles sans zoomer

Une taille de texte confortable, des lignes pas trop longues, un bon contraste. Si vos visiteurs doivent zoomer pour lire, ils repartent.

Des pages légères

Des images compressées au bon format, comme le WebP, et le chargement différé de ce qui n’est pas encore visible : sur une connexion mobile, chaque kilo-octet compte.

Le mot du webdesigner

Je dessine toujours la version mobile en même temps que la version ordinateur. Si une page fonctionne sur un petit écran, elle fonctionne partout.

Responsive et référencement

Un site agréable sur mobile garde ses visiteurs plus longtemps, et Google en tient compte. L’optimisation du site pour le référencement commence donc par une version mobile soignée : rapide, lisible, sans éléments qui se chevauchent.

Comment vérifier si votre site est responsive

1. Ouvrez votre site sur votre téléphone et parcourez-le comme un client : cherchez une information, remplissez le formulaire.
2. Faites pivoter l’écran : rien ne doit déborder ni se chevaucher.
3. Testez la vitesse avec PageSpeed Insights, l’outil gratuit de Google.
4. Demandez à un proche de faire le test : il verra ce que vous ne voyez plus.

Questions

Questions fréquentes

Mon site a quelques années : est-il forcément à refaire ?

Pas forcément. S'il s'affiche correctement sur mobile et reste rapide, quelques ajustements peuvent suffire. S'il faut zoomer pour lire ou si le menu est inutilisable, une refonte est souvent plus rentable que des corrections au cas par cas.

Un site responsive coûte-t-il plus cher ?

Plus aujourd'hui : c'est la norme, et la version mobile fait partie de la conception. Méfiez-vous plutôt d'un devis qui ne mentionne pas le mobile.

Faut-il aussi une application mobile ?

Pour la grande majorité des entreprises, non. Un site responsive bien conçu répond aux mêmes besoins, sans passer par les magasins d'applications ni demander d'installation.

Comment savoir sur quels écrans me consultent mes visiteurs ?

Un outil de statistiques comme Google Analytics ou Matomo indique la part de visites sur mobile, tablette et ordinateur. C'est souvent une surprise, et un bon argument pour revoir son site.