Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Directives (Guidelines)
Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014...
Transcript of Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014...
![Page 1: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/1.jpg)
CEIHM 2013-2014
Cours/TD
Analyse de l’existant
Alain Giboin, Anne-Marie Déry-Pinna
![Page 2: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/2.jpg)
Contexte : Objectif général de votre mini-projet
Concevoir un dispositif/IHM assistant les activités/tâches
◦ d’un utilisateur
◦ ou d’un groupe d’utilisateurs
2
![Page 3: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/3.jpg)
3
(*) Socio-Ergo
Projets 2013-2014 Equipes-projet
Gr1: Thème Personnes âgées (1) Jerome Boursier
Romain Roufast
Claire Gallesio
Romain Magnani (*)
Gr2: Interface Homme-Canne Mattieu Maugard
Bastien Maureille
Gwenn Aubert
Laure Vallet
Gr3: Préservation de la vie privée Aurélien Marie
Alexis Laurent
Alexandre Boursier
Florent Jaouali (*)
Gr4: Écran de diffusion (1) Fabien Belli
Suzy Paeta
Loic Faizant
Maurice Rambert
Gr5: Discovery Hub (1) Baptiste Comet
Lucas Crivelli
Emilie Palagi (*)
Mathieu Rul
Gr6: Écran de diffusion (2) Alienor Diaz
Gwenaelle Laufray (*)
Jessica Lionne
Emmanuelle Dalleau
Gr7: Discovery Hub (2) Xianbo Duan
Victor Vincent (*)
Abdoul Macina
Benjamin Volland
Gr8: Personnes âgées (2) Selim Hamadouche
Galin Liptchev
Nicolas Nouira
Kevin Rocher
Gr9: Reador.Net (1) Finn Hees (*)
Lucas Jourdes
Olivier Cacciuttollo
Giacomo Rombaut
Gr10: Reador.Net (2) Guy Champollion
Haochen Yao
Sonia Em (*)
Ancelin Arnaud
Contexte : Sujet de votre mini-projet
![Page 4: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/4.jpg)
Contexte : Étape présente de votre mini-projet
Etapes de réalisation du mini-projet
• Appropriation du sujet / Analyse de l’existant
• Préparation des entretiens avec les utilisateurs
• Entretiens avec les utilisateurs
• Préparation et première diffusion des questionnaires
• Analyse des résultats des entretiens et des questionnaires
• Préparation de la maquette
• Maquette et Mise au point de la procédure d’évaluation utilisateur de
la maquette
• Test de la procédure d’évaluation
• Sessions d’évaluation avec les utilisateurs
• Analyse des résultats de l’évaluation
4
![Page 5: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/5.jpg)
Objectif du cours
Vous fournir des éléments communs pour analyser l’existant (cf. TD)
Plan du cours ◦ Qu’appellera-t-on « L’Existant » et « Analyser
l’existant » ?
◦ Comment analyser l’existant ?
5
![Page 6: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/6.jpg)
QU’APPELLERA-T-ON
« L’EXISTANT » ET
« ANALYSER L’EXISTANT » ?
6
![Page 7: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/7.jpg)
La définition de « l’existant » dépend du point de vue que
l’on a du « système » à concevoir :
1) Le système au sens strict
7
Le Dispositif
![Page 8: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/8.jpg)
8
Le Dispositif
L’ Utilisateur
Système Interactif
CONVENTION :
L’existant = Le(s) système(s)
interactif(s) existant(s)
Interaction
La définition de « l’existant » dépend du point de vue que
l’on a du « système » à concevoir :
2) Le système au sens large
![Page 9: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/9.jpg)
Analyser l’existant
Analyser l’existant = analyser le
9
Dispositif
Fonctionnalités
Éléments d’IHM
…
Utilisateur
Buts
Tâches
…
Interaction
Système Interactif
![Page 10: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/10.jpg)
Existants à analyser
L’existant décrit dans le sujet de mini-projet
Système à reconcevoir
Autres systèmes mentionnés
L’existant décrit par ailleurs
Autres systèmes comparables (à découvrir)
10
Le système futur décrit dans le sujet de mini-projet
POINT DE RÉFÉRENCE
EXISTANTS
![Page 11: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/11.jpg)
COMMENT ANALYSER
L’EXISTANT ?
CADRE COMMUN INITIAL
11
![Page 12: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/12.jpg)
Objectif
12
Déterminer quoi garder
Déterminer quoi modifier
Déterminer quoi concevoir de nouveau
Système à reconcevoir
Autres systèmes mentionnés
Autres systèmes comparables (découverts)
Système futur
Système = Dispositif & Utilisateur
![Page 13: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/13.jpg)
Étapes
13
![Page 14: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/14.jpg)
14
Système à reconcevoir
Autres systèmes mentionnés
Autres systèmes comparables (découverts)
Système futur
![Page 15: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/15.jpg)
15
• Recenser les dispositifs existants
comparables au dispositif à concevoir dans le
mini-projet
• Recenser les fonctionnalités des dispositifs
• Recenser les éléments d’IHM
• …
Dispositif
Fonctionnalités
Éléments d’IHM
…
Utilisateur
Buts
Tâches
…
Interaction
![Page 16: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/16.jpg)
16
• Recenser les types d’utilisateurs à qui les dispositifs
existants sont ou étaient destinés
• Recenser les besoins/buts des types d’utilisateurs, en
rapport avec les dispositifs
• Recenser les tâches utilisateurs que les dispositifs sont
censés satisfaire
• Recenser les scénarios utilisateurs associés aux
dispositifs existants
Dispositif
Fonctionnalités
Éléments d’IHM
…
Utilisateur
Buts
Tâches
…
Interaction
![Page 17: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/17.jpg)
(Analyse système par système) Organiser Inférer (ce qui est implicite) Critiquer (+ et –)
17
![Page 18: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/18.jpg)
18
Dispositif But
d’assistance
Fonctionnalités Éléments d’IHM
« <Le Journal>
dont vous êtes le
héros » (basé sur Reador.NET)
• Aide à l’édition
d’un journal à la
carte
• Filtrage sémantique
Utilisateur Buts Tâches/Activités Scénarios
« VOUS »
(à préciser)
• Éditer un
journal à la
carte
• Dialoguer avec
les journalistes
• Dialoguer avec
les autres
lecteurs
• Sélectionner le
grand journal à
personnaliser
• Filtrer les news du
journal
Exemple : éléments d’un système futur
Organiser
![Page 19: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/19.jpg)
19
Utilisateur Buts Tâches/Activités Scénarios
USER
(à préciser)
• Rattraper un
déséquilibre
• Renforcer son
dos
• Prendre du
plaisir (fun)
• Marcher
• Faire des exercices
de réadaptation du
dos
• Faire du roller ou
du skate
Exemple : éléments d’un système mentionné
Organiser
Dispositif But d’assistance Fonctionnalités Éléments d’IHM
Canne Toyota • Prévention des
chutes
• Aide à la
réadaptation
• Aider à procurer du
plaisir (fun)
• Capteur de force
• Contrôle de la
vitesse d’avancée
et de recul des
roues
• Poignée de
contrôme
![Page 20: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/20.jpg)
20
Personnes fragiles
Personnes en bonne santé
Personnes perdant
l’équilibre voulant se
rattraper
Personnes ayant des
problèmes de dos
voulant faire des exercices
de réadaptation
Pratiquants de rollers
et de skate voulant
s’amuser
Inférer
Car maker Toyota has
invented a robotic walking
stick that offers USERS a
way to right themselves
when they begin to fall, or
which lets them get a bit
of rehabilitative exercise.
It also looks like quite a lot
of fun. (…)
La canne Toyota Exemple : Inférer la description des utilisateurs de
![Page 21: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/21.jpg)
Critiques d’utilisateurs
Critiques de concepteurs
Vos propres critiques
21
Critiquer (+ et –)
Critiques =
aspects positifs (avantages, solutions appréciées…) et
aspects négatifs (inconvénients, problèmes…)
![Page 22: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/22.jpg)
Recenser les problèmes éventuels rencontrés par les utilisateurs des dispositifs existants
Identifier les avantages et inconvénients des fonctionnalités pour les utilisateurs
22
Critiquer (+ et –)
Exemples
![Page 23: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/23.jpg)
23
Comparer Proposer Préparer la suite
![Page 24: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/24.jpg)
24
Comparer
Utilisateur Buts Tâches/Activités Scénarios
Dispositif But d’assistance Fonctionnalités Éléments d’IHM
Système futur
Système à reconcevoir
Autres systèmes mentionnés
Autres systèmes comparables (découverts)
![Page 25: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/25.jpg)
25
Proposer
Utilisateur Buts Tâches/Activités Scénarios
Dispositif But d’assistance Fonctionnalités Éléments d’IHM
Système à reconcevoir
Autres systèmes mentionnés
Autres systèmes comparables (découverts)
Système futur Éléments à garder
Éléments à modifier
Éléments nouveaux à concevoir
![Page 26: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/26.jpg)
26
Proposer
Dispositif But
d’assistance
Fonctionnalités Éléments d’IHM
« <Le Journal>
dont vous êtes le
héros » (basé sur Reador.NET)
• Aide à l’édition
d’un journal à la
carte
Utilisateur Buts Tâches/Activités Scénarios
« VOUS »
(à préciser)
• Éditer un
journal à la
carte
• Dialoguer avec
les journalistes
• Dialoguer avec
les autres
lecteurs
• Sélectionner le
grand journal à
personnaliser
• Filtrer les news du
journal
Exemple : éléments d’un système futur
![Page 27: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/27.jpg)
Identifier des questions ◦ à poser lors de futurs entretiens avec les
utilisateurs cibles
◦ à inclure dans un futur questionnaire
27
Préparer la suite
![Page 28: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/28.jpg)
TD : RAPPEL DES CONSIGNES
28
![Page 29: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/29.jpg)
TD : Consignes pour le début de séance
Partir de l’objectif global donné à l’ensemble des groupes ◦ Pour cette séance : Analyser l’existant
Raffiner cet objectif en début de séance et le valider avec votre enseignant tuteur
29
![Page 30: Cours/TD Analyse de l’existantatelierihm.unice.fr/enseignements/wp-content/... · CEIHM 2013-2014 Cours/TD Analyse de l’existant Alain Giboin, Anne-Marie Déry-Pinna](https://reader035.fdocument.pub/reader035/viewer/2022063013/5fcd95219ae9b51fb717e1e4/html5/thumbnails/30.jpg)
TD : consignes pour la fin de séance
Établir une feuille de route (*) avec votre enseignant tuteur (*) Résumé du travail effectué par chacun
Compléter l’article de votre groupe sur le site atelierihm.unice.fr
30