Tester vos services_paris_web_2011

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

description

Le but de cette conférence est de faire le point sur les différentes méthodes d'évaluation des interfaces. Le point de départ est l'affirmation de Jakob Nielsen : 5 utilisateurs suffisent pour trouver 85 % des problèmes d’ergonomie. Cette affirmation est souvent reprise en oubliant de préciser le contexte théorique qui date de 1993. Depuis les études sur le sujet, notamment une série d’études « Comparative usability evaluation » de Rolf Molich, ont été nombreuses ce qui permet de répondre à des questions comme :Combien de participants sont nécessaires pour trouver le plus de problèmes critiques ?Peut-on trouver tous les problèmes ?Est ce qu’il y a des différences de qualités entre les résultats obtenus par les différentes méthodes ?Dans un deuxième temps, nous aborderons une partie pratique en répondant à la question : Quelle méthode à quel moment du projet ? La réponse est donc basée sur trois méthodologies "simples et élégantes" :En début de projet : une méthode d'inspection des IHM "à ma façon".En cours de projet : des tests utilisateurs.En fin de projet, pour valider la prise en main : Une méthodologie d'évaluation basée sur la norme ISO 20282 "Facilité d’emploi des produits quotidiens."Pour conclure, nous répondrons de manière précise à la question "Combien d’utilisateurs faut-il pour trouver 85 % des problèmes d’ergonomie ?" avec l'aide d'un outil statistique.

Transcript of Tester vos services_paris_web_2011

Page 1: Tester vos  services_paris_web_2011

iErgoRaphaël Yharrassarry

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

Page 2: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo

N  ?

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

Page 9: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo

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

Page 13: Tester vos  services_paris_web_2011

iErgo

CUE

Comparative Usability Evaluation

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

Page 14: Tester vos  services_paris_web_2011

iErgo

8 études scientifiques de 1998 à aujourd’hui,

comparant divers méthodes d’évaluations.

Page 15: Tester vos  services_paris_web_2011

iErgo

Peut-on trouver tous les problèmes ?

Page 16: Tester vos  services_paris_web_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  services_paris_web_2011

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

Page 18: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo

Que faire pour trouver les problèmes critiques ?

Page 21: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo60 secondes, Accroche marketing ou réalité ?

Page 27: Tester vos  services_paris_web_2011

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

Page 28: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

Définir strictement les procédures de mesures.

Page 30: Tester vos  services_paris_web_2011

iErgo

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

le taux de succès,la satisfaction.

Page 31: Tester vos  services_paris_web_2011

iErgo

Exclure les temps des échecs du calcul des moyennes.

Page 32: Tester vos  services_paris_web_2011

iErgo

Recruter des utilisateurs strictement représentatif de la

population cible.

Page 33: Tester vos  services_paris_web_2011

iErgo

A retenir des études CUE

Page 34: Tester vos  services_paris_web_2011

iErgo

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

Page 35: Tester vos  services_paris_web_2011

iErgo

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

Page 36: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

5 utilisateurs suffisent pour conduire un processus de

conception.

Page 38: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

Quelle méthode à quel moment du projet ?

Page 40: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

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

Page 42: Tester vos  services_paris_web_2011

iErgo

Méthodologie,

Préparation > passation > synthèse

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

Page 43: Tester vos  services_paris_web_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  services_paris_web_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] Google Mail, à partir de l’adresse http://mail.google.com/, avec un

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

compte existant, Envoyer un email avec une pièce jointe à [email protected] et description du problèmeEcran et description du problème

Critères Occurrences

Compatibilité 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  services_paris_web_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  services_paris_web_2011

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

email».

Page 47: Tester vos  services_paris_web_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  services_paris_web_2011

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

Page 49: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo

Quand ?

Au début, sur les maquettes ;

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

Page 52: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

Les tests U.

Page 54: Tester vos  services_paris_web_2011

iErgo

Test U.

Utilisateur ou Utilisabilité ?

Page 55: Tester vos  services_paris_web_2011

iErgo

Quand ?

En cours de projet.

Page 56: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

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

Page 58: Tester vos  services_paris_web_2011

iErgo

Comment optimiser le nombre d’utilisateur ?

Page 59: Tester vos  services_paris_web_2011

iErgo

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

Page 60: Tester vos  services_paris_web_2011

iErgo

Saisir les résultats du pré-test.

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

Page 61: Tester vos  services_paris_web_2011

iErgo

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

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

Page 62: Tester vos  services_paris_web_2011

iErgo

Contempler le résultat !

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

Page 63: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

ISO 20282-3

Disponible sur le site de l’AFNOR

Page 65: Tester vos  services_paris_web_2011

iErgo

Facilité d'emploi des produits quotidiens

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

consommation courante

Page 66: Tester vos  services_paris_web_2011

iErgo

Efficacité Efficience Satisfaction

Page 67: Tester vos  services_paris_web_2011

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

Page 68: Tester vos  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_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  services_paris_web_2011

iErgo

Quand ?

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

Page 73: Tester vos  services_paris_web_2011

iErgo

Une norme internationale.

Page 74: Tester vos  services_paris_web_2011

iErgo

Reproductibles

Généralisables à la population cible

Comparables

Les avantages d’une norme

Page 75: Tester vos  services_paris_web_2011

iErgo

20 à 50 utilisateurs

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

Autres avantages et inconvénients

Page 76: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

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

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

Page 78: Tester vos  services_paris_web_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  services_paris_web_2011

iErgo

Questions ?

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

Page 80: Tester vos  services_paris_web_2011

iErgo

Raphaël [email protected] iergo

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