LâĆil est au cĆur de la frĂ©quentation des Ă©crans. Comprendre le parcours oculaire de lâutilisateur est donc vital pour concevoir un site homogĂšne. Seuls des neuro-tests pointus et l'UX Design Comportemental permettent de vraiment analyser l'expĂ©rience utilisateur face Ă des Ă©crans.
LâĆil doit ĂȘtre Ă©troitement tenu ⊠à lâĆil, car il est lâoutil optique commandĂ© par le cerveau pour aller puiser les infos Ă lâintĂ©rieur des Ă©crans. Cette Ă©vidence est pourtant encore trop peu ancrĂ©e dans la conception de sites.
Longtemps et jusquâĂ prĂ©sent, on a conçu les Ă©crans digitaux⊠à lâaveugle ! Sur base dâobservations, dâintuitions, dâhypothĂšses non validĂ©es scientifiquement.
Résultat : des données peu fiables et donc des écrans mal pensés.
Entre la crĂ©ation/conception dâun site et son utilisation pratique, manquait une Ă©tape capitale : une sĂ©quence de tests scientifiques poussĂ©s, capables dâidentifier et analyser les activitĂ©s cĂ©rĂ©brales non-conscientes mais motrices des comportements des utilisateurs face Ă un Ă©cran.
Pour recueillir ces infos essentielles, nous nous sommes progressivement dotĂ©e, dâun arsenal de technologies biomĂ©triques de pointe et d'un savoir-faire unique : analyse faciale, Ă©lectro-encĂ©phalogramme et des outils comme lâeye-tracking capable dâenregistrer toutes les phases et facettes du comportement oculaire.
Il en ressort que oui, lâĆil est bien le curseur et lâoutil entiĂšrement au service du cerveau.
Voici pourquoi et comment.
En UX Design Comportemental, « voir » nâest pas « regarder »
Ce nâest pas lâĆil qui regarde mais le cerveau. Ce dernier dĂ©cide de tout : oĂč aller, quel type dâinfos chercher, lesquelles garder, comment les traiterâŠ
LâĆil permet de tout voir mais le cerveau ne regarde que ce quâil a dĂ©cidĂ© dâimportant par anticipation. Ces choix se traduisent par des fixations oculaires sur des points oĂč la vision sera nette et le reste flou.
Lâensemble des fixations successives (calculĂ©es en millisecondes) va dessiner un parcours visuel bourrĂ© dâenseignements prĂ©cieux recueillis par lâeye tracking. Celui-ci tient en une discrĂšte rĂ©glette orientĂ©e vers le regard du testeur.
Par infrarouge hyperprĂ©cis centrĂ© sur la rĂ©tine, lâappareil enregistre en direct toute lâactivitĂ© rĂ©elle de lâĆil, donc uniquement ce que le cerveau a dĂ©cidĂ© de regarder et au-delĂ , ce que lâutilisateur pense et/ou ressent.
Lâanalyse de la masse de donnĂ©es recueillies au cours de tests sur un panel dâutilisateurs, permet ensuite dâĂ©valuer au plus prĂšs lâefficience du site examinĂ©.
On saura avec certitude si son architecture et ses éléments déclenchent un parcours homogÚne chez une majorité de visiteurs ou, au contraire, une expérience hétérogÚne compliquée qui provoquera des émotions négatives et leur désertion.
En gros, son degrĂ© de rĂ©ussite ou dâincapacitĂ© Ă garder les visiteurs et Ă gĂ©nĂ©rer le mĂȘme comportement chez ceux-ci.
Dâautant que lâĂ©quation dâun site est par dĂ©finition compliquĂ©e par une multiplicitĂ© de stimuli visuels diffĂ©rents : textes, couleurs, images, graphismes, boutonsâŠ
LâĆil, redoutable outil en UX Design Comportemental
Marc et son Ă©quipe procĂšde gĂ©nĂ©ralement par session de tests de deux jours sur un Ă©chantillon de 16 utilisateurs de site. Ce panel est invitĂ© Ă effectuer des tĂąches liĂ©es Ă des scĂ©narios de consultation selon un objectif prĂ©cis. Le but Ă©tant de vĂ©rifier des hypothĂšses sur les points forts ou faibles du site (existant ou Ă crĂ©er) dâune marque.
Dans toute expĂ©rience, dĂ©crypter le comportement oculaire de chaque individu sâavĂšre essentiel car tout compte et transite par lui: lâendroit oĂč se fixe son regard, pendant combien de temps, lâitinĂ©raire suivi, les Ă©lĂ©ments Ă©vitĂ©s⊠Tout cela, lâeye-tracking le capte instantanĂ©ment par enregistrement de 4-5 fixations par seconde.
A partir de lâinfinitĂ© de donnĂ©es brutes recueillies, on obtient un parcours oculaire dont on modĂ©lise les phases sous forme de ronds de tailles variables. La taille traduit la durĂ©e de chaque fixation oculaire.
Un regard de 75 millisecondes nâindique aucune attention prĂ©cise
Entre 100 et 200 millisecondes, lâĆil est en traitement visuel ; au-delĂ , lâĆil passe en mode lecture.
Si la durée excÚde les 300 millisecondes cela révÚle une lecture compliquée ou une difficulté de parcours qui ralentit le temps de réaction du cerveau
A lâarrivĂ©e, agrĂ©ger les donnĂ©es prĂ©cises sur les endroits regardĂ©s, les fixations oculaires, leurs durĂ©es, donne avec une prĂ©cision chirurgicale, une idĂ©e exacte de ce que le cerveau a trouvĂ© intĂ©ressant, du temps quâil y a consacrĂ© et du type de traitement de contenu opĂ©rĂ©.
Mieux encore : grĂące Ă son expertise neuro-scientifique, Marc et son Ă©quipe sont capable dâestimer la qualitĂ© (Ă©motionnelle) de la fixation oculaire elle-mĂȘme grĂące au recueil dâune autre donnĂ©e centrale : le diamĂštre de la pupille dont la variation est un indicateur prĂ©cis de lâintĂ©rĂȘt portĂ© Ă un Ă©lĂ©ment dâune page web ou de sa complexitĂ©.
Enfin, un simulateur de rétine artificielle nous permet de visualiser sur écran comment le cerveau voit une page. Non seulement les points de fixations nets mais aussi toutes les zones de flou du reste du champ de vision. Bluffant !
Une vraie base scientifique pour l'UX Designer
Pour obtenir la carte et la grammaire complĂšte des comportements et pensĂ©es dâun testeur/utilisateur de site, dâautres technologies comme lâĂ©lectro-encephalogramme ou lâanalyse faciale fournissent simultanĂ©ment leurs donnĂ©es complĂ©mentaires sur les courbes et mouvements des muscles du visage et sur la chaleur de certaines zones du crĂąne, siĂšges dâĂ©motions nĂ©gatives ou positives âŠ
Par triangulation de lâensemble des donnĂ©es et en croisant/comparant celles de tous les testeurs, Marc et son Ă©quipe rĂ©vĂšle prĂ©cisĂ©ment comment les utilisateurs « vivent » son site, ce quâils regardent ou Ă©vitent, selon quel parcours oculaire, en ressentant quelles Ă©motionsâŠ
Une précieuse base scientifique pour bien concevoir ou radicalement améliorer un site.
Les résultats business de l'utilisation du UX Design Comportemental ? Bonne question !
Marc a accompagné plusieurs entreprises du CAC40, des entreprises leader de leur marché dans les secteurs bancaires et assurentiels, une des plus grandes marque de luxe, ⊠dans leur stratégie d'expérience client sur le digital.
A titre d'exemple, Marc a dĂ©ployĂ© ses tests et sa technologie neuro-scientifiques pour vĂ©rifier lâefficience du site de la sociĂ©tĂ© de chemins de fer français. AprĂšs examen, sĂ©vĂšre diagnostic et correction, la satisfaction client sâest amĂ©liorĂ©e de 36% ! MĂȘme chose pour la refonte complĂšte de Nature & DĂ©couvertes.
Une des nombreuses preuves que seule une approche scientifique globale peut aujourdâhui fournir des indications claires sur le comportement utilisateur face Ă un Ă©cran.
Pour mieux savoir quel banner bannir, quelle couleur choisir, quelle arborescence de site privilĂ©gier, quel positionnement rĂ©server Ă chaque Ă©lĂ©ment, comment formuler les questions posĂ©es et rĂ©pondre rapidement aux besoins de lâutilisateur.
Bref, donner les clĂ©s dâun parcours oculaire homogĂšne, condition primordiale de la frĂ©quentation et de la rĂ©tention de tous les visiteurs.
Morale de lâhistoire : pour pouvoir en mettre plein les yeux, plongez dâabord dedans đ