Jean Caelen
Download
1 / 44

- PowerPoint PPT Presentation


  • 122 Views
  • Uploaded on

Jean Caelen Évaluation de pages Web par oculométrie. L’information sur le WEB. Problèmes liés à l’information Accès (où, comment ?) Pertinence (abondance / pauvreté) Volatilité, évolutivité Fiabilité (contrefaçon, source non authentifiée, etc.). L’évaluation. Information (contenu)

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '' - nathaniel


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Slide1 l.jpg

Jean Caelen

Évaluation de pages Web par oculométrie

Clips Imag


Slide2 l.jpg

L’information sur le WEB

  • Problèmes liés à l’information

  • Accès (où, comment ?)

  • Pertinence (abondance / pauvreté)

  • Volatilité, évolutivité

  • Fiabilité (contrefaçon, source non authentifiée, etc.)

Clips Imag


Slide3 l.jpg

L’évaluation

  • Information (contenu)

  • Organisation (structure, liens)

  • Présentation (surface)

  • Ex. de produit : WebGarage (évaluateur technique : orthographe, liens, etc.) pour les webmasters

  • http://www.e-qualite.com

  • http://www.axance.com

Clips Imag


Slide4 l.jpg

Les niveaux

Point de vue institutionnel :- identité, image de marque,- offre,- bénéfice(s),- facteur différenciant vis-à-vis de la concurrence directe.

Clips Imag


Slide5 l.jpg

Les niveaux

Point de vue utilisateur :- navigation,- contenu.

  • la navigation :- articulation des différentes rubriques et facilité de repérage,- logique et facilité de navigation.

Clips Imag


Slide6 l.jpg

Les niveaux

  • le contenu :- pertinence des rubriques proposées par rapport à leur univers de référence,- rapidité d’affichage des informations,- niveau d’intérêt et d’utilité des rubriques,- contenu compris et imaginé des rubriques,- adéquation du contenu par rapport au positionnement et à l’image de marque.

Clips Imag


Slide7 l.jpg

Qualité de l’information

Précision

Fiabilité, pertinence

Authentification

Auteur, sponsor, institution

Objectivité

Citations, notes, mises en garde

Mise à jour

Dates, Liens, périodicité de MAJ

Couverture

Largeur, profondeur

Clips Imag


Slide8 l.jpg

Les méthodes industrielles

  • Test en phase de conception :pour valider ou modifier les choix de conception de maquettes ou prototypes

  • Test en phase fonctionnelle :pour évaluer la qualité de l'expérience vécue par les utilisateurs d'un service en ligne fonctionnel

  • Test en ligne :pour évaluer le taux de réussite à grande échelle, et valider de manière quantitative des hypothèses retenues en amont.

Clips Imag


Slide9 l.jpg

Recommandations…aux chefs de projet

  • 7 pièges à éviter…

  • Les effets de mode

  • La surenchère technologique

  • Le marketing

  • Les effets de manche clinquants

  • Le manque de démarche scientifique

  • L’effet démo, le focus group

  • L’ego et le rêve…

Source : http://www.veblog.com/

Clips Imag


Slide10 l.jpg

Inspection visuelle de sites WEB…

…par oculométrie

Clips Imag


S ites h ypermedias et i nspection v isuelle a utomatique l.jpg
Sites Hypermedias et Inspection Visuelle Automatique

Projet SHIVA

Dans le cadre de l’ISDN

Région Rhône-Alpes

Clips Imag


Mat riel l.jpg
Matériel

Oculomètre Metrovision

  • Partie optique

    • caméra

    • éclairage infrarouge

    • mentonnière

  • Partie électronique

    • commande éclairage

    • génération signaux

    • traitement signal vidéo

    • dialogue par liaison série

    • génération signal vidéo de contrôle

Clips Imag


Casque l.jpg
Casque

  • Inconvénients

  • poids sur la tête

  • mise au point

  • calibrage

Clips Imag


Slide14 l.jpg

Les méthodes

Méthode retenue

Clips Imag


Slide15 l.jpg

Clips Imag


Param tres de mesure l.jpg
Paramètres de mesure

  • Trajectoire

  • Points de fixation fovéale

    • à 100 ms (perception)

    • à 250 ms (cognition)

  • Vision périphérique

  • Densité des points

Clips Imag


Param tres de mesure17 l.jpg
Paramètres de mesure

  • Trajectoire

  • Points de fixation fovéale

    • à 100 ms (perception)

    • à 250 ms (cognition)

  • Vision périphérique

  • Densité des points

Clips Imag


Exemples l.jpg
Exemples

Tracé de points de mesure

Clips Imag


Exemples19 l.jpg
Exemples

  • But précis

  • Voyage

  • Prix

Densité points de fixation

Clips Imag


Exemples20 l.jpg
Exemples

Exploration d’images

Focus d’intérêt

Clips Imag


Exp rimentation l.jpg
Expérimentation

  • Analyse comparative de sites…

  • 10 Agences de voyage

  • 24 Internautes

  • Consignes : but précis ou butinage

  • Analyse du regard

  • Diagnostic comparatif

Clips Imag


Exp rimentation22 l.jpg
Expérimentation

  • Stratégies des sites…

  • Structure de la page :

    linéaire, grille, intégrée, escamot

  • Graphisme :

    texte, image

  • Approche :

    client, institution, mixte

Clips Imag


Sites l.jpg
Sites

Structure hiérarchique

Approche institution

Clips Imag


Sites24 l.jpg
Sites

Structure intégrée : outil de RI, boutons, texte

Approche client / institution

Clips Imag


Sites25 l.jpg
Sites

Structure hiérarchique / grille

Approche client

Clips Imag


Sites26 l.jpg
Sites

Structure grille

Approche client

Clips Imag


Sites27 l.jpg
Sites

Structure grille / escamot

Approche client / institution

Clips Imag


Exp rimentation quelques r sultats g n raux l.jpg
Expérimentation : quelques résultats généraux

Exploration en spirale, sans but précis : arrêt sur points d’accroche, images, outil de recherche

Clips Imag


Exp rimentation quelques r sultats g n raux29 l.jpg
Expérimentation : quelques résultats généraux

But précis : recherche d’un point d’entrée pour information de voyage promotionnel

Clips Imag


Exp rimentation quelques r sultats g n raux30 l.jpg
Expérimentation : quelques résultats généraux

Présentation linéaire et lecture en Z…

Clips Imag


Exp rimentation quelques r sultats g n raux31 l.jpg
Expérimentation : quelques résultats généraux

Zones d’intérêt : le logo, le moteur de recherche

Clips Imag


Les zones d int r t l.jpg
Les zones d’intérêt

Statistiques pour chaque zone d ’intérêt

Clips Imag


Les zones d int r t r sultats l.jpg
Les zones d’intérêt : résultats

5 zones d’intérêt mais 3 utiles

Clips Imag


Champ p riph rique l.jpg
Champ périphérique

Tracé points de fixation - champ visuel à 1° et 5°

Les grandes trajectoires du regard pénalisent le temps de recherche

Clips Imag


Champ p riph rique35 l.jpg
Champ périphérique

Zone d’intérêt en vision périphérique

Clips Imag


Champ p riph rique36 l.jpg
Champ périphérique

Zone d’intérêt en vision périphérique

Clips Imag


Evolution du focus d attention l.jpg
Evolution du focus d’attention

Emergence rapide du focus d’attention : la zone produit

Clips Imag


Evolution du focus d attention38 l.jpg
Evolution du focus d’attention

Émergence lente du focus d’attention : la zone produit

Clips Imag


Evolution du focus d attention39 l.jpg
Evolution du focus d’attention

Insistance de recherche : la zone FAQ

Clips Imag


Conclusion l.jpg
Conclusion

Le temps de parcours est un bon indicateur de qualité

Si but atteint Alors

page pertinente = argmin (pages)

t

Finsi

La meilleure page

Clips Imag


Conclusion41 l.jpg
Conclusion

Les images et animations

  • De l’utilité des illustrations…

  • attractives

  • risque d’ambiguïté

    • lien ?

    • information ?

    • accroche ?

    • identification site ?

    • représentation ?

    • argumentation ?

Clips Imag


Recommandations l.jpg
Recommandations

Approche client

Disposition grille

Du point de vue de l’internaute

Les internautes recherchent des infos

Le texte sert d’ancrage

La légende ou le nom de l’image sont mieux mémorisés que l’image

Il faut porter plus d’attention au texte qu’aux images

Clips Imag


Le tableau d horreur l.jpg
Le tableau d’horreur

Temps d’exploration maximum (330 ms)

Approche institution

Disposition hiérarchique

Clips Imag


Le tableau d honneur l.jpg

Go voyages

Carlson / Sélectour

Dégriftour

Le tableau d’honneur

16

14

12

10

nbre de fixations

8

6

4

2

0

0

5

10

15

20

25

sujets

Clips Imag