Testez un truc : ouvrez votre site sur votre téléphone, à une main, dans le tram. Pas depuis votre bureau avec un grand écran et un café.
Alors ? Pour beaucoup d’entreprises, c’est le moment de prendre un petit coup de chaud. Sur mobile, on ne pardonne rien : un site pénible, et le visiteur est déjà parti chez le concurrent.
Et ce n’est pas un cas isolé. Aujourd’hui, la majorité des visites se font depuis un smartphone, souvent dans des situations loin d’être idéales : debout, pressé, avec une connexion capricieuse et dix secondes de patience. Votre visiteur ne « consulte » pas votre site, il cherche une réponse, vite. Voici les six erreurs qui l’en empêchent le plus souvent.
🔎 Erreur n°1 : un site « adapté »… mais pas pensé pour le mobile
Réduire la version desktop, ce n’est pas faire du mobile. Quand on se contente de faire rétrécir les colonnes les unes sous les autres, on obtient un site techniquement « responsive », mais qui n’a aucune logique d’usage : un bandeau énorme avant d’arriver au contenu, des blocs empilés sans ordre de priorité, des infos clés perdues tout en bas.
Sur petit écran, on hiérarchise. La question à se poser : qu’est-ce que le visiteur est venu chercher ? Le numéro de téléphone, les horaires, le bouton de réservation, l’adresse ? Cela doit être visible immédiatement, sans scroller et sans fouiller.
Le bon réflexe : listez les 2 ou 3 actions les plus importantes de votre site et placez-les en haut de l’écran mobile, dès l’ouverture de la page.
👆 Erreur n°2 : des boutons trop petits ou trop proches
Le pouce n’est pas un curseur de souris. Des zones cliquables trop étroites, ça donne des clics ratés, des mauvaises pages ouvertes et beaucoup de frustration. Et un visiteur frustré ne fait pas de deuxième tentative.
Comptez au minimum environ 44 pixels de côté pour un élément cliquable, avec de l’espace autour pour éviter les erreurs de doigt. Pensez aussi aux liens dans les paragraphes, aux icônes du pied de page, aux petites croix pour fermer une fenêtre : ce sont les grands oubliés.
Le bon réflexe : si vous devez zoomer pour cliquer, c’est que c’est trop petit.
📜 Erreur n°3 : des murs de texte
Un paragraphe de 12 lignes sur un écran de 6 pouces, c’est un mur infranchissable. Ce qui paraît correct sur ordinateur devient interminable sur mobile, car le texte s’étire en hauteur et l’œil perd ses repères.
Aérez : phrases courtes, intertitres clairs, listes à puces, un peu d’espace entre les blocs. Et pensez à la taille de la police : en dessous de 16 pixels, le texte devient fatigant à lire sans zoomer.
Le bon réflexe : relisez vos pages en vous demandant « est-ce que je lirais ça debout dans une file d’attente ? ». Sinon, coupez.
🐌 Erreur n°4 : des images géantes
Envoyer une photo de 4 Mo sur une connexion 4G en bord de route, c’est la meilleure façon de perdre le client. La page met une éternité à s’afficher, le visiteur patiente quelques secondes, puis il referme. Vous avez payé pour de belles photos, personne ne les verra.
Des images redimensionnées à la bonne taille, compressées et dans un format moderne font gagner des secondes précieuses sans perte de qualité visible. Le chargement différé (« lazy loading ») évite aussi de charger les images qui sont tout en bas de la page tant que le visiteur n’y est pas. Pour aller plus loin, voir notre article sur la lenteur des sites WordPress.
Le bon réflexe : une image de fond ou d’illustration n’a presque jamais besoin de dépasser 200 à 300 Ko.
📋 Erreur n°5 : des formulaires interminables
Remplir 12 champs sur un smartphone donne envie de renoncer.
Ne demandez que l’essentiel. Un nom, un moyen de vous joindre, un message : souvent, c’est suffisant. Utilisez les bons types de champs, activez la saisie automatique, et affichez des messages d’erreur clairs, à côté du champ concerné.
Proposez des alternatives : un bouton « Appeler » ou « WhatsApp » fait des miracles. Beaucoup de visiteurs préfèrent un simple appel à un formulaire, autant leur faciliter la vie.
Le bon réflexe : pour chaque champ, demandez-vous « est-ce que j’en ai vraiment besoin pour répondre à cette personne ? ».
🧭 Erreur n°6 : un menu trop dense
Le menu burger, c’est bien. Un menu burger avec trois niveaux de sous-menus, beaucoup moins. Sur mobile, impossible de survoler un menu pour le déplier comme sur ordinateur : chaque clic de plus fait perdre des visiteurs en route.
Simplifiez l’arborescence : des rubriques claires, des intitulés parlants, pas plus de deux niveaux. Pensez à mettre en avant l’action principale (« Prendre rendez-vous », « Nous appeler ») directement à côté du burger, sans l’enfouir dans le menu.
🧪 Comment vérifier ?
Testez sur de vrais appareils (un ancien téléphone, un grand, un petit), demandez à quelqu’un de votre entourage de faire une tâche précise (« trouve l’adresse », « réserve un créneau ») et observez sans intervenir. C’est le test le plus instructif et il est gratuit.
✅ En résumé
Un bon site mobile, c’est un site qui va droit au but : l’essentiel en haut, des boutons faciles à toucher, un texte aéré, des pages légères, des formulaires courts et un menu simple. Rien de magique : juste de la logique d’usage, et un peu d’empathie pour celui qui tient le téléphone.
Chez Pixelea, on conçoit chaque maquette en pensant au smartphone. Besoin d’un site responsive ? Parlons-en.
