UX design pour sites web en Afrique : bonnes pratiques 2026

Pourquoi l'UX décide du sort de votre site en Afrique

Chez Kolonell, à Dakar, on voit la même scène se rejouer chaque mois : une entreprise paie cher un site "magnifique", puis se demande pourquoi personne ne remplit le formulaire de contact. Le problème est rarement le design au sens esthétique. C'est l expérience utilisateur (UX) : la façon dont un visiteur réel, sur un téléphone Android d'entrée de gamme, en 3G, dans un taxi entre Liberté 6 et le Plateau, parvient (ou non) à faire ce pour quoi il est venu.

L'UX en Afrique de l'Ouest a ses propres lois. Copier-coller les tendances de la Silicon Valley produit des sites lents, lourds et frustrants pour le marché local. Cet article rassemble les bonnes pratiques que nous appliquons en 2026, testées sur des dizaines de projets sénégalais et sous-régionaux.

Le mobile n'est pas une option, c'est la réalité

Au Sénégal, plus de 80 % du trafic web vient du téléphone. Pour beaucoup d'utilisateurs, le smartphone est le seul ordinateur qu'ils possèdent. Concevoir d'abord pour le desktop puis "adapter" au mobile est une erreur historique.

Concevoir mobile-first pour de vrai

Mobile-first ne veut pas dire "vérifier que ça rentre sur un petit écran". Cela veut dire commencer la conception par l'écran de 360 pixels de large, prioriser le contenu essentiel, et n'ajouter des éléments que lorsque l'espace le permet.

• Boutons d'au moins 44x44 pixels, espaces, pour le pouce.
• Texte de base à 16 pixels minimum, jamais en dessous.
• Un seul objectif par écran : un visiteur ne devrait jamais hésiter sur l'action principale.
• Menu accessible d'une main, idéalement en bas de l'écran sur les parcours longs.

Le pouce avant la souris

Les zones tactiles confortables sont en bas et au centre. Placer un bouton "Commander" en haut à droite, hors de portée du pouce, fait chuter les conversions. Nous repositionnons systématiquement les CTA dans la zone naturelle du pouce.

La bande passante est une contrainte de design, pas un détail technique

Un site qui met 9 secondes à s'afficher en 3G a déjà perdu la moitié de ses visiteurs. La vitesse n'est pas un sujet d'ingénieur : c'est une décision de design.

Budget de poids par page

Nous fixons un budget : une page d'accueil ne doit pas dépasser 1 Mo au premier chargement. Cela impose des choix.

• Images en WebP ou AVIF, dimensionnées exactement, jamais une photo de 4000 pixels affichée dans un cadre de 400.
• Polices limitées à deux familles, deux graisses chacune.
• Pas de carrousel d'images lourd "parce que c'est joli".
• Chargement différé (lazy loading) de tout ce qui est sous la ligne de flottaison.

Penser le mode dégradé

Le réseau coupé. La 3G devient de l'EDGE. Un bon site reste utilisable : le texte s'affiche avant les images, le formulaire fonctionne même si une animation n'a pas charge. Concevoir pour le pire réseau, c'est offrir une bonne expérience à tous.

Simplicité et hiérarchie : moins, mais plus clair

L'erreur la plus commune est de vouloir tout dire sur la page d'accueil. Résultat : un mur de texte où personne ne sait où cliquer.

La règle de l'action unique

Chaque page répond à une question : "que dois-je faire ici ?". Une seule réponse principale. Sur une page de service, c'est "Demander un devis". Sur un article, c'est "Nous contacter sur WhatsApp". Tout le reste est secondaire, visuellement plus discret.

Hiérarchie visuelle

Le visiteur scanne, il ne lit pas. Titres courts, sous-titres explicites, paragraphes de trois lignes maximum, listes à puces. L'oeil doit comprendre la structure en deux secondes, avant même de lire.

Navigation : ne jamais perdre le visiteur

Une navigation claire réduit le taux de rebond et augmente le nombre de pages vues, deux signaux que Google interprète positivement.

Règles concrètes

• Menu principal de 5 à 7 entrées maximum, libellés dans les mots du client, pas du jargon interne.
• Un fil d'Ariane sur les sites à plusieurs niveaux.
• Une barre de recherche visible dès que le site dépasse 20 pages.
• Le logo cliquable ramène toujours à l'accueil.

Formulaires : le point où l'argent se gagne ou se perd

Le formulaire est souvent la dernière étape avant le contact où la vente. C'est aussi le plus maltraite.

Réduire la friction

• Demander le strict minimum. Nom, téléphone, message. Le reste se demande plus tard.
• Champ téléphone adapté : clavier numérique, format local, indicatif +221 pré-rempli.
• Messages d'erreur clairs, en français simple, places sous le champ concerné.
• Un bouton d'envoi qui dit ce qu'il fait : "Recevoir mon devis", pas "Soumettre".
• Toujours proposer WhatsApp comme alternative : beaucoup d'Africains préfèrent écrire plutôt que remplir un formulaire.

Le cas du paiement et du contact mobile

Intégrer un lien direct vers WhatsApp et un bouton d'appel téléphonique double souvent le taux de contact. Au Sénégal, la confiance passe par la voix et le message direct.

Mini étude de cas : une clinique à Dakar

Une clinique nous avait confie un site existant qui générait très peu de prises de rendez-vous. L'audit UX a révèle trois problèmes : un temps de chargement de 8 secondes en 3G, un bouton "Prendre rendez-vous" caché en bas de page, et un formulaire de 11 champs.

Nous avons compresse les images (page passée de 3,4 Mo à 780 Ko), remonte un bouton WhatsApp fixe en bas d'écran, et réduit le formulaire à 3 champs avec alternative WhatsApp. Résultat sur huit semaines : temps de chargement divisé par cinq, et prises de rendez-vous multipliées par 2,6. Aucun changement de "design" au sens graphique : uniquement de l'UX.

Impact business et SEO

Une bonne UX n'est pas du confort, c'est du chiffre d'affaires. Google mesure désormais l'expérience via les Core Web Vitals (vitesse, stabilité visuelle, réactivité). Un site rapide et clair est mieux classé, donc plus visite, donc plus rentable. La boucle est vertueuse : UX, SEO, conversion se renforcent.

À faire / à éviter

• À faire : tester sur un vrai téléphone Android milieu de gamme, en 3G bridée.
• À faire : mesurer avec PageSpeed Insights et corriger ce qui est rouge.
• À éviter : les pop-ups qui couvrent l'écran dès l'arrivée.
• À éviter : l'autoplay vidéo avec son.
• À éviter : le texte gris clair sur fond blanc, illisible au soleil.

Outils que nous utilisons

• Google PageSpeed Insights et Lighthouse pour la performance.
• Figma pour les maquettes mobile-first.
• Hotjar ou Microsoft Clarity pour observer les vrais parcours (gratuit, précieux).
• Le mode "throttling" du navigateur pour simuler la 3G.

FAQ

Faut-il vraiment concevoir mobile-first au Sénégal ?

Oui, sans hésitation. Plus de 80 % du trafic est mobile et pour beaucoup d'utilisateurs le téléphone est le seul appareil connecté. Concevoir d'abord pour le mobile garantit une bonne expérience à la majorité.

Combien de temps de chargement est acceptable ?

Visez moins de 3 secondes en 3G. Au-delà de 5 secondes, la majorité des visiteurs partent. La vitesse est le premier critère d'une bonne UX en Afrique.

Un beau site suffit-il à convertir ?

Non. L'esthétique attire mais c'est l'expérience qui convertit. Un site moins joli mais rapide, clair et simple à utiliser génère plus de contacts qu'un site magnifique mais lent et confus.

Pourquoi proposer WhatsApp en plus du formulaire ?

Parce que beaucoup d'Africains font davantage confiance à un échange direct qu'à un formulaire. Offrir les deux options augmente nettement le taux de contact.

Comment savoir si mon UX est mauvaise ?

Regardez vos statistiques : taux de rebond élevé, peu de pages vues, peu de conversions. Installez un outil comme Microsoft Clarity pour voir où les visiteurs hésitent et abandonnent.

L'UX a-t-elle un impact sur le SEO ?

Oui. Google intègre les Core Web Vitals et le comportement des utilisateurs dans son classement. Une meilleure UX améliore directement votre visibilité.

Discutons de votre projet. Chez Kolonell, nous concevons des sites pensés pour le marché africain : rapides, mobiles, simples à utiliser. Écrivez-nous sur WhatsApp +221 77 596 93 33.