Mobile d'abord : 8 acheteurs sur 10 commandent depuis leur téléphone

En Tunisie, l'écrasante majorité des visites et des commandes vient du téléphone. Pourtant, la plupart des boutiques sont conçues sur un écran d'ordinateur et vérifiées sur un écran d'ordinateur. C'est le décalage qui coûte le plus de ventes.

Le pouce commande

Sur mobile, on tient le téléphone d'une main et on agit avec le pouce. Conséquences pratiques :

• Les actions importantes (ajouter au panier, valider) doivent être en bas de l'écran, dans la zone atteignable, pas en haut à droite.
• Les boutons doivent faire au moins 44 pixels de côté : un bouton trop petit produit des erreurs de clic, donc de l'agacement.
• Deux éléments cliquables ne doivent pas être collés.

La lisibilité

• Texte à 16 pixels minimum. En dessous, le téléphone zoome automatiquement à la saisie et casse la mise en page.
• Contraste suffisant : le gris clair sur fond blanc est illisible dehors, en plein soleil — ce qui est le contexte réel de beaucoup de vos visiteurs.
• Des paragraphes courts, des listes, des sous-titres. Un bloc de dix lignes n'est pas lu sur mobile.

La navigation

• Un menu simple, avec les catégories principales accessibles en un geste.
• Une recherche visible : sur mobile, beaucoup de visiteurs cherchent plutôt que de naviguer.
• Un fil d'Ariane pour savoir où l'on est.
• Un panier toujours accessible, avec le nombre d'articles.

Les images

Elles représentent l'essentiel du poids d'une page, et le mobile est souvent sur un réseau lent. Compressez, dimensionnez, et affichez l'image principale immédiatement. Voir le SEO des images et accélérer sa boutique.

Prévoyez aussi un format vertical ou carré : une photo panoramique devient minuscule sur un écran de téléphone.

Les formulaires

C'est là que tout se joue :

• clavier adapté au type de champ ;
• saisie automatique autorisée (l'adresse, le nom, le téléphone) ;
• pas de champ à ressaisir (« confirmez votre e-mail ») ;
• messages d'erreur affichés à côté du champ concerné, pas en haut de la page.

Les pièges classiques

• Les fenêtres surgissantes dont on ne trouve pas la croix : c'est une sortie garantie.
• Les tableaux larges qui débordent horizontalement.
• Les carrousels que l'on ne peut pas faire défiler correctement au doigt.
• Le texte dans une image : illisible et invisible pour Google.
• Un numéro de téléphone non cliquable : sur mobile, il doit lancer l'appel.

La méthode de vérification

Une fois par mois, prenez votre téléphone et :

1. cherchez un produit ;
2. lisez la fiche entièrement ;
3. ajoutez au panier ;
4. allez jusqu'à la confirmation de commande.

Faites-le en 4G, pas en wifi, et debout, pas assis à votre bureau. Chaque frottement que vous ressentez, vos clients le ressentent aussi — sauf qu'eux partent.

En résumé

Actions en bas de l'écran, boutons de 44 pixels, texte de 16 pixels, images compressées et verticales, formulaires assistés, et un test réel de commande sur téléphone chaque mois. Tous les templates Storilive sont conçus mobile d'abord.