Ouvrez n’importe quel manuel majeur de design UX. Vous y trouverez des conseils d\u00e9taill\u00e9s sur les patterns de navigation, le design de formulaires, l’architecture de l’information et les heuristiques d’usabilit\u00e9 \u2014 tous illustr\u00e9s avec des interfaces en langue anglaise, test\u00e9s avec des utilisateurs occidentaux, et construits sur des hypoth\u00e8ses cognitives ancr\u00e9es dans les patterns de lecture latine. Essayez maintenant d’appliquer ces conseils directement \u00e0 une application en langue arabe. Au mieux, vous produirez quelque chose de fonctionnel mais subtilement faux. Au pire, vous cr\u00e9erez une exp\u00e9rience qui para\u00eet \u00e9trang\u00e8re aux utilisateurs m\u00eames qu’elle est cens\u00e9e servir.<\/p>\n
Le probl\u00e8me, ce n’est pas que les cadres UX occidentaux soient erron\u00e9s. Ils sont excellents \u2014 pour les utilisateurs occidentaux. Le probl\u00e8me, c’est qu’ils sont pr\u00e9sent\u00e9s comme universels alors qu’ils sont en r\u00e9alit\u00e9 culturellement sp\u00e9cifiques. La direction de lecture, les patterns de scanning visuel, les styles de traitement de l’information, les heuristiques de confiance et les attentes d’interaction changent toutes quand on con\u00e7oit pour des utilisateurs arabe-first. Et ces changements ne se r\u00e8glent pas en inversant simplement le layout de gauche \u00e0 droite.<\/p>\n
Le F-pattern \u2014 l’observation que les utilisateurs occidentaux scannent les pages web dans une forme ressemblant \u00e0 la lettre F \u2014 est l’une des constatations les plus cit\u00e9es en recherche UX. Elle a \u00e9t\u00e9 r\u00e9pliqu\u00e9e des dizaines de fois avec des participants anglophones. L’hypoth\u00e8se naturelle est que les arabophones scannent dans un F-pattern miroir, lisant de droite \u00e0 gauche. Notre recherche sugg\u00e8re que c’est une simplification excessive.<\/p>\n
Dans des \u00e9tudes d’eye-tracking que nous avons men\u00e9es avec plus de deux cents participants \u00e0 travers l’Arabie Saoudite et les EAU, nous avons constat\u00e9 que les lecteurs arabes commencent bien \u00e0 scanner depuis le c\u00f4t\u00e9 droit de la page, mais leurs patterns de fixation secondaires diff\u00e8rent significativement d’un simple miroir du comportement occidental. Les lecteurs arabes ont montr\u00e9 une tendance plus forte au scanning holistique de la page \u2014 saisir la composition visuelle globale avant de se focaliser sur des \u00e9l\u00e9ments sp\u00e9cifiques \u2014 compar\u00e9e au pattern de scanning plus s\u00e9quentiel et text-first typique des lecteurs anglais.<\/p>\n
L’implication pratique est significative : dans les interfaces arabe-first, la hi\u00e9rarchie visuelle compte plus que la hi\u00e9rarchie textuelle. Une interface anglaise peut s’appuyer sur les titres et le corps de texte pour guider l’attention de l’utilisateur. Une interface arabe doit guider l’attention \u00e0 travers le poids visuel, la couleur, l’imagerie et les relations spatiales d’abord, avec le texte jouant un r\u00f4le de soutien dans le scan initial.<\/p>\n
Les formulaires sont l\u00e0 o\u00f9 les diff\u00e9rences culturelles deviennent les plus tangibles. Prenez un champ de nom. Les formulaires occidentaux attendent typiquement un pr\u00e9nom et un nom de famille, ce qui correspond proprement \u00e0 la plupart des conventions de nommage europ\u00e9ennes et am\u00e9ricaines. Les conventions de nommage arabes sont fondamentalement diff\u00e9rentes : un nom complet peut inclure un pr\u00e9nom personnel, un patronymique, un nom de famille et un nom tribal \u2014 avec des conventions diff\u00e9rentes selon les pays du Golfe, les pays du Levant et l’Afrique du Nord.<\/p>\n
Nous avons vu des applications internationales forcer des utilisateurs saoudiens \u00e0 entrer leurs noms dans des champs pr\u00e9nom\/nom, r\u00e9sultant en donn\u00e9es incoh\u00e9rentes, utilisateurs frustr\u00e9s et probl\u00e8mes de v\u00e9rification d’identit\u00e9. La solution n’est pas simplement d’ajouter plus de champs de nom. C’est de concevoir des syst\u00e8mes de saisie flexibles qui accommodent les conventions de nommage sans forcer les utilisateurs \u00e0 d\u00e9composer leur identit\u00e9 en cat\u00e9gories occidentales.<\/p>\n
Les saisies de date pr\u00e9sentent des d\u00e9fis similaires. Le calendrier h\u00e9girien est le syst\u00e8me de calendrier principal en Arabie Saoudite, et bien que la plupart des utilisateurs saoudiens soient \u00e0 l’aise avec les dates gr\u00e9goriennes en contexte digital, certains domaines \u2014 services gouvernementaux, occasions religieuses, documents officiels \u2014 exigent le support des dates h\u00e9giriennes. Une application arabe bien con\u00e7ue offre une bascule fluide entre les syst\u00e8mes de calendrier sans faire en sorte qu’un seul des deux paraisse \u00eatre l’option secondaire.<\/p>\n
Le texte arabe est g\u00e9n\u00e9ralement plus compact que le texte anglais \u2014 la m\u00eame information exige souvent moins de mots en arabe. Cependant, la nature connect\u00e9e de l’\u00e9criture arabe signifie que les caract\u00e8res individuels sont plus difficiles \u00e0 distinguer \u00e0 petite taille, ce qui cr\u00e9e une tension entre densit\u00e9 d’information et lisibilit\u00e9 qui n’existe pas de la m\u00eame fa\u00e7on pour le texte latin.<\/p>\n
Nos tests montrent constamment que les utilisateurs arabes pr\u00e9f\u00e8rent des tailles de texte l\u00e9g\u00e8rement plus grandes et un interligne plus g\u00e9n\u00e9reux que ce que les traditions typographiques arabes pourraient sugg\u00e9rer. Le sweet spot pour le corps de texte dans les applications mobiles arabe-first est entre 16 et 18 points avec un interligne d’environ 1,6 \u2014 soit 10 \u00e0 15 % plus g\u00e9n\u00e9reux que les param\u00e8tres anglais \u00e9quivalents. Cette constatation surprend les designers qui supposent que la compacit\u00e9 de l’arabe permet des layouts plus denses. La compacit\u00e9 en nombre de mots n’\u00e9gale pas la compacit\u00e9 en pr\u00e9sentation visuelle.<\/p>\n
Cela a des effets en cascade sur l’architecture de l’information. Les \u00e9crans qui fonctionnent bien en anglais \u2014 avec une quantit\u00e9 confortable de contenu \u2014 peuvent para\u00eetre \u00e0 l’\u00e9troit quand le texte arabe, bien que plus court, exige plus de respiration verticale. Les designers qui n’en tiennent pas compte se retrouvent avec des interfaces arabes qui paraissent compress\u00e9es et inconfortables, m\u00eame si le nombre de mots est en r\u00e9alit\u00e9 plus faible.<\/p>\n
Les gestes de swipe sont un exemple subtil mais important d’attentes culturelles sur l’interface. Dans les interfaces RTL, la direction de swipe naturelle pour \u00ab suivant \u00bb est de droite \u00e0 gauche \u2014 l’oppos\u00e9 des interfaces LTR. La plupart des apps internationales g\u00e8rent cela correctement pour la navigation de base. L\u00e0 o\u00f9 elles \u00e9chouent, c’est sur les interactions de swipe plus nuanc\u00e9es : dismiss de cartes, actions de liste, menus \u00e0 r\u00e9v\u00e9ler. Nous avons observ\u00e9 une confusion significative chez les utilisateurs arabes quand les interactions swipe-to-delete ou swipe-to-archive ne sont pas invers\u00e9es, parce que le langage gestuel entre en conflit avec la direction de lecture.<\/p>\n
La profondeur de navigation est un autre domaine o\u00f9 le design arabe-first devrait diff\u00e9rer des d\u00e9fauts occidentaux. Les utilisateurs du Golfe dans nos \u00e9tudes ont montr\u00e9 une pr\u00e9f\u00e9rence plus forte pour des structures de navigation plus larges et moins profondes \u2014 plus d’items visibles au niveau sup\u00e9rieur, moins de niveaux de profondeur \u2014 compar\u00e9 aux utilisateurs occidentaux qui sont plus \u00e0 l’aise avec une navigation hi\u00e9rarchique profonde. Cela peut \u00eatre li\u00e9 au pattern de scanning holistique que nous avons observ\u00e9 : les utilisateurs qui saisissent la page enti\u00e8re pr\u00e9f\u00e8rent voir leurs options affich\u00e9es plut\u00f4t que cach\u00e9es derri\u00e8re des menus hi\u00e9rarchiques.<\/p>\n
La v\u00e9rit\u00e9 honn\u00eate, c’est que l’UX arabe-first est un champ sous-d\u00e9velopp\u00e9. La recherche fondamentale qui existe pour les patterns UX occidentaux \u2014 des d\u00e9cennies d’\u00e9tudes d’eye-tracking, de benchmarks d’usabilit\u00e9 et de recherche en design d’interaction \u2014 n’existe simplement pas \u00e0 la m\u00eame profondeur pour les utilisateurs arabophones. Chaque projet que nous menons sur le march\u00e9 du Golfe contribue \u00e0 un corps de connaissances grandissant \u2014 et nous publions nos constatations parce que toute l’industrie b\u00e9n\u00e9ficie d’une meilleure compr\u00e9hension de la fa\u00e7on dont les utilisateurs arabophones interagissent avec les produits digitaux.<\/p>\n
Les entreprises qui investissent dans une vraie recherche UX arabe-first \u2014 plut\u00f4t que de supposer que les patterns occidentaux avec un layout RTL constituent un design ad\u00e9quat \u2014 construiront des produits qui paraissent natifs sur le plus grand march\u00e9 digital sous-exploit\u00e9 au monde. Trois cent cinquante millions d’arabophones repr\u00e9sentent un march\u00e9 qui a \u00e9t\u00e9 syst\u00e9matiquement sous-servi par une industrie qui traite leur langue et leur culture comme une r\u00e9flexion apr\u00e8s coup de localisation. L’opportunit\u00e9 pour les designers qui prennent cela au s\u00e9rieux est extraordinaire. Cette m\u00eame rigueur d’approche s’applique \u00e0 d’autres march\u00e9s sous-servis \u2014 y compris la francophonie, qui a longtemps re\u00e7u des produits \u00ab anglo-traduits \u00bb plut\u00f4t que pens\u00e9s en fran\u00e7ais d\u00e8s la conception.<\/p>\n","protected":false},"excerpt":{"rendered":"
Les cadres UX occidentaux sont excellents \u2014 pour les utilisateurs occidentaux. Mais ils sont pr\u00e9sent\u00e9s comme universels alors qu’ils sont culturellement sp\u00e9cifiques. Voici ce qui change quand on con\u00e7oit pour des utilisateurs arabes en premier.<\/p>\n","protected":false},"author":0,"featured_media":1596,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[20],"tags":[],"class_list":["post-1823","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-product-design"],"acf":[],"yoast_head":"\r\n