Site sur mobile : les erreurs qui font fuir les clients

Pour une entreprise locale, une grande partie des visiteurs arrive sur téléphone, souvent pressée : elle cherche un numéro, un horaire, une adresse, un prix. Un site pensé d'abord pour l'ordinateur et simplement « rétréci » pour le mobile rate ces clients. Voici les erreurs les plus courantes, et leurs remèdes.

1. Le numéro de téléphone n'est pas cliquable

Le client doit pouvoir vous appeler d'un seul geste. Un numéro écrit en image, ou en texte non cliquable, l'oblige à le mémoriser ou à le recopier. Beaucoup abandonnent. Sur mobile, un bouton « Appeler » toujours visible (en haut ou en bas de l'écran) est souvent la meilleure solution pour un artisan.

2. Le texte est trop petit

Si le visiteur doit zoomer pour lire, il repart. Le texte courant doit être assez grand pour être lu sans effort, et les lignes pas trop longues. Vérifiez aussi le contraste : un gris clair élégant sur ordinateur devient illisible en plein soleil.

3. Les boutons sont trop petits ou trop proches

Un doigt n'est pas une souris. Les liens et boutons doivent être assez grands et assez espacés pour être touchés sans erreur. Un menu dont les liens se touchent provoque des clics involontaires et de la frustration.

4. Des fenêtres qui s'imposent

Bandeau de cookies qui couvre la moitié de l'écran, fenêtre d'inscription à la lettre d'information dès l'arrivée, bulle de discussion qui masque le bouton de contact : sur un petit écran, chaque élément superposé gêne. Google pénalise d'ailleurs les fenêtres intrusives qui masquent le contenu sur mobile.

5. Le site est lent

Sur une connexion mobile moyenne, un site lourd peut mettre plusieurs secondes à s'afficher. C'est la première cause d'abandon. Mesurez et corrigez avec notre guide sur la vitesse d'un site.

6. Il faut faire défiler de côté

Un tableau trop large, une image qui dépasse, un bloc de texte mal réglé : la page déborde et bouge sous le doigt. C'est un signe de site mal adapté, et une gêne immédiate. Tout doit tenir dans la largeur de l'écran, et un tableau large doit défiler dans son propre cadre.

7. Le menu est introuvable ou interminable

Le menu « hamburger » (les trois traits) est devenu un standard, mais il doit contenir peu d'entrées, clairement nommées. Et les informations clés (appeler, devis) ne devraient pas être cachées dedans : elles méritent un bouton visible en permanence.

8. Les formulaires sont pénibles

Remplir un formulaire au pouce est fastidieux. Pour le simplifier :

• demandez le minimum : nom, téléphone ou e-mail, message ;
• utilisez les bons types de champs, pour que le clavier adapté s'affiche (chiffres pour le téléphone, arobase pour l'e-mail) ;
• des étiquettes visibles au-dessus des champs ;
• des messages d'erreur clairs ;
• un gros bouton d'envoi.

9. Les informations clés sont trop bas

Sur un écran de téléphone, le haut de page est très réduit. Ce qu'on y voit sans faire défiler doit dire l'essentiel : qui vous êtes, ce que vous faites, où, et comment vous joindre. Une immense photo qui repousse tout le reste plus bas fait perdre du temps au visiteur.

10. On n'a jamais testé sur un vrai téléphone

Les simulateurs aident, mais rien ne remplace un vrai test : sur votre téléphone, sur celui d'un proche (autre marque, autre taille d'écran), en 4G, en extérieur. Essayez de faire ce que ferait un client : trouver un prix, appeler, demander un devis. Chronométrez.

Chez Vitrine Azur, chaque site est testé sur plusieurs tailles d'écran, du petit téléphone à l'ordinateur, avant sa mise en ligne. Si votre site actuel cumule plusieurs de ces erreurs, c'est peut-être le moment d'envisager une refonte.