Tendances et contexte technologique

1

Jean Caelen Évaluation de pages Web par
oculométrie
2
Linformation sur le WEB

• Problèmes liés à linformation
• Accès (où, comment ?)
• Pertinence (abondance / pauvreté)
• Volatilité, évolutivité
• Fiabilité (contrefaçon, source non authentifiée,
  etc.)

3
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

4
Les niveaux
Point de vue institutionnel - identité, image
de marque,- offre,- bénéfice(s),- facteur
différenciant vis-à-vis de la concurrence directe.
5
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.

6
Les niveaux

• le contenu - pertinence des rubriques proposées
  par rapport à leur univers de référence,-
  rapidité daffichage des informations,- niveau
  dintérêt et dutilité des rubriques,- contenu
  compris et imaginé des rubriques,- adéquation du
  contenu par rapport au positionnement et à
  limage de marque.

7
Qualité de linformation

• 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

 
8
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.

9
Recommandationsaux 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
• Leffet démo, le focus group
• Lego et le rêve

 
Source http//www.veblog.com/
10
Inspection visuelle de sites WEB par oculométrie
11
Sites Hypermedias et Inspection Visuelle
Automatique
Projet SHIVA
Dans le cadre de lISDN Région Rhône-Alpes
12
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

13
Casque

• Inconvénients
• poids sur la tête
• mise au point
• calibrage

14
Les méthodes
Méthode retenue
15

• Données générales sur les parcours visuels
• En Z
• En spirale
• Hiérarchique

16
Paramètres de mesure

• Trajectoire
• Points de fixation fovéale
• à 100 ms (perception)
• à 250 ms (cognition)
• Vision périphérique
• Densité des points

17
Paramètres de mesure

• Trajectoire
• Points de fixation fovéale
• à 100 ms (perception)
• à 250 ms (cognition)
• Vision périphérique
• Densité des points

18
Exemples

•  

Tracé de points de mesure
19
Exemples

•  

• But précis
• Voyage
• Prix

Densité points de fixation
20
Exemples
Exploration dimages

•  

Focus dintérêt
21
Expérimentation

• Analyse comparative de sites
• 10 Agences de voyage
• 24 Internautes
• Consignes but précis ou butinage
• Analyse du regard
• Diagnostic comparatif

•  

22
Expérimentation

• Stratégies des sites
• Structure de la page
• linéaire, grille, intégrée, escamot
• Graphisme
• texte, image
• Approche
• client, institution, mixte

•  

23
Sites

•  

Structure hiérarchique Approche institution
24
Sites

•  

Structure intégrée outil de RI, boutons,
texte Approche client / institution
25
Sites

•  

Structure hiérarchique / grille Approche client
26
Sites

•  

Structure grille Approche client
27
Sites

•  

Structure grille / escamot Approche client /
institution
28
Expérimentation quelques résultats généraux

•  

Exploration en spirale, sans but précis arrêt
sur points daccroche, images, outil de recherche
29
Expérimentation quelques résultats généraux

•  

But précis recherche dun point dentrée pour
information de voyage promotionnel
30
Expérimentation quelques résultats généraux

•  

Présentation linéaire et lecture en Z
31
Expérimentation quelques résultats généraux

•  

Zones dintérêt le logo, le moteur de recherche
32
Les zones dintérêt

•  

Statistiques pour chaque zone d intérêt
33
Les zones dintérêt résultats

•  

5 zones dintérêt mais 3 utiles
34
Champ périphérique
Tracé points de fixation - champ visuel à 1 et 5

•  

Les grandes trajectoires du regard pénalisent le
temps de recherche
35
Champ périphérique

•  

Zone dintérêt en vision périphérique
36
Champ périphérique

•  

Zone dintérêt en vision périphérique
37
Evolution du focus dattention

•  

Emergence rapide du focus dattention la zone
produit
38
Evolution du focus dattention

•  

Émergence lente du focus dattention la zone
produit
39
Evolution du focus dattention

•  

Insistance de recherche la zone FAQ
40
Conclusion
Le temps de parcours est un bon indicateur de
qualité

•  

Si but atteint Alors page pertinente argmin
(pages) t Finsi
La meilleure page
41
Conclusion
Les images et animations

•  

• De lutilité des illustrations
• attractives
• risque dambiguïté
• lien ?
• information ?
• accroche ?
• identification site ?
• représentation ?
• argumentation ?

42
Recommandations
Approche client Disposition grille

•  

Du point de vue de linternaute
Les internautes recherchent des infos Le texte
sert dancrage La légende ou le nom de limage
sont mieux mémorisés que limage
Il faut porter plus dattention au texte quaux
images
43
Le tableau dhorreur

•  

Temps dexploration maximum (330 ms) Approche
institution Disposition hiérarchique
44
Le tableau dhonneur

•  

16
14
12
10
nbre de fixations
8
6
4
2
0
0
5
10
15
20
25
sujets