Référencement, Design et Cie

Attention ce blog a déménagé et est en lecture seule. Cliquez ici pour accéder à Référencement Design et Cie 2.0

Aller au contenu | Aller au menu | Aller à la recherche © Sébastien Billard

12/01/2007

Interview avec Rafael Mizrahi (Feng-GUI)

La présentation de ViewFinder il y a 2 jours avait soulevé quelques commentaires et interrogations. Rafael Mizrahi, directeur de la technologie chez Feng-GUI et créateur de l'algorithme a gentiment accepté de répondre à mes questions.

Sébastien Billard : Bonjour Rafael, pourriez-vous vous présenter aux lecteurs ?

Rafael Mizrahi : Je travaille dans l'industrie informatique depuis plus de 16 ans. Jouant de la musique et faisant de la peinture, j'ai toujours eu une forte sensibilité pour l'harmonie. Ces deux aspects de ma personnalité m'ont naturellement conduit à l'étude des interfaces utilisateurs, une branche de la recherche informatique.

SB : Quand avez vous commencé à développer cet algorithme ?

RM : J'ai mené des recherches sur la composition dynamique et enseigné durant les 10 dernières années. Mais l'implémentation de ViewFinder à proprement parler n'a débuté qu'il y a 2 ans environ.

SB : Quelles recherches avez-vous utilisé pour mettre au point ViewFinder ?

RM : La question nous est souvent posée, c'est pourquoi nous allons ajouter plus d'informations sur le site à ce sujet. Mais si je devais résumer en un seul mot, je dirai : la saillance (NdT : c'est à dire la capacité d'un élément à ressortir prioritairement lors de la perception visuelle d'une scène, au point de prendre une importance cognitive particulière. Plus d'info dans ce Powerpoint).

L'algorithme ViewFinder crée une carte de saillance du site. Les cartes de saillance ont été développées durant les 25 dernières années par les laboratoires de recherche sur la vision numérique. L'algorithme a été développé puis comparé aux résultats expérimentaux de recherche sur les mouvements du regard, de façon à représenter fidèlement la façon dont les humains sont attirés par les visuels.

SB : Votre algorithme analyse-t-il seulement les contrastes, ou prend-il en compte d'autres stimuli ou comportements ?

RM : ViewFinder prend en compte les contrastes, mais aussi les couleurs, les mouvements, les textures, les flux ainsi que d'autres critères, dans le but de se comporter comme un oeil et un cerveau (modèle "bottom-up", de l'oeil vers le cerveau). Nous travaillons également à inclure dans l'algorithme des capacités de détection des textes et des visages, qui sont des éléments clés de l'attention chez les humains (modèle "top-down").

SB : Qu'entendez-vous exactement par "flux" ?

RM : Qu'il s'agisse de flux, de mouvements, de textures, tout cela se rapport aux motifs que l'on peut retrouver dans les images. Par exemple, prenez une voiture de petite taille (disons 2% de la surface de l'image) suivant une route à flanc de montagne. Les algorithme de détection du mouvement inclus dans ViewFinder peuvent identifier cette voiture, car elle brise la fluidité de la texture de la montagne.

SB : Et concernant le texte, parlez-vous d'analyser le sens des textes, ou seulement leur apparence ?

RM : La détection des textes (en fait leur localisation) ainsi que celle des visages sont utilisées pour déterminer les endroits affichant du texte et des visages. Il s'agit d'algorithmes de classification, qui localisent des motifs, mais n'essayent pas de les comparer à une base de données biométrique ou d'effectuer une reconnaissance de caractères. Il s'agit donc juste de savoir qu'il y a quelque chose d'intéressant à un endroit donné.

SB : Votre outil suggère souvent une attention visuelle portée aux bordures, alors que ces zones sont vides. S'agit-il d'un bug ? d'un artefact ?

Effectivement, un certain nombre de personnes nous l'ont fait remarquer, et nous pensons fournir des exemples et expliquer ces résultats. Ce n'est pas un bug. Bien souvent il s'agit de régions présentant un fort contraste avec la zone intérieure, et ces zones attirent votre attention, même si c'est de façon subliminale et qu'elles ne contiennent rien de significatif. Comme le souligne l'article Psychologie de la forme et symétrie dynamique, "le rythme est au temps ce que la symétrie est à l'espace".

SB : Votre outil n'analyse pas le sens, c'est-à-dire le signifié des éléments. Dans quelle mesure la teneur des textes ou des images affecte-t-elle l'attention visuelle ? L'attention visuelle dépend-elle de ce qui est représenté, ou dépend-elle uniquement de la façon dont les choses sont représentées ?

RM : L'attention peut aussi bien être réflexive, impulsive ("bottom-up") que cognitive, liée au contexte ("top-down"). Elle dépend à la fois du "comment" et du "quoi".

Prenez cette exemple : vous conduisez la nuit, sur une route circulaire. Sur cette route, une voiture est garée, avec ses clignotants allumés. Votre attention est attirée par ces lumière qui s'allument et s'éteignent, une fois ("bottom-up"). Vous continuez votre route, et commencez à ignorer ces lumières ("top-down") parce que vous savez que cette voiture n'aura plus d'influence sur vous. C'est juste une voiture en train de se garer.

SB : Quels sont les projets et développements futurs ?

RM : Notre société Feng-Gui a pour spécialité la perception des visuels, qu'il s'agisse d'attention ou d'attraction. Notre business model est de développer différentes applications de Viewfinder, pour ensuite les intégrer dans les produits d'entreprises leaders telles que Apple, Adobe, Google, Yahoo, etc.

10/01/2007

Un simulateur d'eye-tracking pour tester ses interfaces

Découvert via le blog d'Eliaz, ViewFinder Heatmap est un service en ligne simulant l'eye-tracking (ou oculométrie) d'une page web.

Il ne s'agit pas de réel tests utilisateurs, mais d'une modélisation du comportement de ceux-ci, basées sur des études en neurosciences portant sur l'attention, la perception et la cognition.

Ce que l'outil permet de prédire n'est donc pas tant ce qui sera réellement vu par les utilisateurs (ce qui dépend du contexte d'utilisation) que le potentiel d'attention visuelle des différents éléments de la page.

A lire également : l'évaluation des documents par oculométrie (PDF) par Jean Caelen, directeur de recherche au CNRS

ClickHeat, un script PHP de cartographie des clics

Développé par Labsmedia, ClickHeat est un script PHP vous permettant de cartographier les clics des utilisateurs sur vos pages web, de façon similaire à Crazy Egg. Le script est disponible sous licence Open Souce.

4/01/2007

Quel comportement de l'utilisateur face au scrolling ?

On a longtemps recommandé de minimiser voir d'éviter les scrolls verticaux (aussi appelés ascenseurs), bien qu'il aient pourtant été adoptés assez rapidement par les utilisateurs (Voir par exemple cette alerte de Jakob Nielsen de 1999).

Une étude menée récemment par ClickTale apporte des statistiques intéressantes sur le comportement de l'utilisateurs face aux scrolls :

  • 91% des pages consultées comprendraient un ascenseur vertical.
  • 76% des pages comportant un ascenseur vertical auraient été scrollées.
  • 22% des pages comportant un ascenseur vertical auraient été scrollées intégralement (jusqu'au pied de page).

22% peut paraître peu, mais si l'on observe la distribution de la part des pages effectivement scrollées, on s'aperçoit que la part des utilisateurs ayant scrollé moins de 25% des pages est finalement réduite. Et si l'on observe la distribution des utilisateurs ayant scrollé intégralement les pages (c'est-à-dire scanné ou lu), on ne peut que constater que les utilisateurs n'hésitent pas à scroller de très longues pages, de près de 10000 pixels de haut.

Ces données semblent donc indiquer que des pages longues de 2 ou 3 écrans (éventuellement plus) sont admissibles si le contenu le justifie, à condition que l'utilisateur puisse juger de la teneur du contenu dès le premier écran. On peut aussi penser, comme le souligne ClickTale, qu'il y a finalement peu de bénéfice à compacter les pages pour gagner de l'espace. Mieux vaut travailler sur la lisibilité des textes, en jouant par exemple justement sur les espaces, ainsi que sur les tailles de polices et les interlignes.