La zone du pouce
Tenu d'une main, un téléphone se manipule avec le pouce. Le bas et le centre de l'écran sont faciles à atteindre ; le haut, beaucoup moins. C'est pourquoi on place le bouton d'appel ou de réservation dans une barre fixe en bas de l'écran.
Les règles d'ergonomie
| Élément | Bonne pratique |
|---|---|
| Boutons | Assez grands pour un doigt, bien espacés |
| Textes | Lisibles sans zoomer |
| Menus | Courts, faciles à fermer |
| Formulaires | Peu de champs, le bon clavier pour chaque champ |
| Images | Recadrées pour un écran vertical |
Les erreurs les plus fréquentes
Une page qui déborde sur le côté
Un menu qui couvre tout l'écran sans bouton de fermeture
Un numéro de téléphone non cliquable
Une mise en page testée à la largeur d'un téléphone
Un menu simple, qui se ferme d'un geste
Un numéro qui lance l'appel au toucher
La vitesse, l'autre moitié du sujet
Un site bien conçu pour le téléphone doit aussi s'afficher vite, même avec une connexion moyenne. Ce point est détaillé dans notre guide sur les sites lents.
Les formulaires, point noir sur téléphone
Taper une adresse complète, choisir dans une liste de cinquante options, valider un test anti-robot : sur un petit écran, chaque obstacle fait abandonner. On réduit les champs au strict nécessaire et on utilise les claviers adaptés.
Tester sur plusieurs téléphones
Un site peut bien s'afficher sur un téléphone récent et mal sur un modèle plus ancien ou plus petit. Tester sur deux ou trois appareils différents, ou demander à quelques proches, révèle des problèmes invisibles autrement.
Questions fréquentes
Comment tester mon site sur téléphone ?
Ouvrez-le sur votre propre téléphone, d'une main, et essayez d'appeler ou de réserver.
Mon site est « responsive », est-ce suffisant ?
Pas toujours : un site peut s'adapter à l'écran sans être pensé pour le pouce.
Faut-il une application mobile ?
Pour un commerce, rarement : un site bien conçu pour le téléphone suffit.