tester vos sites, mythes et réalités, parisweb 2011

80
iErgo Raphaël Yharrassarry Tester vos services, mythes et réalités !

Upload: raphael-yharrassarry

Post on 03-Jul-2015

228 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoRaphaël Yharrassarry

Tester vos services, mythes et réalités !

Page 2: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 3: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

5 utilisateurs suffisent pour trouver 85 % des problèmes

d’ergonomie.

Jakob Nielsen

2000 : http://www.useit.com/alertbox/20000319.html

1993 : A Mathematical Model of the Finding of Usability Problems

Page 4: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 5: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

P  (i)  =    N(1-­‐(1-­‐L)+)

Nombre de problèmes trouvés Nombre d’utilisateurs

Nombre total de problèmes

Proportion de problèmes rencontrés

par un utilisateur

Page 6: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

16,87  =    20(1-­‐(1-­‐0,31)⁵)

85  %

16,87 problèmes trouvés 5 utilisateurs20 problèmes au total

un utilisateur rencontre en moyenne 31% des

problèmes.

Page 7: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

L  =  0,31  ?  

A Mathematical Model of the Finding of Usability Problems, Jakob Nielsen and Thomas K. Landauer,

InterCHI 1993

5 tests utilisateurs :L de 0,12 à 0,32

6 évaluations heuristiques :

L de 0,21 à 0,58

{Proportion de

problèmes rencontrés par un utilisateur

Page 8: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

N  ?

Comment connaître le nombre N total de problèmes ?

Page 9: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 10: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

En pratique, 5 utilisateurs, ça ne suffit pas !

Testing Web sites : Five user is nowhere near enough,Jared Spool, Will Schroeder. CHI 2001

Page 11: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

L est spécifique à chaque site.

L : Proportion de problèmes rencontrés

par un utilisateurP  (i)  =    N(1-­‐(1-­‐L)i)

Page 12: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Que sait on des méthodes d’évaluations ?

Page 13: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

CUE

Comparative Usability Evaluation

http://www.dialogdesign.dk/CUE.html

Page 14: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

8 études scientifiques de 1998 à aujourd’hui,

comparant divers méthodes d’évaluations.

Page 15: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Peut-on trouver tous les problèmes ?

Page 16: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 17: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoCUE 4 : 17 équipes ; Des méthodes différentes.

Page 18: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

0

50

100

150

200

250

16 ; 17 14 ; 15 12 ; 13 10 ; 11 9 8 7 6 5 4 3 2 1

205

51

31171155633120

CUE 4 : 17 équipes ; Des méthodes différentes ; 340 problèmes ;61 problèmes critiques trouver par une seule équipe.

Problèmes trouvés par x équipes sur 17.

Nom

bre

de p

robl

èmes

Page 19: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Plus on test, plus on trouve !

N  reste théorique.  

P  (i)  =    N(1-­‐(1-­‐L)i) N : Nombre total de problèmes

Page 20: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Que faire pour trouver les problèmes critiques ?

Page 21: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 22: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Mineur

Sérieux

Critique

Un problème critique peut engendrer une catastrophe ; Une situation où le site Web met en échec l’utilisateur.

Page 23: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

0

80

160

240

320

400

CUE-2 CUE-3 CUE-4

61

2429

340

220

310

Nombre total de problèmes.Problèmes critiques ou sérieux trouvés par une seule équipe.

Page 24: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Insp

ectio

n H

euris

tique

Test

U.

ISO

202

82-3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Auj

ourd

’hui

Jare

d Sp

ool

2001

Page 25: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

CUE 8 :Un même site,

Une même consigne,Trois mesures imposées : temps,

succès et satisfaction,15 équipes.

http://www.dialogdesign.dk/CUE.html

Page 26: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo60 secondes, Accroche marketing ou réalité ?

Page 27: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoDe 60s à 1244 s pour la réalisation des tâches.

Page 28: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Rent a car in just 60 secondes ?

2 équipes : Reformuler 3 équipes : Plus de recherches4 équipes : Ok5 équipes : 90, 120, 180,180,240s

Page 29: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Définir strictement les procédures de mesures.

Page 30: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Toujours mesurer :le temps de réalisation des tâches,

le taux de succès,la satisfaction.

Page 31: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Exclure les temps des échecs du calcul des moyennes.

Page 32: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Recruter des utilisateurs strictement représentatif de la

population cible.

Page 33: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

A retenir des études CUE

Page 34: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Les analyses d’experts sont aussi efficaces que les tests utilisateurs.

Page 35: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Même avec des moyens faibles, il est possible d’alimenter le processus de conception.

Page 36: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

P  (i)  =    N(1-­‐(1-­‐L)+)

N  et  L  doivent  être  dé@inis  sur  la  base  d’un  pré-­‐test.  

Page 37: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

« 5 utilisateurs permettent de conduire un processus de

conception itératif. »

Page 38: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

Test

U.

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Aujourd’hui

Jare

d Sp

ool

2001

Insp

ectio

n he

urist

ique

ISO

202

82-3

Page 39: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Quelle méthode à quel moment du projet ?

Page 40: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Aujourd’hui

Jare

d Sp

ool

2001

Test

U.

Insp

ectio

n he

urist

ique

ISO

202

82-3

Page 41: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Une méthode d’inspection heuristique «à ma façon».

Page 42: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Méthodologie,

Préparation > passation > synthèse

Retrouver la méthodologie sur http://wp.me/pKaTq-yD

Page 43: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Préparation

1 à 3 inspecteurs.

4 tâches en fonction des usages. La 5éme tâche est un parcours libre.

Déterminer plus ou moins précisément le parcours suivant le résultat attendu.

la grille d’évaluations.

Retrouver la méthodologie sur http://wp.me/pKaTq-yD

Page 44: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Description de la tâche Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Ecran et description du problèmeEcran et description du problèmeCritères Occurren

cesCompatibilité 0

Guidage 0- Incitation 0- Groupement/distinction 1

- Feedback Immédiat 0- Lisibilité 0

E-mail/boite de réception E-mail/nouveau message

La barre d’outils de gauche présente un contenu hétérogène : des contacts, des messages, des tâches mais aussi des dossiers et des actions.

Les critères de Bastien et Scapin, par ordre

d’usage. (Bach, Scapin, 2003)

Rappel de la tâche et étapes (écrans).

Le nombre de problème par critères

un problème par case, sur plusieurs colonnes

si besoin.

Page 45: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Passation

Passez en revue les 5 tâches décrites, sur la base de la méthode de l’inspection cognitive, en se plaçant dans la position de l’utilisateur.

Inscrire dans la case correspondante dans la grille en prenant en compte l’aspect le plus important du défaut.

Retrouver la méthodologie sur http://wp.me/pKaTq-yD

Page 46: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoUn exemple avec Gmail, sur une tâche simple «Envoyer un

email».

Page 47: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Description de la tâche Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Ecran et description du problèmeEcran et description du problèmeCritères Occurrences

Compatibilité 0

Guidage 0- Incitation 0- Groupement/distinction 1

- Feedback Immédiat 0- Lisibilité 0

Contrôle explicite 0- Actions Explicites 0- Contrôle Utilisateur 0

Signifiance des codes et dénominations 00

Charge de travail 0- Brièveté 0 + Concision 0 + Actions minimales 0- Densité informationnelle 1

Adaptabilité 0- Flexibilité 0- Prise en compte de l'expérience utilisateur 1

Homogénéité/cohérence 0

Gestion des erreurs 0- Protection contre les erreurs 0- Qualité des messages d'erreur 0- Correction des erreurs 0

Total pour la tâche 3

E-mail/boite de réception E-mail/nouveau message

La barre d’outils de gauche présente un contenu hétérogène : des contacts, des messages, des tâches mais aussi des dossiers et des actions.

Le bandeau «Publicité» présente des informations sans liens avec le contenu.

Aucun raccourcis clavier

Une fois le problème détecter, il est classé suivant le critères principale.

Page 48: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoSuite de la tâche : «Envoyer un email»

Page 49: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Description de la tâche Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Sur Google Mail, à partir de l’adresse http://mail.google.com/, avec un compte existant, Envoyer un email avec une pièce jointe à [email protected]

Ecran et description du problèmeEcran et description du problèmeCritères Occurrences

Compatibilité 0

Guidage 0- Incitation 0- Groupement/distinction 1

- Feedback Immédiat 0- Lisibilité 0

Contrôle explicite 0- Actions Explicites 0- Contrôle Utilisateur 0

Signifiance des codes et dénominations 00

Charge de travail 0- Brièveté 0 + Concision 0 + Actions minimales 0- Densité informationnelle 1

Adaptabilité 0- Flexibilité 0- Prise en compte de l'expérience utilisateur 1

Homogénéité/cohérence 1

Gestion des erreurs 0- Protection contre les erreurs 0- Qualité des messages d'erreur 0- Correction des erreurs 0

Total pour la tâche 4

E-mail/boite de réception E-mail/nouveau message

La barre d’outils de gauche présente un contenu hétérogène : des contacts, des messages, des tâches mais aussi des dossiers et des actions.

Le bandeau «actualité» présente des informations sans liens avec le contenu.

Aucun raccourcis clavier

Les actions «Ajouter», «Joindre» sont présentées comme des liens et non des actions comme «Envoyer».

Page 50: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Synthèse

La grille permet de réaliser facilement une synthèse entre inspecteurs.

Comparer deux versions d’une même service.

Comptabiliser les défauts par critère ?

Défauts ponctuels, d’autres transverses.

Retrouver la méthodologie sur http://wp.me/pKaTq-yD

Page 51: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Quand ?

Au début, sur les maquettes ;

Lors de la recette, dans un processus de qualité.

Page 52: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Aujourd’hui

Jare

d Sp

ool

2001

Test

U.

Insp

ectio

n he

urist

ique

ISO

202

82-3

Page 53: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Les tests U.

Page 54: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Test U.

Utilisateur ou Utilisabilité ?

Page 55: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Quand ?

En cours de projet.

Page 56: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Comment ?

Avec les ressources dont vous disposez !

Des «Test kitchen», des cobayes recrutés dans le couloir, à la cantine, dans la famille,...

Des tests à distances.

Page 57: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Adapter la volumétrie des tests à vos capacités de correction.

Page 58: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Comment optimiser le nombre d’utilisateur ?

Page 59: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

http://www.measuringusability.com/problem_discovery.php

Page 60: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Saisir les résultats du pré-test.

http://www.measuringusability.com/problem_discovery.php

Page 61: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Saisir, par utilisateur, les problèmes et calculer !

http://www.measuringusability.com/problem_discovery.php

Page 62: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Contempler le résultat !

http://www.measuringusability.com/problem_discovery.php

Page 63: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Aujourd’hui

Jare

d Sp

ool

2001

Test

U.

Insp

ectio

n he

urist

ique

ISO

202

82-3

Page 64: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

ISO 20282-3

Disponible sur le site de l’AFNOR

Page 65: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Facilité d'emploi des produits quotidiens

Partie 3:Méthode d'essai pour produits de

consommation courante

Page 66: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Efficacité Efficience Satisfaction

Page 67: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoExemple, accéder à une info. (TV connectée LG, par Orange)

Page 68: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoEfficacité, exemple de résultats obtenu pour un scénario.

Effectif de l'échantillon : 48Nombre de succès : 45Taux de succès de l'échantillon : 93,75 %

Le taux de succès minimal inféré à la population mère est de : 90,06 %avec une confiance de : 80 %

Page 69: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoEfficience, exemple de résultats obtenu pour un scénario.

La durée moyenne de réalisation inférée à la population mèreest comprise entre : 15,59 et 20,07 secondesavec une confiance de : 80%

Page 70: Tester vos sites, mythes et réalités, Parisweb 2011

iErgoSatisfaction, exemple de résultats obtenu pour un scénario.

Le taux de satisfaction sur l'objectif est : 1,54

-2 -1 0 1 2

Page 71: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

a)  Identifier le produit à soumettre à essai,

b)  Identifier le contexte d’utilisation prévu (utilisateurs, tâches et environnement),

c)  Vérifier que le produit est compatible avec les caractéristiques des utilisateurs cibles,

d)  Décider d’essayer un ou plusieurs groupes,

e)  Identifier les mesures requises et si des valeurs sont requises pour ces mesures, ou bien s’il s’agit de comparer deux résultats,

f)  Sélectionner un groupe d’utilisateurs représentatif du groupe d’utilisateurs cible du produit,

g)  Établir un mode opératoire d’essai comprenant un groupe représentatif d’utilisateurs pour utiliser le produit afin d’atteindre les objectifs principaux d’utilisation,

h)  Mesurer le taux de succès et, éventuellement, le temps de réalisation de la tâche et la satisfaction (par l’intermédiaire d’un questionnaire),

i)  Calculer l’efficacité d’emploi (taux de succès en pourcentage) et, éventuellement, l’efficience d’emploi (temps médian de réalisation de la tâche) et la satisfaction lors de l’emploi (moyenne des notes du questionnaire),

j)  Élaborer un rapport complet et/ou un court résumé,

Mode opératoire d’essai, étapes devant être suivies

Page 72: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Quand ?

En fin de projet, pour «certifier» un service avant la mise en production.

Page 73: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Une norme internationale.

Page 74: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Reproductibles

Généralisables à la population cible

Comparables

Les avantages d’une norme

Page 75: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

20 à 50 utilisateurs

Mais ça va plus vite qu’un test U !

Autres avantages et inconvénients

Page 76: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Le dépouillement est plus simple, plus rapide !

Par scénario : réussite ou échec, temps et satisfaction.

Autres avantages et inconvénients

Page 77: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Un fichier Excel peut simplifier la vie ! source : Daniel Bailleul

http://www.measuringusability.com/products/

Page 78: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Nie

lsen

Ale

rtbo

x

CU

E 2

CU

E 3

CU

E 4

CU

E 8

2009

2000

1993

1998

2003

2004

Aujourd’hui

Jare

d Sp

ool

2001

Test

U.

Insp

ectio

n he

urist

ique

ISO

202

82-3

Page 79: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Questions ?

Retrouvez cette présentation : http://wp.me/pKaTq-Gx

Page 80: Tester vos sites, mythes et réalités, Parisweb 2011

iErgo

Raphaël [email protected] iergo

Retrouvez cette présentation : http://wp.me/pKaTq-Gx