La plupart des sites web d’entreprises de Dubaï sont corrects. Ils ont des mises en page épurées, des polices modernes, de belles photographies. Mais être correct et convertir des visiteurs sont deux problèmes différents. Nous examinons régulièrement les sites des concurrents et des clients, et les mêmes 7 erreurs UI/UX apparaissent sur la majorité d’entre eux — chacune coûtant silencieusement du trafic, des prospects et des revenus.
1. Cacher l’appel à l’action sous trois écrans de contenu
Les utilisateurs des Émirats décident rapidement. Si votre bouton « Obtenir un devis » ou formulaire de contact nécessite de faire défiler plus de 2 000 pixels de texte d’introduction, la plupart des visiteurs ne l’atteindront jamais.
Les données : Selon la recherche du Nielsen Norman Group, les utilisateurs consacrent 57 % de leur temps au-dessus de la ligne de flottaison et 74 % dans les deux premiers écrans. Tout ce qui est en dessous reçoit exponentiellement moins d’attention.
La solution :
- Placez un appel à l’action principal dans le premier viewport — visible sans faire défiler.
- Répétez-le aux points de décision naturels : après une section d’avantages, après la preuve sociale, et au pied de page.
- Rendez l’appel à l’action spécifique. « Obtenir un audit de site gratuit » convertit mieux que « Nous contacter » car cela dit au visiteur ce qu’il recevra réellement.
2. Concevoir en priorité pour le bureau dans un marché dominé par le mobile
Les Émirats arabes unis ont l’un des plus hauts taux de pénétration des smartphones au monde — plus de 96 %, selon Global Media Insight. Plus de 60 % du trafic web dans la région provient d’appareils mobiles. Pourtant, la plupart des processus de conception d’agences commencent par un canevas de bureau de 1440 pixels et « s’adaptent » au mobile comme une réflexion après coup.
Ce qui se passe mal : La navigation s’écraser à de petites largeurs. Le texte qui semblait équilibré sur le bureau devient un mur de paragraphes. Les zones tactiles sont trop petites. Un défilement horizontal apparaît.
La solution :
- Concevez d’abord les écrans mobiles, puis élargissez au bureau. Cela vous force à prioriser la hiérarchie du contenu.
- Testez sur des appareils réels, pas seulement sur le redimensionnement du navigateur. Une fenêtre Chrome de 375px ne reproduit pas le véritable comportement tactile, le rendu des polices ou les performances de défilement.
- Testez à la fois sur iOS Safari et Android Chrome — ils s’affichent différemment, et les utilisateurs des Émirats sont répartis à peu près 50/50 entre eux.
3. Ignorer l’arabe et les exigences de mise en page RTL
De nombreuses entreprises de Dubaï servent à la fois les audiences anglophones et arabophones. Le support RTL (droite à gauche) n’est pas seulement une question de retournement du sens du texte — cela signifie refléter toute la mise en page : le flux de navigation, le placement des icônes, le positionnement des images, l’alignement des formulaires et les schémas de lecture.
Ce que nous voyons couramment : Un site avec un bouton de langue arabe qui retourne le texte mais laisse la mise en page en mode LTR. La navigation se lit toujours de gauche à droite. Les icônes pointent dans la mauvaise direction. L’expérience semble cassée, et les utilisateurs arabophones quittent le site.
La solution :
- Construisez RTL comme un système de mise en page parallèle dès le départ, pas un correctif post-lancement.
- Refléchissez les icônes directionnelles (flèches, indicateurs de progression, carrousels).
- Testez avec des locuteurs arabes natifs, pas seulement Google Traduction.
- Si vous construisez sur Webflow, sachez que le support RTL est limité — planifiez le choix de votre plateforme autour de cette exigence dès le départ.
4. Utiliser des photos d’archives qui ne reflètent pas le marché
Les images d’archives génériques et occidentales créent une déconnexion immédiate. Une photo de « réunion d’équipe » montrant un loft de San Francisco, ou une photo de « client » sans représentation régionale, signale que l’entreprise n’est soit pas locale, soit qu’elle ne se soucie pas du marché local.
La solution :
- Investissez dans la photographie personnalisée lorsque le budget le permet — même une seule séance photo produit des dizaines d’images utilisables.
- Si vous utilisez des images d’archives, filtrez pour le contexte du Moyen-Orient. Des services comme Shutterstock et iStock ont des collections régionales.
- Utilisez l’illustration ou la conception graphique au lieu de forcer les photos d’archives dans chaque section. Une mise en page bien conçue avec des icônes personnalisées fonctionne souvent mieux qu’une remplie de photographies non pertinentes.
5. Surcharger les formulaires de champs inutiles
Chaque champ de formulaire supplémentaire réduit les taux de réalisation. Une recherche de HubSpot a révélé que la réduction des champs de formulaire de 4 à 3 a augmenté les conversions de près de 50 %. Pourtant, nous voyons régulièrement des sites web d’entreprises de Dubaï avec 8–12 champs sur leur formulaire de contact initial : nom de l’entreprise, titre du poste, téléphone, plage budgétaire, taille de l’entreprise, comment avez-vous entendu parler de nous.
La solution :
- Formulaire de contact initial : Nom, e-mail, message. Trois champs.
- Ajoutez des questions de qualification après que le prospect ait interagi — pendant un appel ou dans un e-mail de suivi.
- Si vous devez collecter plus d’informations, utilisez la divulgation progressive : affichez d’abord 3 champs, puis élargissez si l’utilisateur clique sur « Parlez-nous plus de votre projet ».
- Affichez toujours la validation en ligne (pas seulement les erreurs à la soumission) et des étiquettes claires au-dessus de chaque champ — pas des espaces réservés qui disparaissent quand vous commencez à taper.
6. Prioriser les effets visuels par rapport aux performances de la page
Les arrière-plans vidéo, le défilement parallaxe, les animations de curseur personnalisé, les effets de transition de page — tous courants dans les portefeuilles d’agences de Dubaï, tous des tueurs de performances.
Les données de Google montrent qu’un délai d’une seconde dans le temps de chargement mobile peut réduire les conversions jusqu’à 20 %. Une page qui prend 5 secondes à charger a 90 % de probabilité que l’utilisateur rebondisse.
La solution :
- Chaque effet visuel doit justifier son coût en matière de performances. Si la suppression d’une animation ne nuit pas à la capacité de l’utilisateur à naviguer, comprendre le contenu et convertir — supprimez-la.
- Visez un score PageSpeed supérieur à 90 sur mobile. Testez avec un véritable ralentissement 4G, pas votre Wi-Fi de bureau.
- Remplacez les arrière-plans vidéo en lecture automatique par des images statiques ou des dégradés CSS. La plupart des vidéos héros jouent en moyenne pendant 2 secondes avant que l’utilisateur ne fasse défiler vers le bas.
7. Pas de hiérarchie visuelle — tout entre en concurrence pour l’attention
Quand chaque section a la même taille de texte, le même style de bouton, le même espacement et le même poids visuel — rien ne se démarque. La page se lit comme un mur plat de contenu plutôt qu’une expérience guidée.
La solution :
- Un élément principal par viewport. Décidez quelle est la chose la plus importante sur chaque écran et rendez-la visuellement dominante.
- Utilisez le contraste de taille délibérément : un titre de 48px à côté d’un texte de corps de 16px crée la hiérarchie. Un titre de 24px à côté d’un texte de corps de 18px ne le fait pas.
- Limitez votre palette de couleurs à un maximum de 2–3 couleurs. Utilisez votre couleur d’accent uniquement sur les éléments avec lesquels vous voulez que l’utilisateur interagisse (CTA, liens clés).
- L’espace blanc n’est pas un espace gaspillé. Un espacement généreux entre les sections signale l’importance et donne à chaque section de la place pour communiquer.
Liste de contrôle d’audit rapide
Utilisez ceci pour évaluer votre site actuel en 10 minutes :
| Vérification | Réussi/Échoué |
|---|---|
| CTA principal visible sans défilement sur mobile | |
| Score PageSpeed mobile supérieur à 80 | |
| Tous les formulaires ont 5 champs ou moins | |
| La mise en page RTL se reflète correctement (le cas échéant) | |
| Pas de photos d’archives qui ne sont clairement pas Dubaï/Émirats | |
| Différence de taille claire entre H1, H2, texte du corps | |
| La page se charge en moins de 3 secondes sur 4G |
Comment nous abordons l’UI/UX chez Carril
Nous construisons chaque site en commençant par le mobile et validons avec le comportement utilisateur réel, pas des hypothèses. Notre processus de conception inclut des budgets de performances — chaque animation et élément visuel a un coût en millisecondes attaché à lui, et nous supprimons tout ce qui pousse le total au-delà de notre seuil.
Pour les sites bilingues, nous concevons la mise en page arabe en parallèle, pas après l’achèvement de la version anglaise. Cela évite les problèmes RTL les plus courants et produit une mise en page qui se sent native dans les deux langues plutôt qu’une version traduite d’une seule.
Votre prochaine étape
Ouvrez votre site sur votre téléphone maintenant. Posez-vous trois questions :
- Pouvez-vous trouver l’appel à l’action principal sans faire défiler ? Si ce n’est pas le cas, vous perdez la majorité de vos visiteurs.
- La page se charge-t-elle en moins de 3 secondes sur les données cellulaires ? Testez sur PageSpeed Insights. Si vous dépassez 3 secondes, commencez par supprimer la vidéo en lecture automatique et compressez les images.
- Un visiteur pour la première fois saurait-il ce que vous faites et comment vous contacter en 5 secondes ? Si la réponse n’est pas claire, votre hiérarchie visuelle a besoin de travail.
Si vous voulez un examen détaillé de l’UX de votre site, contactez-nous pour un audit de conception — nous vous montrerons exactement où vous perdez des visiteurs et ce qu’il faut corriger en premier.
