Ergonomie des IHM Méthode des scénarios -sop.inria.fr/acacia/ESSI/Home.html Dernières modifications : 5 octobre 2004
Download
Report
Transcript Ergonomie des IHM Méthode des scénarios -sop.inria.fr/acacia/ESSI/Home.html Dernières modifications : 5 octobre 2004
Ergonomie des IHM
Méthode des scénarios
http://www-sop.inria.fr/acacia/ESSI/Home.html
Dernières modifications : 5 octobre 2004
Modèle PowerPoint emprunté à SRI International
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de
scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Terminologie et typologie
Terminologie
Scénarios
Histoires, Vignettes
Storyboards
Cas d’utilisation ( Use cases )
Personas
…
Méthode des scénarios
Terminologie et typologie
Typologie
Scénarios présents/passés/futurs
Scénarios du créateur (envisioner)/scénarios de
l’évaluateur
Scénarios génériques/spécifiques
Scénarios individuels/collectifs
Scénarios
contextuels/scénarios d’interaction/scénarios système
…
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Pourquoi les scénarios ? (a)
« Une autre perspective sur la conception de systèmes »
Perspective « scénario »
Descriptions concrètes
Accent mis sur des
exemples particuliers
Dirigé par le travail
Ouvert, fragmentaire
Informel, brut, familier
Résultats envisagés
Perspective « traditionnelle »
Descriptions abstraites
Accent mis sur des types
génériques
Dirigé par la technologie
Complet, exhaustif
Formel, rigoureux
Résultats spécifiés
(Carroll, 1997)
Méthode des scénarios
Pourquoi les scénarios ? (b)
« Processus de conception facilités par le scénario »
Définition du problème : l’équipe de conception prend connaissance des
problèmes auxquels l’utilisateur devra faire face
Construction de l’équipe : l’équipe développe une compréhension
mutuelle du projet et des compétences de chaque membre
Conception collaborative : l’équipe explore les alternatives de
conception et leurs conséquences
Implication de l’utilisateur : les scénarios aident les utilisateurs à
comprendre la conception
« Évangélisme » de conception : le projet de conception peut être
communiqué aux sponsors
Transfert de conception : la logique de conception peut être
communiquée à ceux qui implanteront ou réutiliseront ses composantes
(Erickson, 1995)
Méthode des scénarios
Brown & Fraser (1979)
Pourquoi les scénarios ? (c)
« Modèle explicite de la situation à assister » (cf. A.G.)
Méthode des scénarios
Pourquoi les scénarios ? (d)
Co-habitation abstrait/concret (cf. A.G.)
Scénario sous forme
de story-board : « A
day in the life »
(Tollmar, Sandor & Schomer, 1996)
http://www.nada.kth.se/iplab/at-work/at-work-cscw96.html
Méthode des scénarios
Pourquoi les scénarios ? (e)
Co-habitation formel/informel (cf. A.G.)
Lien entre scénario informel
(« scène de la vie réelle »)
et scénario formel (« modèle
abstrait ») - Méthode CREWS
(Haumer, Heymans & Pohl, 1998)
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Exemples de méthodes
Méthode de Carroll
Méthode de Mack
Méthode de Erskine, Carter-Tod & Burston
Méthode de Urquhart
Méthode de Potts
Méthode SUNA (Scenario-based User Needs Analysis)
Méthode CREWS
Méthode des scénarios
Exemples de méthodes : Méthode de Carroll
Scénarios de tâches (Carroll & Rosson, 1992 ; Carroll, 1997)
Intérêt : Analyser un système existant ou concevoir un nouveau
système
Définition : description des activités qu’un utilisateur peut
réaliser en poursuivant un but particulier et de ce qu’il en
apprend (ou de ce qu’il éprouve).
Type de description : texte, storyboard, etc.
Description incomplète, mais heuristique
Ensemble de scénarios : représentation concrète de
l’utilisation réelle ou possible du système
Scénario sous forme textuelle : « Opportunistic interaction with DisplayWriter »
The learner is on the Create or Revise menu which offers various « items »
(format and storage options) to be specified. There is a highlighted prompt:
« type ID letter to choose item; press « Enter ». The learner types the ID letter
of a menu item and presses Enter, a message appears at the bottom of the
screen. « Change Alternate Format is not available on the Training
Displaywriter ». After trying several other items, with analogous effects, the
learner presses Enter to proceed to the Typing Area (the next system state).
(Carroll & Rosson, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Carroll
Assertions (claims) liées au scénario
Assertions relatives au scénario que l’utilisateur essaiera de
réaliser ou réalisera
Assertions sur les conséquences psychologiques résultant
de la réalisation du scénario
Scénario : description narrative (récit)
Assertion : description causale
(Carroll & Rosson, 1992)
Assertion
5. Returning the user to the Create or Revise menu is adequate feedback
that an option change attempt is successful
(but may not be enough feedback fo users who are unsure or confused)
(Carroll & Rosson, 1992)
Méthode des scénarios
Méthode de Mack
Structure du scénario
Scénario
Problèmes
Avantages
(Mack, 1992)
Scénario
La secrétaire utilise un système bureautique pour imprimer
toutes les notes, une note par page
La secrétaire classe les notes par catégorie d’importance
dans des dossiers (code couleur pour le degré d’importance)
Le rédacteur (executive) examine les notes dans les
dossiers sur son bureau, vérifie les notes et les annote à la
main avec des consignes de traitement
La secrétaire exécute les consignes de traitement et en
assure le suivi
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Structure du scénario (suite)
Scénario
Problèmes
Nécessite beaucoup de travail
Lie le rédacteur au bureau
Dépend du mode d’organisation de la secrétaire
Rend administrative la tâche d’examen du courrier
Avantages
Le rédacteur peut traiter lui-même tout ou partie de son courrier
Le rédacteur peut traiter le courrier quand et où il veut
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Objectifs fonctionnels d’un outil d’assistance au
traitement du courrier par le rédacteur
1. Traitement élémentaire du courrier
Scanner les notes
Voir une partie du contenu ou le voir en totalité
Classer les notes par expéditeur
2. Consignes de traitement du courrier
Faire suivre/répondre
Consignes prédéfinies
Consignes libres
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Objectifs d’utilisabilité
Toutes les fonctions fournissent une alternative (ou un
complément) acceptable aux pratiques courantes
1. Les fonctions peuvent être apprises rapidement (fiche de
référence)
2. La recherche et le traitement du courrier peuvent être
réalisés plus rapidement qu’avec les méthodes (papier)
courantes
3. Accéder et quitter les fonctions de courrier est rapide et aisé
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Questions générales de conception
1. Est-ce qu’on peut concevoir un ensemble de fonctions
permettant à un utilisateur de réaliser ses tâches clés ?
2. Est-ce que les fonctions proposées satisfont les exigences
des tâches des utilisateurs (utilisabilité des fonctions) ?
3. Les fonctions peuvent-elles être développées en fonction
des contraintes et des ressources prévues ?
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Questions sur l’utilisabilité des fonctions logicielles.
Étant donné une tâche et une proposition de conception :
4. Qu’est-ce qu’un utilisateur verra ? Quels objets de l’interface (ex. :
écrans) et quelles actions ?
5. Qu’est-ce que les utilisateurs devront savoir ? Existe-t-il des
préconditions aux actions ? Des effets de bord ? Les techniques
d’interaction sont-elles cohérentes (pour l’utilisateur) d’une composante
à l’autre du système ?
6. Qu’est-ce que l’utilisateur devra faire ? Quelles étapes devra-t-il suivre ?
7. Que se passera-t-il si l’utilisateur exécute une action erronée ?
Comment l’utilisateur le saura-t-il ? Comment pourra-t-il réparer
l’erreur ?
(Mack, 1992)
Méthode des scénarios
Exemples de méthodes : Méthode de Mack
Questions sur la capacité des fonctions à
permettre aux utilisateurs de bien réaliser leurs
tâches clés
8. Quel est le degré de complétude de la fonctionnalité (eu égard à ce
que l’utilisateur veut ou souhaite faire) ?
9. De nouvelles tâches apparaissent-elles avec le système ? Ces
tâches vont-elles dans le sens des objectifs de l’utilisateur ou
entrent-elles en conflit ?
10. Quelles sont les conditions limites possibles d’une proposition de
conception ? Un élément de conception a-t-il des limites ?
(Mack, 1992)
Méthode des scénarios
Méthode de Erskine, Carter-Tod et Burston
Étapes de reconception d’un site web à l’aide de scénarios
Identifier les classes d’utilisateurs
Recruter des utilisateurs représentatifs dans l’équipe de conception
Former les utilisateurs-participants aux technologies de l’information
Recueillir des scénarios auprès des utilisateurs-participants (à propos du futur
site web)
Retravailler les scénarios des utilisateurs-participants (en utilisant le site web
existant)
Analyser les assertions présentes dans les scénarios originaux et retravaillés
Évaluer le site web existant à l’aide des scénarios et des assertions
Reconcevoir le site web à l’aide des scénarios et des assertions
Méthode des scénarios
Exemples de méthodes : Méthode de Erskine, Carter-Tod et Burston
Fournit des indications sur :
Scénario imaginé
(envisioned scenario) Ce que les utilisateurs désirent faire
Scénario original créé Comment ils imaginent utiliser un site web
par l'utilisateurpour le faire
participant en fonction
d'un site web futur
Scénario retravaillé Permet de comparer :
(retooling scenario)
les désirs et les attentes des utilisateurs
Scénario créé par le
(site web futur) avec
concepteur à partir du
scénario imaginé, mais les expériences d'utilisation du site web
actuel
en fonction du site web
actuel
Méthode des scénarios
Exemples de méthodes : Méthode de Erskine, Carter-Tod et Burston
Scénario
Structure du scénario
Context
– Contexte de travail
Goal
– But particulier poursuivi
Action
– Récit a la première personne des actions entreprises
(ERSKINE, CARTER-TOD, AND BURTON, 1997)
Scénario retravaillé
Context
I’m Mary, a doctoral student in Curriculum and Instruction. Iam teaching full time in the
Alternative Education Program in Roanoke City Schools.
Goal
My goal is to find an alternative method of student assessment. To get away from the traditional
letter grade. The battery we will probably be using is the “ Rubic ” method. I would like to find
hands-on information about its method as well as other methods of ability assessment.
Action
Using a tool for searching web sites, I find a link to the home page of the Virginia Tech web
site. From the Virginia Tech home page, I follow links to the College of Education home page. I
scan the page, looking for a reference to the Curriculum and Instruction program. At the
Curriculum and Instruction home page, I find a link for Teaching Strategies and a list of items
such as student assessment criteria and methods for student ability assessment. I clik on
“ methods for student ability assessment ”. The next page begins with an explanation that
keywords can be clicked to search the full text of the various documents describing student
assessment. I scan the documents and find that there is hands-on information that can be
transferred to my computer use.
Erskine, Carter-Tod & Burston (1997)
Analyse des assertions (claims) contenues dans le scénario
5a A reference to the Curriculum and Instruction Program
Having quick access to an academic program from the College of Education home page
is useful for locating resources because students often associate a resource with the
program that provides it.
But, listing the college’s programs on the home page may not leave enough room for
links to other things.
But, arrangement by program may not be useful for some situations.
But, users outside the College may not be familiar with the Vollege’s programs.
Erskine, Carter-Tod & Burston (1997)
Propositions de conception élaborées à partir des demandes
et des scénarios
9c. Home pages : A home page should introduce the user to the site’s purpose, primary
navigational tools, and metaphor (if any).
But, to be effective, these concepts and tools must be adhered to throughout the site.
But, changes caused by accessing other information should occur in a manner that is
predictable and useful—including initial access to information outside the site.
Erskine, Carter-Tod & Burston (1997)
Méthode des scénarios
Exemples de méthodes : Méthode de Erskine, Carter-Tod et Burston
Extensions envisagées de la méthode
Accroître le rôle des utilisateurs
Demander aux utilisateurs d’analyser eux-mêmes les assertions contenues dans
leurs scénarios
Demander aux utilisateurs de participer au prototypage du nouveau site web,
grâce à des outils informatiques de prototypage (pour rendre les scénarios et
les assertions plus tangibles)
Les documents de conception résultant de ces activités constitueront alors la base
d’un processus itératif de critique entre utilisateurs-participants et concepteurs
Combiner l’outil de prototypage et l’outil de scénarisation (Document
Manager) proposé par les auteurs (afin de coupler la construction et l’archivage des
décisions de conception)
Méthode des scénarios
Exemples de méthodes : Méthode de Urquhart
Vignette
Définition : court scénario présenté à des utilisateurs en leur
demandant de décrire ce qu’ils auraient fait (ou ce qu ’ils
pensent que d ’autres auraient fait) dans les mêmes
circonstances
Fonction (exemple) : mettre en évidence les stratégies de
recherche et de sélection d’information
Utilisation : quand un questionnement direct est moins
productif
Méthode des scénarios
Exemples de méthodes : Méthode de Potts
Structure d’un scénario collectif
Cadre (setting)
Agents/acteurs (agents/actors)
Buts/objectifs (goals/objectives)
Actions et événements (sequences of actions and events)
(Potts, 1995)
Méthode des scénarios
Exemples de méthodes : Méthode SUNA
SUNA = Scenario-based User Needs Analysis
Méthode d’analyse des besoins et des exigences des
utilisateurs
Méthode centrée utilisateur, non prescriptive, fondée sur des
composants existants, par exemple :
Describing a Product Opportunity (DPO) (cf. méthodologie USTM)
USE Case descriptions (cf. méthodologie USE)
Scénarios, storyboards et matrices fonctionnelles (communs à différentes
méthodologies)
Les besoins sont décrits dans un langage compréhensible par
les intéressés impliqués dans l’utilisation de la méthode
Méthode des scénarios
Exemples de méthodes : Méthode SUNA
Les besoins sont décrits dans un langage compréhensibles par
les intéressés impliqués dans l’utilisation de la méthode :
Marketeers Designers
Product/Service managers
Usability Engineers
Usages de la méthode :
(à l’origine) front end pour des méthodes plus formelles de conception de
systèmes et de services. Sorties :
StoryBoards
Matrices fonctionnelles
USE Case descriptions
pour fournir une perspective utilisateur sur un service existant ou futur
Méthode SUNA (Scenario-based User Needs Analysis)
Procédure : deux séries d’ateliers de 2 jours
Dans la version complète, un travail supplémentaire doit prendre
place entre les deux ateliers (pour obtenir l’ensemble des sorties
nécessaires) Les participants doivent avoir appris la méthode
pour terminer le travail hors de l’atelier
Dans la forme courte, ce travail n’est pas requis et les sorties
servent uniquement d’illustration
Les ateliers suivants sont recommandés :
1. Besoins analysés à partir de scénarios
2. Conception de haut niveau
Méthode SUNA (Scenario-based User Needs Analysis)
Besoins analysés à partir de scénarios
Production d’une description de l’occasion qui se présente du
point du vue du marché, des utilisateurs, des objets manipulés et
de la tâche
Production de scénarios (textuels) à partir des descriptions
(décrivant la manière dont les utilisateurs devraient interagir avec
l’offre de produit ou de service)
Dérivation de besoins à partir des scénarios, et élaboration de
spécifications du produit ou du service
Méthode SUNA (Scenario-based User Needs Analysis)
Conception de haut niveau
Création de matrices fonctionnelles
Rédaction de descriptions de USE Cases
Création de storyboards, en lien avec les USE Cases et les
scénarios.
Les storyboards représentent une suite de schémas d’écrans
Méthode SUNA (Scenario-based User Needs Analysis)
Activités pré- et post-atelier requises, ex. :
Avant l’atelier, recueil d’information sur l’occasion qui se présente
du point de vue du marché
Entre les deux ateliers : validation des scénarios, via :
un walkthrough détaillé effectué avec un nombre restreint
d’intéressés
une présentation d’une version PowerPoint des scénarios avec un
nombre plus grand d’intéressés
Méthode SUNA (Scenario-based User Needs Analysis)
Coûts de la méthode
Ateliers : 4 jours, avec 2 facilitateurs par atelier
Activités pré- et post-atelier : 1 jour
Activités de validation : 5 jours
Méthode SUNA (Scenario-based User Needs Analysis)
Méthode des scénarios
Exemples de méthodes : Méthode CREWS
Scénarios systèmes (A)
Scénarios d'interaction (B)
Scénarios contextuels (C)
Pohl & Haumer (1997)
Méthode des scénarios
Exemples de méthodes : Méthode CREWS
Méthode des scénarios
Exemples de méthodes : Méthode CREWS
Quatre
vues sur le
scénario
Contenu
a-un
vise-un
But
s’exprime-par
Scénario
Pourquoi utiliser
un scénario ?
Évolue-le-long-de
Comment
manipuler un
scénario ?
Quelle est la
connaissance
exprimée dans
un scénario ?
Forme
Sous quelle
forme le
scénario est
exprimé ?
Cycle de vie
(Rolland et al., 1996)
Méthode des scénarios
Exemples de méthodes : Méthode CREWS
Méthode des scénarios
Exemples de méthodes : Méthode CREWS
Lien entre scénario informel
(« scène de la vie réelle »)
et scénario formel (« modèle
abstrait ») - Méthode CREWS
(Haumer, Heymans & Pohl, 1998)
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Exemples d’outils de construction de scénarios
L’éditeur Document Manager
Outils de prototypage papier
Outils de prototypage électronique
Maquettes
L’éditeur Crews
Méthode des scénarios
Exemples d’outils : Document Manager
(ERSKINE et al., 1997)
Document Manager: Scénario Original
Document Manager: Scénario Retravaillé
Méthode des scénarios
Exemples d’outils : prototypage papier
Contextual Design
(BAYER & HOLTZBLATT)
www.cs.berkeley.edu/.../SoftwareEngineering-usability-May2002_files/ SoftwareEngineering-usability-May2002.ppt
Méthode des scénarios
Exempels d’outils : Prototypage papier
Papier uniquement
Mélange dessin à
la main + copie
écran
http://www-106.ibm.com/developerworks/library/us-paper/?dwzone=usability
Méthode des scénarios
Exemples d’outils : Prototypage papier
PAPER
PROTOTYPING
KIT
(Information & Design pty ltd )
A simple low-tech
collection of user
interface elements
that facilitates
prototyping
http://www.infodesign.com.au/usability/paperprototypinggraphics.html
Méthode des scénarios
Exemples d’outils : prototypage papier « électronique »
DENIM / SILK
(LIN, THOMSEN AND LANDAY, 2002)
A Tool for Sketching large
and complex interactive
design
Éditeur de storyboards
http://guir.cs.berkeley.edu/projects/denim/docs/quick_ref/quick_ref.html
Méthode des scénarios
Exemples d’outils : prototypage papier « électronique »
DENIM / SILK
Méthode des scénarios
Exemples d’outils : prototypage papier « électronique »
VISIO
(MICROSOFT)
http://www.stcsig.org/usability/newsletter/0007-prototypingvisio.html
http://www.microsoft.com/office/visio/
Méthode des scénarios
Exemples d’outils : maquettes (Mock-ups)
http://builder.cnet.com/webbuilding/pages/Graphics/Conceptualize/ss03.html
Méthode des scénarios
Exemples d’outils : maquettes
Méthode des scénarios
Exemples d’outils : l’éditeur CREWS
Cet éditeur combine la manipulation des représentations
formelles et informelles
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Storyboard : exemple d’application
Figure 1: The A-lab's sign-in board.
http://www.nada.kth.se/iplab/at-work/at-work-cscw96.html
Figure 2: The first @Work prototype
Figure 3: "A day in the life" story-board
Figure 4: The WWW interface of @Work
Figure 5: The two interfaces of @Work
Figure 5: The redesigned WWW interface.
Prototype papier
conçu pour mettre en
évidence des problèmes de
communication
Projet InterLiving
Un utilisateur A écrit un message à
l’intention d ’un utilisateur B
B répond à A sur une feuille
transparente
A répond « OK ! » à B pour lui montrer
qu’il a bien lu son message
Différentes cartes utilisées lors d’ateliers
ayant suivi l’utilisation du prototype
Méthode des scénarios
Plan
Terminologie et typologie
Pourquoi les scénarios ?
Exemples de méthodes de scénarios
Exemples d’outils de construction de scénarios
Storyboard : exemples d’application
Scénarios et Personas
Méthode des scénarios
Scénarios et Personas
Les personas sont des gens fictifs ayant
des noms, des ressemblances, des habits, des
professions, des amis, des animaux, etc.;
un âge, un sexe, une origine ethnique, un
parcours éducatif, un statut socio-économique;
une histoire, des buts et des tâches
Des photographies des personas et de leur lieu de
travail/domicile sont prises et affichées dans des
lieux publics
Grudin & Pruitt (2003)
Affiche
comparative
de Persona
Grudin & Pruitt (2003)
Persona : document de fondation (t.d.m.)
Overview : Patrick Blakeman (Small
Business Owner) Get to know
Patrick, his business and family.
Demographic Attributes : Read key
demographic information about
Patrick and his family.
A Day in the Life : Follow Patrick through a
typical day.
Technology Attributes : Get a sense
of what Patrick does with
technology.
Household and Leisure Activities : Get
information about what Patrick does
when he’s not at work.
Goals, Fears, and Aspirations :
Understand the concerns Patrick has
about his life, career, and business.
Computer Skills, Knowledge, and
Abilities : Learn about Patrick’s
computer experience.
Market Size and Influence : Understand
the impact people like Patrick have on
our business.
Grudin & Pruitt (2003)
Work Activities: Look at Patrick’s job
description and role at work.
Technology Attitudes : Review
Patrick’s perspective on technology,
past and future.
Communicating : Learn how Patrick
keeps in touch with people.
International Considerations : Find
out what Patrick is like outside the
U.S.
Quotes : Hear what Patrick has to say.
References : See source materials for
this document.
Citations d’un
type de
Persona
Grudin & Pruitt (2003)
Méthode des scénarios
Scénarios et Personas
Les scénarios peuvent être construits autour des
personas, mais les personas viennent en premier, car
ce ne sont pas des « agents » ou des « acteurs »
dans un script, mais des gens
Les personas permettent un engagement plus grand
que les scénarios. Ils accroissent le réalisme de
l’analyse de besoins
Grudin & Pruitt (2003)
Méthode des scénarios
Brown & Fraser (1979)
Conclusion : des Personnes en Situation(s) (AG)
Méthode des scénarios
Conclusion : des Personnes en Situation(s)
« Contrary to the common opinion of design, the focus during
the work is not the artefact but the future situation of use. » |
« Contrairement à l’opinion commune, le point de
mire durant le travail de conception, ce n’est pas
l’artefact mais la future situation d’usage. »
Westerlund, Lindquist & Sundblad. InterLiving: a multidisciplinary
cooperative design approach