méthodes dévaluation des ihm (2) alain giboin inria sophia antipolis module ihm - essi mars 2002

37
Méthodes d’évaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Upload: honore-rouxel

Post on 03-Apr-2015

111 views

Category:

Documents


8 download

TRANSCRIPT

Page 1: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Méthodes d’évaluation des IHM (2)

Alain GiboinINRIA Sophia Antipolis

Module IHM - ESSIMars 2002

Page 2: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Méthodes d’évaluation

Evaluation coopérative Méthode originale Méthode adaptée aux étudiants en

informatiqueEvaluation heuristiqueCognitive Walkthrough

Page 3: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Promenade (walkthrough) informelle A partir d’une liste de principes

(heuristics)

inspecter l’interface afin d’identifier des problèmes

potentiels d’utilisabilité

Auteur : Jacob Nielsen, http:// www.useit.com

Page 4: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Avantages et inconvénients Economique et facile a appliquer (+)

Aucun utilisateur n’est requisPeut être réalisée individuellementNécessite une planification minimale

Utilisable très tôt dans le cycle de conception (+)

Problèmes liés au domaine de l’application difficilement identifiables (-)

« E.H. = a discount usability engineering method »

Page 5: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Méthode Un groupe d’évaluateurs (plus on est,

plus on trouve des problèmes) 3-5 personnes Des « heuristiques » de conception

facilitent l’inspection

Page 6: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Heuristiques Dialogue simple et naturel Parler le langage des utilisateurs Ne pas surcharger la mémoire des utilisateurs Cohérence Feed-back Sorties clairement indiquées Raccourcis Messages d’erreur appropriés Prévenir les erreurs Aide et documentation

Page 7: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Dialogue simple et naturel La manière d’interagir avec le système

doit être évidente Regrouper les objets de l’interface Le nombre d’informations a l’écran doit

être suffisant Vue générale et détails Eviter les « décorations » qui perturbent

Page 8: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Parler le langage des utilisateurs Utiliser le langage du domaine Eviter le langage informatique Utiliser des métaphores familières Utiliser des icônes, images, etc., en

rapport avec le domaine

Page 9: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Ne pas surcharger la mémoire des utilisateurs Fournir suffisamment d ’information a

l’écran Privilégier la reconnaissance plutôt que le

rappel Mettre en valeur l ’information

importante Fournir des valeurs par défaut

Page 10: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Cohérence Cohérence de la disposition des

informations a l’écran (layout) Cohérence de l’interaction Cohérence du langage Cohérence des fonctionnalités

Page 11: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Feed-back Indiquer quand le système est en train

de faire un traitement Fournir un feed-back aux actions de

l’utilisateur Fournir un feed-back en rapport avec la

tâche de l’utilisateur Indiquer quand le système a échoué

Page 12: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Sorties clairement indiquées Montrer le chemin suivi par l’utilisateur

dans le système Montrer comment aller en avant et en

arrière Montrer comment s’orienter dans

l’espace des informations

Page 13: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Raccourcis Utiliser des raccourcis pour réaliser les

actions Inférer la suite d’une frappe clavier Autoriser les sauts vers les endroits où

l’utilisateur veut aller Réutiliser l’historique de l’interaction

Page 14: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Messages d’erreurs pertinents Eviter d’utiliser un langage codé

Exemple : « Erreur No 31 »

Utiliser le langage des utilisateurs

Page 15: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Prévenir les erreurs Engager un dialogue système-utilisateur

lorsque des actions de l’utilisateur peuvent conduire a des conséquences désastreuses

Indiquer le statut du système et de ses actions

Utiliser les commandes « undo » et « redo »

Page 16: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Aide et documentation Les manuels papier ne devraient pas

être nécessaires Fournir l’aide en ligne à la demande de

l’utilisateur Sinon, fournir l’aide à l’initiative du

système

Page 18: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Heuristiques réviséesNielsen, http://www.useit.com/papers/heuristic/heuristic_list.html Visibilité du statut du système Compatibilité entre système et monde réel Contrôle par l’utilisateur et liberté de l’utilisateur Cohérence et normes Prévention des erreurs Reconnaissance plutôt que rappel Flexibilité et efficacité d ’utilisation Esthétique et conception minimaliste Aider les utilisateurs a reconnaître, diagnostiquer et réparer les

erreurs Aide et documentation

Page 19: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Autres critères possibles pour une « évaluation heuristique étendue » Principes élémentaires de conception

d’interface (Bruce Tognazzini)http://www.asktog.com/basics/firstPrinciples.html

Principes de conception (C. Marlin «Lin» Brown)http://www.inria.fr/acacia/ESSI/Principes.html

Propriétés d’utilisabilité (cf. cours de L. Nigay) Critères ergonomiques (Scapin et Bastien)

http://www.crim.ca/~arbastie/criteres.html

Page 20: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Heuristiques pour collecticiels Baker, K., Greenberg, S. and Gutwin, C. (2001) Heuristic

Evaluation of Groupware Based on the Mechanics of Collaboration.

In M.R. Little and L. Nigay (Eds) Engineering for Human-Computer Interaction (8th IFIP International Conference, EHCI 2001, Toronto, Canada, May), Lecture Notes in Computer Science Vol 2254, p123-139, Springer-Verlag. Revised from Report 2000-669-21.

http://www.cpsc.ucalgary.ca/grouplab/papers/2001/01-HeurisiticsMechanics.EHCI/01-Heuristic%20Evaluation%20of%20Groupware.EHCI.pdf

Page 21: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Heuristiques pour collecticiels Provide the means for intentional and appropriate verbal

communication Provide the means for intentional and appropriate gestural

communication Provide consequential communication of an individual ’s

embodiment Provide consequential communication of shared artifacts (i.e.

artifact feedthrough) Provide protection Management of tightly and loosely-coupled collaboration Allow people to coordinate their actions Facilitate finding collaborators and establishing contact

Page 22: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristique

Participatory Heuristic Evaluation Evaluation heuristique réalisée avec des

utilisateurs Heuristiques supplémentaires (orientées

processus)

Respecter l’utilisateur et ses « habiletés » Fournir une expérience plaisante avec le

système Assister la réalisation d’un travail (produit) de

qualité

Page 23: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Méthodes d’évaluation

Evaluation coopérative Méthode originale Méthode adaptée aux étudiants en

informatiqueEvaluation heuristiqueCognitive Walkthrough

Page 24: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough :« Cheminement/Promenade cognitive »

Un évaluateur « chemine » à travers l’interface

Il essaie d’agir comme un utilisateurSes actions sont basées sur un modèle

générique de l’activité d’un utilisateur Rapide (+) Grossière (dirty) (-) N ’implique pas des utilisateurs (-) Ne permet pas d ’identifier des problèmes liés au

domaine (-)

Page 25: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Technique d’évaluationcentrée sur la capacité de l’interface à

faciliter le processus d’« apprentissage exploratoire » chez l’utilisateur= possibilité pour l’utilisateur d’utiliser

l’interface sans formation initiale approfondie

Page 26: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Méthode basée sur la « théorie cognitive de l’apprentissage initial » de Lewis & Polson

= Modèle de la cognition humaine décrivant l’interaction H-M en quatre étapes

Page 27: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Les 4 étapes de l’interaction H-M1) L’utilisateur se donne un objectif à réaliser à

l ’aide du système (ex. : vérifier l’orthographe d’un document)

2) L’utilisateur recherche dans l’interface les actions qu’il peut réaliser (items de menu, boutons, commandes clavier, etc.)

3) L’utilisateur choisit l’action la plus appropriée pour atteindre le but recherché

4) L’utilisateur réalise l’action et évalue le feed-back du système en fonction de l’objectif à atteindre

Page 28: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Procédure1) Pré-requis du « cheminement »2) « Cheminement » (en fonction des 4

étapes)

Page 29: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Pré-requis du « cheminement »a) Description générale des utilisateurs et

de leurs connaissancesb) Description spécifique d’une ou plusieurs

tâches représentatives à réaliser à l’aide du système — scénarios d ’utilisation

c) Liste des actions correctes nécessaires pour réaliser ces tâches — séquences d’actions

Page 30: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Cheminement Passer en revue chaque étape de la

séquence d’action correcte et essayer de « raconter une histoire

crédible expliquant pourquoi le futur utilisateur de l’interface devrait choisir les actions prévues »

Page 31: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Pour évaluer la facilité avec laquelle l ’action correcte sera choisie (ou la crédibilité des « histoires »), l’évaluateur peut prendre en considération 4 critères : le but de l ’utilisateur l’accessibilité de la « commande » correcte le degré de compatibilité entre le « nom de la

commande » et le but de l ’utilisateur le feed-back fourni après l’activation de la

commande

Page 32: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Etapes de l ’interaction IHM et questions correspondantes

Se donner une action à réaliser (l’utilisateur sait-il quoi faire ?)

Réaliser l’action (l’utilisateur sait-il comment faire?)

Interpréter les résultats de l’action (l’utilisateur comprend-il ce que le système vient de faire ?)

Page 33: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough

Variante de la méthode : walkthrough réalisé par un groupe de concepteurs L’un des évaluateurs joue le rôle de « scribe », et

enregistre au fur et à mesure les résultats de l’évaluation

Un autre évaluateur joue le rôle de « facilitateur »

Des walkthroughs « à petite échelle » de parties de l’interface peuvent être réalisés par un concepteur unique

Page 35: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive Walkthrough Interface à évaluer

Page 36: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Cognitive WalkthroughExemple d’une page de couverture

Page 37: Méthodes dévaluation des IHM (2) Alain Giboin INRIA Sophia Antipolis Module IHM - ESSI Mars 2002

Evaluation heuristiqueExemple d ’une « histoire » relative à une étape de la procédure