Votre site sur un téléphone : ce que vos clients voient vraiment

La plupart de vos visiteurs arrivent par un téléphone, souvent debout, dehors, avec une main. Voici ce qui les fait partir en trois secondes, et les corrections qui rapportent le plus.

Le test à faire ce soir

Prenez votre téléphone, coupez le wifi et ouvrez votre site. Comptez les secondes avant de voir quelque chose d’utile. Essayez d’appeler en un geste. Cherchez vos horaires.

Si l’une de ces trois actions échoue, vous perdez des clients tous les jours, et vous ne le voyez pas dans vos statistiques : ils ne vous ont jamais contacté.

Ce qui fait fuir en trois secondes

• Une image de plusieurs mégaoctets en haut de page, qui met cinq secondes à s’afficher en 4G.
• Un texte minuscule qu’il faut agrandir avec deux doigts.
• Un menu qui recouvre l’écran et dont on ne trouve pas la croix de fermeture.
• Un numéro de téléphone écrit en image, donc impossible à cliquer.
• Un formulaire de douze champs pour demander un simple devis.

Les corrections qui rapportent le plus

• Mettre l’essentiel en haut : ce que vous faites, où, et un bouton d’appel. Le reste peut attendre le défilement.
• Compresser les images et les servir au format moderne. C’est invisible pour l’œil et cela divise souvent le poids par trois.
• Un numéro cliquable, une adresse qui ouvre l’application de navigation, des horaires lisibles sans zoom.
• Un formulaire court : nom, moyen de contact, besoin. On demandera le reste au téléphone.

Le mobile n’est pas une version dégradée

Longtemps, les sites étaient conçus pour l’ordinateur puis « adaptés » au téléphone. C’est l’inverse qu’il faut faire : concevoir pour le petit écran, où tout choix doit se justifier, puis profiter de la place supplémentaire sur grand écran.

Cette contrainte est une bonne nouvelle : elle force à ne garder que ce qui sert réellement.

Le pouce, pas la souris

Sur un ordinateur, le curseur est précis au pixel près. Sur un téléphone, vous avez un pouce, souvent en mouvement, parfois avec des gants ou sous la pluie. Cela change tout le dessin d’une page.

Une cible tactile confortable fait au moins 44 pixels de côté, avec de l’espace autour. Deux liens collés l’un à l’autre produisent des erreurs de clic, et une erreur de clic sur un téléphone se solde souvent par un retour en arrière, puis par un départ.

Placez les actions importantes dans la moitié basse de l’écran, là où le pouce arrive naturellement. Un bouton d’appel en haut à droite est le plus difficile à atteindre d’une seule main.

Les trois pages qui comptent vraiment

Sur mobile, l’essentiel du trafic se concentre sur trois pages : l’accueil, la page du service recherché, et le contact. Ce sont celles à soigner en priorité ; le reste peut attendre.

L’accueil doit répondre en une phrase à « qui êtes-vous, que faites-vous, où ». La page de service doit donner un ordre de prix ou un délai, sans quoi le visiteur retourne chercher ailleurs. La page de contact doit tenir sans défilement : un numéro cliquable, une adresse qui ouvre l’application de navigation, un formulaire de trois champs.

Tester correctement, sans matériel coûteux

Réduire la fenêtre de son navigateur ne suffit pas : cela ne reproduit ni la lenteur du réseau, ni l’imprécision du toucher, ni la luminosité du dehors.

Faites trois tests simples. Le premier sur votre propre téléphone, en 4G, wifi coupé. Le deuxième sur un téléphone d’entrée de gamme, celui d’un proche par exemple, parce qu’une partie de vos clients n’a pas le dernier modèle. Le troisième dehors, en plein jour : un texte gris clair sur fond blanc devient illisible au soleil.

Enfin, demandez à quelqu’un qui ne connaît pas votre activité de trouver votre numéro de téléphone. Chronométrez sans rien dire. Au-delà de dix secondes, vous avez un problème de structure, pas de design.

Et la vitesse dans tout ça ?

Google mesure la vitesse d’affichage et la stabilité de la page, et en tient compte dans le classement. Mais l’argument commercial est plus simple : un visiteur qui attend s’en va. Aucun beau design ne rattrape trois secondes d’écran blanc.