slide1
Download
Skip this Video
Download Presentation
Jean Caelen Évaluation de pages Web par oculométrie

Loading in 2 Seconds...

play fullscreen
1 / 44

Clips Imag - PowerPoint PPT Presentation


  • 120 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 'Clips Imag' - 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

Jean Caelen

Évaluation de pages Web par oculométrie

Clips Imag

slide2

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’é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

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

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

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

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

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

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

Inspection visuelle de sites WEB…

…par oculométrie

Clips Imag

s ites h ypermedias et i nspection v isuelle a utomatique
Sites Hypermedias et Inspection Visuelle Automatique

Projet SHIVA

Dans le cadre de l’ISDN

Région Rhône-Alpes

Clips Imag

mat riel
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
Casque
  • Inconvénients
  • poids sur la tête
  • mise au point
  • calibrage

Clips Imag

slide14

Les méthodes

Méthode retenue

Clips Imag

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

Clips Imag

param tres de mesure
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
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
Exemples

Tracé de points de mesure

Clips Imag

exemples19
Exemples
  • But précis
  • Voyage
  • Prix

Densité points de fixation

Clips Imag

exemples20
Exemples

Exploration d’images

Focus d’intérêt

Clips Imag

exp rimentation
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
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
Sites

Structure hiérarchique

Approche institution

Clips Imag

sites24
Sites

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

Approche client / institution

Clips Imag

sites25
Sites

Structure hiérarchique / grille

Approche client

Clips Imag

sites26
Sites

Structure grille

Approche client

Clips Imag

sites27
Sites

Structure grille / escamot

Approche client / institution

Clips Imag

exp rimentation quelques r sultats g n raux
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
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
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
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
Les zones d’intérêt

Statistiques pour chaque zone d ’intérêt

Clips Imag

les zones d int r t r sultats
Les zones d’intérêt : résultats

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

Clips Imag

champ p riph rique
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
Champ périphérique

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

Clips Imag

champ p riph rique36
Champ périphérique

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

Clips Imag

evolution du focus d attention
Evolution du focus d’attention

Emergence rapide du focus d’attention : la zone produit

Clips Imag

evolution du focus d attention38
Evolution du focus d’attention

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

Clips Imag

evolution du focus d attention39
Evolution du focus d’attention

Insistance de recherche : la zone FAQ

Clips Imag

conclusion
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
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
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
Le tableau d’horreur

Temps d’exploration maximum (330 ms)

Approche institution

Disposition hiérarchique

Clips Imag

le tableau d honneur

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

ad