Votre site se lit d'abord sur un téléphone
On valide souvent un site sur l'écran d'un ordinateur, dans un bureau, avec une bonne connexion. Vos clients, eux, l'ouvrent dans un taxi, sur un téléphone, avec un réseau qui va et vient.
Concevoir pour le pouce
Sur un téléphone, on navigue avec le pouce. Les boutons doivent être assez grands pour être touchés du premier coup, et les actions importantes placées là où le pouce arrive sans effort : appeler, écrire sur WhatsApp, commander.
Un menu à douze entrées ou un tableau sur quatre colonnes ne survivent pas à un écran de six pouces. Il faut les repenser, pas seulement les rétrécir.
Chaque image se paie en attente
Une photo de trois mégaoctets ne se voit pas sur une fibre. En 4G irrégulière, c'est plusieurs secondes d'écran blanc, et beaucoup de visiteurs partent avant la fin.
Des formats d'image modernes comme le WebP, des tailles adaptées à l'écran et un chargement progressif divisent souvent le poids d'une page par dix, sans perte visible. Visez une page d'accueil légère : quelques centaines de kilo-octets pour l'essentiel, le reste chargé à mesure qu'on descend.
Un texte qu'on lit sans zoomer
Un texte trop petit oblige à pincer l'écran, et la plupart des visiteurs ne le font pas : ils partent. Gardez un corps de texte confortable, des lignes courtes et un contraste franc entre le texte et le fond. Un gris clair sur fond blanc, élégant sur un grand écran, devient illisible en plein soleil sur un téléphone.
WhatsApp avant le formulaire
Vos clients sont déjà sur WhatsApp. Un bouton qui ouvre la conversation avec un message déjà rédigé convertit bien mieux qu'un formulaire à remplir sur un petit clavier. Gardez le formulaire pour ceux qui le préfèrent, mais ne le mettez pas en premier.
Si vous gardez un formulaire, faites-le court et aidez le clavier : un champ téléphone doit ouvrir le pavé numérique, un champ e-mail doit proposer le @. Ce sont des détails de code, et ils changent tout pour celui qui tape.
Ce qu'il faut éviter
- Les fenêtres surgissantes qui couvrent tout l'écran dès l'arrivée
- Les textes trop petits qui obligent à zoomer
- Les vidéos lourdes lancées automatiquement en haut de page
- Les numéros de téléphone écrits en image, qu'on ne peut pas toucher pour appeler
- Les éléments qui bougent pendant le chargement et font cliquer au mauvais endroit
Google regarde la version téléphone
Google classe les sites d'après leur version mobile. Si votre site est complet sur ordinateur mais amputé sur téléphone, c'est la version amputée qui compte. Google mesure aussi la vitesse d'affichage et la stabilité de la page : un site lent ou qui saute pendant le chargement recule face à ses concurrents.
Le bon test
Avant de valider un site, ouvrez-le sur un téléphone d'entrée de gamme, en 4G, dehors. Chronométrez le temps avant de pouvoir lire la première phrase, puis essayez de passer commande d'une seule main. Si c'est pénible pour vous, ça l'est pour vos clients.
Si votre site actuel échoue à ce test, une refonte commence souvent par là : alléger, simplifier, et remettre les actions importantes sous le pouce.
Chez Fauve Studio, chaque site est dessiné d'abord pour le téléphone, puis élargi pour l'ordinateur. Les images sont compressées pour tenir sur un réseau mobile ordinaire.