UX design pour sites web en Afrique : bonnes pratiques 2026

Pourquoi l UX decide du sort de votre site en Afrique

Chez Kolonell, a Dakar, on voit la meme scene se rejouer chaque mois : une entreprise paie cher un site "magnifique", puis se demande pourquoi personne ne remplit le formulaire de contact. Le probleme est rarement le design au sens esthetique. C est l experience utilisateur (UX) : la facon dont un visiteur reel, sur un telephone Android d entree de gamme, en 3G, dans un taxi entre Liberte 6 et le Plateau, parvient (ou non) a 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 marche local. Cet article rassemble les bonnes pratiques que nous appliquons en 2026, testees sur des dizaines de projets senegalais et sous-regionaux.

Le mobile n est pas une option, c est la realite

Au Senegal, plus de 80 % du trafic web vient du telephone. Pour beaucoup d utilisateurs, le smartphone est le seul ordinateur qu ils possedent. 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 "verifier que ca rentre sur un petit ecran". Cela veut dire commencer la conception par l ecran de 360 pixels de large, prioriser le contenu essentiel, et n ajouter des elements que lorsque l espace le permet.

• Boutons d au moins 44x44 pixels, espaces, pour le pouce.
• Texte de base a 16 pixels minimum, jamais en dessous.
• Un seul objectif par ecran : un visiteur ne devrait jamais hesiter sur l action principale.
• Menu accessible d une main, idealement en bas de l ecran 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 a droite, hors de portee du pouce, fait chuter les conversions. Nous repositionnons systematiquement les CTA dans la zone naturelle du pouce.

La bande passante est une contrainte de design, pas un detail technique

Un site qui met 9 secondes a s afficher en 3G a deja perdu la moitie de ses visiteurs. La vitesse n est pas un sujet d ingenieur : c est une decision de design.

Budget de poids par page

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

• Images en WebP ou AVIF, dimensionnees exactement, jamais une photo de 4000 pixels affichee dans un cadre de 400.
• Polices limitees a deux familles, deux graisses chacune.
• Pas de carrousel d images lourd "parce que c est joli".
• Chargement differe (lazy loading) de tout ce qui est sous la ligne de flottaison.

Penser le mode degrade

Le reseau coupe. La 3G devient de l EDGE. Un bon site reste utilisable : le texte s affiche avant les images, le formulaire fonctionne meme si une animation n a pas charge. Concevoir pour le pire reseau, c est offrir une bonne experience a tous.

Simplicite et hierarchie : moins, mais plus clair

L erreur la plus commune est de vouloir tout dire sur la page d accueil. Resultat : un mur de texte ou personne ne sait ou cliquer.

La regle de l action unique

Chaque page repond a une question : "que dois-je faire ici ?". Une seule reponse 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.

Hierarchie visuelle

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

Navigation : ne jamais perdre le visiteur

Une navigation claire reduit le taux de rebond et augmente le nombre de pages vues, deux signaux que Google interprete positivement.

Regles concretes

• Menu principal de 5 a 7 entrees maximum, libelles dans les mots du client, pas du jargon interne.
• Un fil d Ariane sur les sites a plusieurs niveaux.
• Une barre de recherche visible des que le site depasse 20 pages.
• Le logo cliquable ramene toujours a l accueil.

Formulaires : le point ou l argent se gagne ou se perd

Le formulaire est souvent la derniere etape avant le contact ou la vente. C est aussi le plus maltraite.

Reduire la friction

• Demander le strict minimum. Nom, telephone, message. Le reste se demande plus tard.
• Champ telephone adapte : clavier numerique, format local, indicatif +221 pre-rempli.
• Messages d erreur clairs, en francais simple, places sous le champ concerne.
• Un bouton d envoi qui dit ce qu il fait : "Recevoir mon devis", pas "Soumettre".
• Toujours proposer WhatsApp comme alternative : beaucoup d Africains preferent ecrire plutot que remplir un formulaire.

Le cas du paiement et du contact mobile

Integrer un lien direct vers WhatsApp et un bouton d appel telephonique double souvent le taux de contact. Au Senegal, la confiance passe par la voix et le message direct.

Mini etude de cas : une clinique a Dakar

Une clinique nous avait confie un site existant qui generait tres peu de prises de rendez-vous. L audit UX a revele trois problemes : un temps de chargement de 8 secondes en 3G, un bouton "Prendre rendez-vous" cache en bas de page, et un formulaire de 11 champs.

Nous avons compresse les images (page passee de 3,4 Mo a 780 Ko), remonte un bouton WhatsApp fixe en bas d ecran, et reduit le formulaire a 3 champs avec alternative WhatsApp. Resultat sur huit semaines : temps de chargement divise par cinq, et prises de rendez-vous multipliees 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 desormais l experience via les Core Web Vitals (vitesse, stabilite visuelle, reactivite). Un site rapide et clair est mieux classe, donc plus visite, donc plus rentable. La boucle est vertueuse : UX, SEO, conversion se renforcent.

A faire / a eviter

• A faire : tester sur un vrai telephone Android milieu de gamme, en 3G bridee.
• A faire : mesurer avec PageSpeed Insights et corriger ce qui est rouge.
• A eviter : les pop-ups qui couvrent l ecran des l arrivee.
• A eviter : l autoplay video avec son.
• A eviter : 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, precieux).
• Le mode "throttling" du navigateur pour simuler la 3G.

FAQ

Faut-il vraiment concevoir mobile-first au Senegal ?

Oui, sans hesitation. Plus de 80 % du trafic est mobile et pour beaucoup d utilisateurs le telephone est le seul appareil connecte. Concevoir d abord pour le mobile garantit une bonne experience a la majorite.

Combien de temps de chargement est acceptable ?

Visez moins de 3 secondes en 3G. Au-dela de 5 secondes, la majorite des visiteurs partent. La vitesse est le premier critere d une bonne UX en Afrique.

Un beau site suffit-il a convertir ?

Non. L esthetique attire mais c est l experience qui convertit. Un site moins joli mais rapide, clair et simple a utiliser genere 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 a un echange direct qu a 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 eleve, peu de pages vues, peu de conversions. Installez un outil comme Microsoft Clarity pour voir ou les visiteurs hesitent et abandonnent.

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

Oui. Google integre les Core Web Vitals et le comportement des utilisateurs dans son classement. Une meilleure UX ameliore directement votre visibilite.

Discutons de votre projet. Chez Kolonell, nous concevons des sites penses pour le marche africain : rapides, mobiles, simples a utiliser. Ecrivez-nous sur WhatsApp +221 77 596 93 33.