Title: Tendances et contexte technologique
1 Jean Caelen Évaluation de pages Web par
oculométrie
2Linformation 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.)
3Lé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
4Les niveaux
Point de vue institutionnel - identité, image
de marque,- offre,- bénéfice(s),- facteur
différenciant vis-à-vis de la concurrence directe.
5Les niveaux
- Point de vue utilisateur - navigation,-
contenu. - la navigation - articulation des différentes
rubriques et facilité de repérage,- logique et
facilité de navigation.
6Les 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.
7Qualité 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
8Les 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.
9Recommandationsaux 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/
10Inspection visuelle de sites WEB par oculométrie
11Sites Hypermedias et Inspection Visuelle
Automatique
Projet SHIVA
Dans le cadre de lISDN Région Rhône-Alpes
12Maté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
13Casque
- Inconvénients
- poids sur la tête
- mise au point
- calibrage
14Les méthodes
Méthode retenue
15- Données générales sur les parcours visuels
- En Z
- En spirale
- Hiérarchique
16Paramètres de mesure
- Trajectoire
- Points de fixation fovéale
- à 100 ms (perception)
- à 250 ms (cognition)
- Vision périphérique
- Densité des points
17Paramètres de mesure
- Trajectoire
- Points de fixation fovéale
- à 100 ms (perception)
- à 250 ms (cognition)
- Vision périphérique
- Densité des points
18Exemples
Tracé de points de mesure
19Exemples
Densité points de fixation
20Exemples
Exploration dimages
Focus dintérêt
21Expérimentation
- Analyse comparative de sites
- 10 Agences de voyage
- 24 Internautes
- Consignes but précis ou butinage
- Analyse du regard
- Diagnostic comparatif
22Expérimentation
- Stratégies des sites
- Structure de la page
- linéaire, grille, intégrée, escamot
- Graphisme
- texte, image
- Approche
- client, institution, mixte
23Sites
Structure hiérarchique Approche institution
24Sites
Structure intégrée outil de RI, boutons,
texte Approche client / institution
25Sites
Structure hiérarchique / grille Approche client
26Sites
Structure grille Approche client
27Sites
Structure grille / escamot Approche client /
institution
28Expérimentation quelques résultats généraux
Exploration en spirale, sans but précis arrêt
sur points daccroche, images, outil de recherche
29Expérimentation quelques résultats généraux
But précis recherche dun point dentrée pour
information de voyage promotionnel
30Expérimentation quelques résultats généraux
Présentation linéaire et lecture en Z
31Expérimentation quelques résultats généraux
Zones dintérêt le logo, le moteur de recherche
32Les zones dintérêt
Statistiques pour chaque zone d intérêt
33Les zones dintérêt résultats
5 zones dintérêt mais 3 utiles
34Champ périphérique
Tracé points de fixation - champ visuel à 1 et 5
Les grandes trajectoires du regard pénalisent le
temps de recherche
35Champ périphérique
Zone dintérêt en vision périphérique
36Champ périphérique
Zone dintérêt en vision périphérique
37Evolution du focus dattention
Emergence rapide du focus dattention la zone
produit
38Evolution du focus dattention
Émergence lente du focus dattention la zone
produit
39Evolution du focus dattention
Insistance de recherche la zone FAQ
40Conclusion
Le temps de parcours est un bon indicateur de
qualité
Si but atteint Alors page pertinente argmin
(pages) t Finsi
La meilleure page
41Conclusion
Les images et animations
- De lutilité des illustrations
- attractives
- risque dambiguïté
- lien ?
- information ?
- accroche ?
- identification site ?
- représentation ?
- argumentation ?
42Recommandations
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
43Le tableau dhorreur
Temps dexploration maximum (330 ms) Approche
institution Disposition hiérarchique
44Le tableau dhonneur
16
14
12
10
nbre de fixations
8
6
4
2
0
0
5
10
15
20
25
sujets