13/12/2012
CHAPITRE 3 :
CONCEPTION DES IHM
PLAN
(cid:1) M thodes de g nie logiciel
" Mod les en cascade,
" Mod le en V,
" Mod le en spirale,
" Mod le par incr ments.
(cid:1) M thodes dIHM
" conception it rative
" conception centr e utilisateur
" conception participative
Raoudha CHEBIL
(cid:1) Techniques de recueil dinformations
2
CYCLE DE VIE EN CASCADE
CYCLE DE VIE EN CASCADE
(cid:2) Passer l tape suivante uniquement quand une tape
est satisfaisante
(cid:2) Conception orient e vers limplantation
(cid:2) Evaluation effectu e en dernier lieu !
(cid:2) Mod le cr pour les grands projets
des
(cid:1) Importance
documents
(cahier
sp cifications)
(cid:1) Sign s par les clients
des
charges,
3
4
1
MOD LE EN V
MOD LE EN SPIRALE
(cid:2) L valuation se fait seulement apr s le codage
(cid:2) Le mod le ne pr cise pas la port e des retours arri re
(cid:2) Les documents ont un r le important
Prototypes successifs
Pour chaque cycle le mod le explicite
(cid:1) objectifs, alternative retenue et contraintes
(cid:1) analyse et r solution des probl mes
(cid:1) d veloppement, validation et v rification de la phase
(cid:1) planification de la phase suivante
5
7
MOD LE PAR INCR MENTS
(cid:2) On d veloppe tout dabord le noyau
(cid:2) On ajoute petit petit des fonctions
(cid:2) Risques
(cid:1) rencontrer un probl me pour lajout dun l ment
(cid:1) remettre en question les l ments pr c dents
(cid:1) voire m me le noyau
MOD LE EN SPIRALE
13/12/2012
6
8
2
13/12/2012
BILAN
PLAN
Les fonctionnalit s du syst me sont mises en avant au
(cid:1) M thodes de g nie logiciel
d triment des utilisateurs
Ind pendance entre le noyau fonctionnel et linterface
utilisateur
(cid:1) Interface et interaction ne sont d finies quapr s
(cid:1) Mais dans les logiciels interactifs cette s paration nest pas
si nette
(cid:1) Il est indispensable de pr voir lusage en m me temps que
" Mod les en cascade,
" Mod le en V,
" Mod le en spirale,
" Mod le par incr ments.
(cid:1) M thodes dIHM
" conception it rative
" conception centr e utilisateur
" conception participative
les fonctionnalit s
9
(cid:1) Techniques de recueil dinformations
10
CONCEPTION IT RATIVE
Succession de phases
(cid:1) affinements progressifs des sp cifications du produit
(cid:1) valuations des solutions retenues
(cid:1) r alisations, modifications jusqu obtention dun produit
Advertisement
satisfaisant
Le processus de construction est it ratif
(cid:1) pour des probl mes difficiles sp cifier
(cid:1) processus de conception ni ascendant, ni descendant
(cid:1) d veloppement de solutions partielles, interm diaires
(cid:1) apparition en cours de d veloppement de nouveaux objectifs
(cid:1) prise en compte de lavis des utilisateurs qui peuvent
changer
(cid:1) communication au sein de l quipe de conception, avec les
11
utilisateurs, les clients
CONCEPTION IT RATIVE
Probl me
la conception it rative peut tre difficile g rer
Solution : le prototypage
(cid:1) permettre aux concepteurs de travailler sur plusieurs
ensembles de d tails la fois
(cid:1) permettre aux utilisateurs de voir ce que sera le syst me
final
(cid:1) se concentrer sur les parties probl matiques de linterface
(cid:1) tudier des alternatives de conception
(cid:1) sassurer de lutilisabilit du syst me
(cid:1) Diff rents types de prototypes
12
3
13/12/2012
CONCEPTION IT RATIVE - TYPES DE PROTOTYPES
CONCEPTION IT RATIVE - MAQUETTES
Prototypes informels : papier
D finition
(cid:1) dessiner des crans sur papier, sur logiciel
(cid:1) utiliser des post-its/ transparents/PowerPoint pour des montages
dynamiques
(cid:1) ex cuter un sc nario et essayer des variantes pour des choix
(cid:1) de haut niveau : d cider des
fonctionnalit s qui
seront
disponibles
(cid:1) de niveau interm diaire : dessiner une s quence d' crans
(cid:1) de bas niveau : dessiner des id es d'ic nes
Prototypes vid o
(cid:1) cr er une vid o de l'utilisation d'un prototype
(cid:1) simuler les fonctionnalit s non implant es, les interactions
(cid:1) Prototypes informatiques : laide doutils de prototypage
(cid:1) acc s direct l'interface : Visual Basic, Delphi
(cid:1) assistance au prototypage : Visual C, Tcl-Tk
13
(cid:1) repr sentation partielle (en largeur) du syst me pour tester
certains aspects /comportements
(cid:1) contient l'ensemble des fen tres de l'application (m me vides) et
leur encha nement, des dialogues et menus
(cid:1) ne contient aucun acc s aux donn es, aucun calcul
Int r ts
(cid:1) valider les phases pr c dentes en impliquant les utilisateurs
(cid:1) viter de d tecter des anomalies trop tard
(cid:1) repr sentation accessible aux non informaticiens
Proc dure
(cid:1) proc der par it rations successives (3 maximum)
(cid:1) distinguer s ances de travail et s ances de validation
(cid:1) mettre en place rapidement les menus
14
CONCEPTION IT RATIVE - PROTOTYPES
CONCEPTION CENTR E UTILISATEUR
D finition
(cid:1) repr sentation r duite (en profondeur) dune partie du
syst me permettant une d monstration
(cid:1) d velopper l'interface compl te pour certaines t ches
(cid:1) fonctionnalit s compl tes (calculs, acc s aux donn es)
Int r ts
(cid:1) v rifier la faisabilit technique
(cid:1) valider une solution technique, mesurer un temps de
r ponse
(cid:1) repr sentation utilisable pour communiquer avec les clients
Proc dure
(cid:1) faire apr s la phase de maquette
(cid:1) les utilisateurs valident le r sultat final
15
Prise en compte des utilisateurs
(cid:1) d s la phase danalyse
(cid:1) tude de lutilisateur et de sa t che
N cessite de sp cifier les caract ristiques
(cid:1) de lutilisateur
(cid:1) de la t che r aliser
(cid:1) de linteraction
Relations concepteur utilisateur
(cid:1) utilisateur observ dans la r solution de sa t che
(cid:1) interrog sur ses attentes
(cid:1) questionn sur le logiciel con u
Advertisement
16
4
13/12/2012
CONCEPTION CENTR E UTILISATEUR
CONCEPTION CENTR E UTILISATEUR
Avantages
(cid:1) prise en compte de lutilisateur avant la phase d valuation
Difficult s
(cid:1) choisir des utilisateurs repr sentatifs et disponibles
(cid:1) ne pas oublier le contexte r el dutilisation
(cid:1) expliciter les comportements, les connaissances mises en
jeu...
Techniques
de
recueil
dinformation aupr s
des
utilisateurs
(cid:1) observation directe, entretiens, questionnaires
17
Plusieurs mod les :
(cid:1) Mod le de lutilisateur
(cid:1) Mod le de t che
(cid:1) Mod le dinteraction
18
MOD LE DE T CHE
MOD LE DE T CHE
M thode
construire la hi rarchie de t ches du syst me
sp cifier chaque t che, penser aux exceptions
valuer la d composition avec lutilisateur
D finitions
(cid:1) T che
(cid:2) But
(cid:2) Proc dure
(cid:1) T che l mentaire
(cid:2) t che d composable uniquement en actions physiques op. dE/S
19
20
5
13/12/2012
MOD LE DINTERACTION
CONCEPTION PARTICIPATIVE
tablir une correspondance directe entre :
(cid:1) les objets conceptuels informatiques
ex : un fichier
(cid:1) les objets dinteraction et de pr sentation
(cid:2) ex : les repr sentations du fichier l cran
(cid:2) ferm : repr sentation iconique
(cid:2) ouvert : repr sentation du contenu
(cid:2) ex : les op rations sur le fichier
(cid:2) modification
(cid:2) suppression&
Prise en compte des utilisateurs
(cid:1) pas seulement comme testeurs
(cid:1) mais aussi comme partenaires de conception
(cid:2) eux seuls connaissent vraiment les t ches
(cid:2) ils peuvent tre lorigine dinnovations
Relations concepteur utilisateur
(cid:1) utilisateur partenaire de conception part enti re
(cid:1) participe aux choix de conception
21
22
CONCEPTION PARTICIPATIVE
CONCEPTION INFORMATIVE
Avantages
(cid:1) seuls les utilisateurs connaissent la r alit des t ches
(cid:1) indispensable pour les activit s mal
identifi es ou peu
structur es
(cid:1) facilite lacceptation du logiciel
Prise en compte des utilisateurs
(cid:1) pas seulement comme testeur
(cid:1) sans pour autant le consid rer comme partenaire de
conception
(cid:1) m thode imagin e pour la conception avec des enfants
Inconv nients
(cid:1) augmentation des co ts de d veloppement
(cid:1) possibilit
contradiction
entre
de
les
utilisateurs
Relations concepteur utilisateur
(cid:1) utilisateur dans l quipe de conception
(cid:1) sans participer aux choix finaux
participants et les autres
Advertisement
(cid:1) obligation daccepter des compromis pour satisfaire des
23
participants, m me sils ont tort
24
6
13/12/2012
PLAN
(cid:1) M thodes de g nie logiciel
" Mod les en cascade,
" Mod le en V,
" Mod le en spirale,
" Mod le par incr ments.
(cid:1) M thodes dIHM
" conception it rative
" conception centr e utilisateur
" conception participative
TECHNIQUES DE RECUEIL DINFORMATIONS
La plupart des m thodes de conception pour IHM
n cessitent une collecte dinformations
Techniques de recueil dinformations possibles :
o Sc narios de conception
o Inspections cognitives
o Magicien dOz
o Enqu te / entretiens
o Observations
o Questionnaires
o Remue-m ninges (brainstorming)
(cid:1) Techniques de recueil dinformations
25
26
SC NARIOS DE CONCEPTION
SC NARIOS DE CONCEPTION
But :
Cr er une description r aliste de lutilisation du nouveau
Proc dure :
Identifier des activit s existantes
syst me
Moyen :
(cid:2) Typiques
(cid:2) Inhabituelles
(cid:1) Utiliser les sc narimages (storyboards) du monde du
cin ma
(cid:1) Commentaires, encha nements
(cid:1) Pour une vue densemble de linteraction
Cr er des sc narios de travail en g n ralisant les
histoires
(cid:2) m langer les v nements de diff rentes provenances
(cid:2) incorporer des situations inhabituelles dans des activit s
typiques
27
(cid:2) inclure des situations qui aboutissent et dautres qui
28
naboutissent pas
7
13/12/2012
INSPECTIONS COGNITIVES
But :
Evaluer le syst me en se mettant sa place
Moyen :
MAGICIEN DOZ
But :
Simuler les fonctionnalit s absentes du syst me
Syst me r el inexistant ou partiellement d velopp
Technique difficile mettre en place : adapt e des syst mes
lourds, difficile d velopper
Sp cification dune s rie de t ches et des s quences dactions
pour les r aliser
Moyen :
Proc dure :
(cid:3) Evaluation en imaginant ce que ferait lutilisateur
(cid:3) comprend-il les messages, le comportement du syst me ?
(cid:3) Interpr tation et prise en compte des r sultats
29
Le magicien effectue les actions la place du syst me
Proc dure :
Le magicien interpr te les entr es de lutilisateur
Il suppl e aux manques du prototype et contr le le comportement du
syst me
Sensation dutiliser un vrai syst me
30
ENQU TES ET ENTRETIENS
ENQU TES ET ENTRETIENS
But :
Identifier des pistes de conception pour les prochaines
sp cifiques de probl mes
it rations ou des exemples
rencontr s par les utilisateurs
Caract ristiques :
Advertisement
Interviewer lutilisateur dans son environnement de travail
(face face)
Dur e recommand e de 45 minutes une heure
Privil gier le magn tophone la prise de notes (traces et
concentration sur l change)
Proc dure :
(cid:1) Rassembler un panel repr sentatif dutilisateurs
(cid:1) Pendant linterview en face face :
(cid:2) questions semi-directives pour lanalyse (degr de libert )
(cid:2) questions plut t directives pour l valuation (cibler un l ment)
(cid:2) neutralit de lenqu teur
(cid:2) reformulation des r ponses
(cid:1) Analyse des r sultats
31
32
8
13/12/2012
ENQU TES ET ENTRETIENS
Possibilit dutiliser les entretiens pour des
incidents
critiques :
(cid:1) D tecter les points forts et points faibles dun syst me
(cid:1) Demander de se souvenir dun probl me particulier v cu
dans un pass r cent
(cid:1) Demander de d crire chaque incident en d tail
(cid:1) Demander ce qui est habituel et ce qui ne lest pas dans
lincident
33
OBSERVATION
But
(cid:1) Identifier les gros probl mes du logiciel (prototype / syst me
final)
Proc dure
(cid:1) en laboratoire ou sur le terrain
(cid:1) choisir au moins 2 utilisateurs qui agiront ind pendamment
(cid:1) d finir une mission sp cifique (r soudre un probl me, suivre
un sc nario)
(cid:1) d cider de ce que l'on veut mesurer
(cid:1) demander aux utilisateurs d'effectuer la t che (m thode
intrusive)
(cid:2) observation directe simple
(cid:2) avec explication haute voix
(cid:2) deux pour observer leurs interactions (interrogations, explications)
(cid:1) enregistrer les interactions, puis les analyser
(cid:2) papier, audio, vid o, trace informatique
34
QUESTIONNAIRES
REMUE-M NINGE (BRAINSTORMING)
But
R sumer lavis de nombreux utilisateurs
Proc dure
(cid:1) d terminer
le public
(repr sentatif) destinataire du
questionnaire
(cid:1) diffuser/r cup rer
(cid:1) analyser les r sultats (automatiquement/manuellement)
Types de questions
(cid:1) informations g n rales
(cid:1) questions ouvertes, dirig es, QCM
(cid:1) chelle, classements
35
But
g n rer un grand nombre d'id es cr atives
Proc dure
(cid:1) r unir un petit groupe avec diff rents r les et expertises
(cid:1) limiter le temps (1h)
(cid:1) d crire un probl me de conception sp cifique
(cid:1) phase 1 : g n rer une grande quantit de solutions
(cid:2) faire participer tout le monde, enregistrer toutes les id es sans
les valuer
(cid:1) phase 2 : classer les id es en fonction de leur qualit
(cid:2) chacun annonce les id es qu'il pr f re
(cid:2) les id es sont class es par nombre de votes
(cid:2) commencer la conception partir des id es les mieux class es
(cid:2) ne pas oublier les id es insolites
36
9
Sources :
(cid:1) St phanie Jean-Daubias, M thodes de conception
(cid:1) Georges Fafiotte, Guides ergonomiques pour lIHM-
Conception des interfaces
37
13/12/2012
10