interaction homme-machine · – réseaux sociaux (étendus) ... tester l’utilisabilité dans des...
TRANSCRIPT
![Page 1: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/1.jpg)
Interaction Homme-Machine
Conception participative
Master 1 Informatique
Thomas Pietrzak
![Page 2: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/2.jpg)
2
Crédits
Cours de Wendy Mackay (Inria)
http://insitu.lri.fr/People/DesignAndEvaluationOfInteractiveSystems
https://www.lri.fr/~mackay/VideoForDesign/
Cours de Catherine Letondal (ENAC)
http://rjc2013.afihm.org/slides-prototypage-catherine.zip
Cours de Scott Klemmer (University of California)
https://class.coursera.org/hci/
![Page 3: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/3.jpg)
3
![Page 4: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/4.jpg)
4
Exemple : Rocksmith vs Steam
![Page 5: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/5.jpg)
5
Au restaurant
! Entrée + plat : 9€
! Plat + dessert : 9€
! Entrée + plat + dessert : 11€
Client : je prends entrée + plat, et si j'ai encore faim je prendrai un dessert
Serveuse : pas possible, la machine ne le permet pas. Vous paierez le menu à 9€ et le dessert à part à 5€
MaintenantAvant
http://flic.kr/p/5sujAd http://flic.kr/p/5SHx17
![Page 6: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/6.jpg)
6
Conception de systèmes interactifs
Chercheurs Designers
Ingénieurs Développeurs
Utilisateurs
![Page 7: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/7.jpg)
7
Génération d'idées
![Page 8: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/8.jpg)
8
Exemples de méthodes
![Page 9: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/9.jpg)
Analyser
![Page 10: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/10.jpg)
10
Le but
Que voulez-vous apprendre sur les utilisateurs ?
Que voulez-vous apprendre sur leurs activités ?
Comment font-ils ?
Quels sont leurs problèmes ?
![Page 11: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/11.jpg)
11
Les participants
Identifier la population
– Utilisateurs représentatifs
– Utilisateurs d'un système similaire existant
– Non-utilisateur
Échantillonner
– Saturé : toute la population peut participer (rare)
– Aléatoire : analyses statistiques valides
– Ce qu'on trouve : validité plus discutable, mais plus simple
![Page 12: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/12.jpg)
12
Les participants
Recrutement
– Mailing lists
– Réseaux sociaux (étendus)
– Experts
Récompense
– Argent
– Bière
– Gadget
– Votre reconnaissance
![Page 13: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/13.jpg)
13
Relation avec les utilisateurs
Expliquer le but de votre démarche.
Faire lire et signer un formulaire de consentement le cas échéant.
Expliquer quelles données vous recueillez et ce que vous en ferez.
Expliquer qu'ils sont libre d'arrêter à tout moment.
On ne juge pas.
![Page 14: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/14.jpg)
14
Triangulation
Étude d'un phénomène à partir d'au moins deux points de vue différents.
! Triangulation de données
! Triangulation d'investigateur
! Triangulation de théories
! Triangulation de méthodes
![Page 15: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/15.jpg)
15
Études pilote
Valider la procédure avant de recueillir des données
Réaliser la collecte de données en situation réelle
Éviter les personnes qui ont participé à la conception de la procédure
![Page 16: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/16.jpg)
16
Moyens
Notes écrites : papier, ordinateur
Dessins
Enregistrement audio
Photos
Vidéos
Questionnaires
Log
![Page 17: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/17.jpg)
17
Interviews
![Page 18: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/18.jpg)
18
Comment poser des questions ?
La forme de la question influe sur la forme de la réponse.
! Précis / vague
Les questions doivent être bien posées, réfléchies.
! Bien posée => informations pertinentes.
! Mal posée => information peu ou pas utile.
Comprendre les utilisateurs, pas savoir ce qu'ils aiment ou veulent.
! Design vs Marketing
Re-demander si on a mal compris.
Approfondir les points intéressants.
Ne vous arrêtez pas sur un oui/non.
Si la réponse est trop générale : demandez un exemple concret.
Pas la procédure officielle mais comment les gens font.
![Page 19: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/19.jpg)
19
Spécifique vs Général
Moment
– La semaine dernière
– Hier
– Le 21 Octobre 2015 à 16h29
Objet
– Objet lié à la tâche
Situation
– En réunion
– En cours
– Quand vous vous réveillez
![Page 20: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/20.jpg)
20
Ordre
L'ordre des question est important !
Spécifique ⇒ général
Dirigé ⇒ ouvert
Questions spécifiques et dirigées
– Mêmes questions à tous les participants
Questions spécifiques et ouvertes
– Aide l'utilisateur à reconstruire sa mémoire
– Les incidents critiques
– Demander un événement marquant récent
– Généraliser à partir d'un cas particulier
Questions générales et ouvertes
– Savoir ce que les utilisateurs font à leur manière
![Page 21: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/21.jpg)
21
Questions spécifiques et dirigées
Combien de messages avez-vous reçu aujourd'hui ?
Est-ce un jour ordinaire ? Si non, pourquoi ?
Combien de fois avez vous lu votre courrier hier ?
Avez-vous lu tous vos messages ? Si non, pourquoi ?
Combien de messages avez-vous effacé sans les lire ?
Combien de filtres de messages avez-vous ?
Quelles règles ont été déclenchées quand vous avez lu vos mails hier ?
![Page 22: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/22.jpg)
22
Questions spécifiques et ouvertes
La semaine dernière, avez-vous cherché un mail particulier ?
– L'avez-vous trouvé ? Si oui, comment ?
La semaine dernière, avez-vous cherché une information particulière dans un mail ?
– L'avez-vous trouvé ? Si oui, comment ?
Incident critique :
La semaine dernière, est-ce qu'une règle n'a pas fonctionné comme prévu ?
– Si oui, qu'avez-vous fait ?
![Page 23: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/23.jpg)
23
Questions générales ouvertes
Comment utilisez vous vos mails ?
Comment classez-vous vos mails ?
Que préférez_vous utiliser parmi :
– mails, téléphone, messagerie instantanée ?
Est-ce que l'utilisation du système X a changé votre façon de faire Y ?
![Page 24: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/24.jpg)
24
L'incident critique
Pour générer des exemples de problèmes rencontrés par l'utilisateur.
Demander à l'utilisateur de se souvenir d'un problème particulier.
Donner une limite de temps, par exemple la semaine dernière.
Demander ce qui est habituel ou non dans ce problème.
L'exceptionnel amène à parler du général.
![Page 25: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/25.jpg)
25
Quelles questions ne pas poser ?
Est-ce que la fonctionnalité X est importante ?
! Dirigé, pas forcément représentatif de l'usage réel ⇒ Observation
Quelle fonctionnalité voudriez-vous ?
! Les utilisateurs ne sont pas designers. C'est votre rôle.
Que feriez-vous dans telle situation ?
! Trop dur à savoir.
A quelle fréquence faites vous X ?
! Difficile à estimer ⇒ Combien de fois avez-vous X la semaine dernière ?
De 1 à 7, combien aimez-vous X ?
! Que veut dire 6 ?
Aimez-vous X ?
! Questions binaires : peu d’infos
![Page 26: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/26.jpg)
26
Exploiter les données
Transcriptions
– Long mais très utile
– Inclure des photos
– Faire relire à l'utilisateur
Scénarios d'utilisation
– Plus rapide
– Faire relire aux utilisateurs
– Réutilisables directement pour la conception ! Scénario de conception ! Storyboard ! Prototype vidéo
![Page 27: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/27.jpg)
27
Exemple
![Page 28: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/28.jpg)
28
Questionnaires
![Page 29: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/29.jpg)
29
Questionnaires
Mêmes types de questions
– Objectif différent
– Analyse différente
Plus d'utilisateurs
Attention à la validité :
– Honnêteté des réponses
– Interprétation différente
![Page 30: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/30.jpg)
30
Conception
Quelles information cherchez-vous ?
– Demandez juste le nécessaire : le temps est cher.
– Posez les questions correctement : pas d’ambiguïtés
Qui ?
Combien ?
Comment diffuser le questionnaire ?
– Par le web (formulaire Google doc)
– Papier
Comment allez-vous analyser ?
– Quels outils statistiques allez-vous utiliser ?
![Page 31: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/31.jpg)
31
Questions
Questions spécifiques directes
– Début de questionnaire
– Plus facile à transcrire
– Moins de résultats intéressants
Questions spécifiques ouvertes
Questions génériques ouvertes
– Fin de questionnaire
– Très difficile à transcrire et analyser
– Peut donner des résultats très intéressants
– Risque de stéréotypes
![Page 32: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/32.jpg)
32
Questions spécifiques et directes
Réponse courte
– Données utilisateur : âge, profession
– Données système : combien de messages avez-vous reçu hier ?
Choix multiple
– Je déplace des messages dans le dossier projet :
Echelle de Likert
Classement
– Classez les fonctionnalités suivantes par ordre d'importance : — Copie cachée — Copie automatique à une mailing list — Copie automatique à moi-même
Pas du tout d'accord Pas d'accord Neutre D'accord Complètement d'accord
-2 1 0 1 2
□ jamais □ rarement □ souvent □ toujours
![Page 33: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/33.jpg)
33
Questions spécifiques et ouvertes
Réponse courte
– Données utilisateur : Quelle est votre règle favorite et pourquoi ?
– Données système : décrivez les étapes que vous avez suivies la dernière fois que vous avez créé une règle.
![Page 34: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/34.jpg)
34
Questions générales et ouvertes
Réponse courte
– Données utilisateur : décrivez votre personnalité
– Données système : décrivez votre utilisation des mails.
![Page 35: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/35.jpg)
35
Conseils
Garder une structure consistante
Ordre cohérent : positif vers négatif
Zéro peut vouloir dire deux choses :
– Neutre
– Je ne sais pas
Vous pouvez demander un degré de certitude.
Vous pouvez poser deux fois la même question différemment :
– Obtenez-vous le même résultat ?
![Page 36: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/36.jpg)
36
Observations
![Page 37: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/37.jpg)
37
Observation
Voir ce que font les utilisateurs, et pas ce qu'ils disent qu'ils font.
Quels sont leurs objectifs ?
Quelle est l'activité liée à la tâche ?
Quelles sont les similarités et différences entre utilisateurs ?
Quels sont les contextes, les particularités ?
![Page 38: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/38.jpg)
38
Observation in situ
Observation de l'utilisateur dans son milieu naturel :
Comment réalise-il ses activités ?
Les utilisateurs sont biaisés.
La validité est dans les détails.
– Contournent-ils le système ?
Observer et ne pas interagir avec l'utilisateur.
![Page 39: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/39.jpg)
39
Observation en laboratoire
Observation de l'utilisateur dans un environnement contrôlé :
Demander à l'utilisateur de réaliser des tâches spécifiques
Observation basique
L'utilisateur doit penser à voix haute (think aloud)
![Page 40: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/40.jpg)
40
Observation directe
Activité spécifique
– Exécuter une série de tâches
– Résoudre un problème
– Suivre un scénario
Toujours fournir des instructions standard
– Choisir au moins 3 vrais utilisateurs
Codage des données :
– Définir les catégories : événements discrets ou continus
– Mesure du degré de certitude
![Page 41: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/41.jpg)
41
Apprentissage
Devenez l'apprenti de la personne que vous observez.
Elle vous enseigne les tâches et comment les effectuer.
Observez les pratiques.
Validez ce que vous observez avec ce que vous avez déjà observé.
![Page 42: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/42.jpg)
42
Scénarios d’usage
![Page 43: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/43.jpg)
43
Scénario d'usage
Histoire synthétique et réaliste.
Basé sur des exemples issus des observations et Interviews.
Couvre les catégories les plus importantes.
Montre les difficultés rencontrées avec les technologies existantes.
Montrer ce qui marche correctement.
![Page 44: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/44.jpg)
44
Format
Présentation de l'utilisateur.
Date et endroit spécifique, contexte et autres utilisateurs éventuels.
Série d'événements
- Événements liés aux catégories issues des interviews.
- Illustrer comment l'utilisateur interagit avec le système.
- Capturer les problèmes et ce qui marche.
![Page 45: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/45.jpg)
Inventer
![Page 46: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/46.jpg)
46
Génération d'idées
![Page 47: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/47.jpg)
47
Génération d'idées
![Page 48: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/48.jpg)
48
Génération d'idées
![Page 49: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/49.jpg)
49
Processus de conception
Elaboration : générer des solutions Réduction : choisir celles qu'on veut conserver
![Page 50: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/50.jpg)
50
L'entonnoir de conception
Stuart Pugh 2009
![Page 51: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/51.jpg)
51
Brainstorming
![Page 52: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/52.jpg)
52
Brainstorming
Générer autant d'idées que possible
Problème bien défini
La quantité prime sur la qualité
Petits groupes, personnes avec profils différents
Durée limitée : 30-60 min
1 modérateur par groupe
– Assure que tout le monde participe
– Arrête les discussions et critiques
– Fait attention au temps
1 scribe
– Note les idées
– Relit les idées à la fin
![Page 53: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/53.jpg)
53
Attention
Ne pas discuter les idées.
Ne pas critiquer les idées.
Ne pas ignorer les idées des autres.
Ne pas changer de sujet.
Ne pas généraliser.
Ne pas bloquer.
![Page 54: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/54.jpg)
54
Déroulement : phase I
Générer un maximum d'idées
Tout le monde participe
Notez toutes les idées
Tout le monde doit proposer une idée stupide
![Page 55: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/55.jpg)
55
Déroulement : phase II
Relisez touts les idées
Chacun vote pour 3 idées
Classez les idées selon le nombre de votes
Discutez ces idées
![Page 56: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/56.jpg)
56
Technique des opposés
Si vous êtes bloqués, changez de direction :
! Simple => complexe
! Court => long
! Direct => indirect
! Bien => mauvais
! Texte => graphique => haptique
! Amusant => sérieux
! Procédure => objet
! Début => fin
! Seul => séquence
Sinon, pensez à une idée avec un hamster.
![Page 57: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/57.jpg)
57
Exemple
![Page 58: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/58.jpg)
58
Sketching
![Page 59: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/59.jpg)
59
Pourquoi des sketchs ?
1 prototype fonctionnel ≈ 10h
≈ 10 prototypes vidéo (≈ 1h chacun)
≈ 100 prototypes papier (≈ 6min chacun)
≈ 6000 sketches (≈ 6s chacun)
![Page 60: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/60.jpg)
60
Sketch vs prototype
Sketch
Évocateur
Suggère
Explore
Demande
Propose
Suscite
Indécis
Évasif
Prototype
Didactique
Décrit
Raffine
Répond
Teste
Décide
Spécifique
Représentation
![Page 61: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/61.jpg)
61
Capturez l’interaction, pas que l’interface
Interface Interaction
![Page 62: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/62.jpg)
62
Vocabulaire graphique
![Page 63: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/63.jpg)
63
Vocabulaire graphique
![Page 64: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/64.jpg)
64
Comment connecter 2 mobiles ?
![Page 65: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/65.jpg)
Concevoir
![Page 66: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/66.jpg)
66
Prototypage : avantages
Gagner du temps : explorer des concepts avant de les coder.
Explorer des alternatives.
Communiquer les concepts aux utilisateurs, décideurs, développeurs.
Justifier les choix de conception.
Tester l’utilisabilité dans des conditions variées.
Déceler les problèmes qui persistent ou apparaissent.
![Page 67: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/67.jpg)
67
Prototypez l’interaction, pas que l’interface
Interface Interaction
![Page 68: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/68.jpg)
68
Haute vs basse fidélité
Fidélité Avantages Désavantages
Basse Coût faible
Évaluer plusieurs designs
Outil de communication
Remaniable
Utile pour identifier le marché
Preuve de concept
Vérification d’erreurs difficile
Spécifications peu détaillées
Utilité limitée qd les spécifs sont choisies
Utilité limitée pour les tests d’utilisabilité
Navigation et flot limitées
Haute Fonctionnel
Interactif
Orienté utilisateur
Schéma de navigation clair
Utile pour tests
Look & feel « final »
Spécifications vivantes
Outil de vente et marketing
Cher
Long à fabriquer
Pas efficace pour preuve de concept
Pas efficace pour choisir les spécifs
![Page 69: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/69.jpg)
69
Prototypage
Collecte des informations
– cahier des charges
– résultat des phases précédentes
Analyse des informations
– table fonctionnelle
– alternatives
Ressources
– scénario de conception
– storyboard
– maquette, prototype papier
– prototype vidéo
![Page 70: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/70.jpg)
70
Cahier des charges
Généralement fourni par le client.
Décrit :
– les utilisateurs : qui va utiliser le système
– le problème : ce que le projet doit accomplir
– les méthodes : moyens, délai, objectifs
Le cahier des charges peut être remis en cause.
Votre travail est de trouver une solution à un problème.
Trouver le problème peut être plus difficile que trouver la solution.
![Page 71: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/71.jpg)
71
Concept
![Page 72: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/72.jpg)
72
Le concept
Choisir un problème
Générer plusieurs solutions
Créer l’espace de conception
Choisir le concept
– idée originale
– besoin inattendu
Processus itératif
Permet de guider les autres phases
![Page 73: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/73.jpg)
73
Le concept
Le problème peut être vaste : examinez les sous-problèmes.
Le concept peut être vague au début, et s’affiner plus tard.
Points clés :
– fonctionnalités : ce que ça fait.
– manuel : comment ça marche.
– scénario : ce qui se passe concrètement.
Important :
– avantages et inconvénients de votre solution.
– alternatives.
![Page 74: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/74.jpg)
74
Itération
Critiquez votre concept par rapport à votre scénario d’usage :
– est-ce que ça répond aux besoins réels ?
– est-ce spécifique ?
– est-ce possible techniquement ?
Utilisez vos ressources :
– profils utilisateur
– scénario d’usage
– problème
– espace de conception
![Page 75: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/75.jpg)
75
L’espace de conception
![Page 76: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/76.jpg)
76
L’espace de conception
Rassemble les idées générées
– brainstorming
– recherches
Extraire des dimensions
Positionnez les idées par rapport aux dimensions
– au moins 3 idées par axe
– générer de nouvelles idées si il y a des trous
– examiner les intersections des dimensions
Deux phases importantes
– génération
– convergence
![Page 77: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/77.jpg)
77
L'entonnoir de conception
Stuart Pugh 2009
![Page 78: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/78.jpg)
78
Génération
Brainstorming
Sketches
Recherches
Rappel : ne pas critiquer dans cette phase
![Page 79: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/79.jpg)
79
Convergence
Faire des choix informés parmi les idées
Identifier les avantages et inconvénients de chaque idée
Identifier les compromis
– coût
– programmation
– conception
Éliminer les solutions non productives
![Page 80: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/80.jpg)
80
Table fonctionnelle
![Page 81: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/81.jpg)
81
Table fonctionnelle
Description précise des fonctionnalités.
Liste des objets du système.
Liste des fonctionnalités qui manipulent ces objets.
Représentation des objets dans l’interface.
Accès des fonctionnalités par des techniques d’interaction.
S’assurer que le système est complet.
S’assurer que le système est cohérent.
![Page 82: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/82.jpg)
82
Table fonctionnelle
Objets conceptuels
– noms : message, lien, dossier, vidéo, image, …
Fonctionnalités
– verbes : ouvrir, supprimer, enregistrer, déplacer, envoyer, …
Techniques d’interaction
– phrase : drag & drop de l’icône sur la poubelle,
saisir un mot dans le champ « recherche », …
![Page 83: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/83.jpg)
83
Table fonctionnelleTable des fonctions
Table des objets
Fonctionnalité Objet Interaction Effet
1 défiler page web cliquer sur la barre de défilement
la page défile
touche PgDn la page défile
2 sauter par un lien lien cliquer sur le lien la page change
Objet Propriété Représentation Fonction
1 page web texte HTML fenêtre avec le contenu de la page
défiler
adresse ajouter aux favoris
2 lien page de destination texte souligné suivre
enregistrer la cible
![Page 84: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/84.jpg)
84
Scénario de conception
![Page 85: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/85.jpg)
85
Scénarios
Scénario d’usage : comment ça fonctionne actuellement
– issu de la phase d’analyse
Scénario de conception : comment ça pourrait fonctionner
– issu des phases d’invention et de conception
![Page 86: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/86.jpg)
86
Scénario de conception
Description réaliste de l’utilisation du système proposé.
– les détails permettent d’identifier les problèmes.
Basé sur le(s) scénario(s) d’usage.
Spécifique ⇒ concept général
Quelles technologies peuvent résoudre les problèmes identifiés ?
Comment ces technologies affectent l’utilisateur ?
Pas un manuel mais une description du fonctionnement réel
– routine
– inhabituel
![Page 87: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/87.jpg)
87
Scénario de conception
Reprenez votre personnage du scénario d’usage.
Ajustez si vous avez de nouvelles interviews.
Replacez le contexte.
Expliquez l’activité, la tâche de l’utilisateur.
Séquence d’interactions.
– ce que voit l’utilisateur, entend, …
– ce que fait l’utilisateur
– ce que fait le système
![Page 88: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/88.jpg)
88
Scénario de conception
On doit comprendre comment la technologie est utilisée.
On doit comprendre comment le problème est résolu.
Présentez les alternatives.
N’ajoutez pas de détails superflus.
![Page 89: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/89.jpg)
89
Storyboard
![Page 90: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/90.jpg)
90
Storyboard
Points clés du scénario
– Photo, sketch, les deux…
– description
Permet d’expliquer l’interaction dans son contexte
![Page 91: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/91.jpg)
91
Plans
Titres
– explications
Plan général
– contexte
Plan moyen
– l’utilisateur en entier
Plan rapproché
– portrait de l’utilisateur
– par dessus l’épaule
Insert
– détails de l’interface
![Page 92: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/92.jpg)
92
Scénario
Où se passe l’interaction ?
Quel est le problème ?
Quelle est la tâche que l’utilisateur souhaite réaliser ?
Qui est présent, et quel est le rôle de chacun ?
Quel objets et appareils utilisent-ils ?
Quelles sont les entrées et sorties disponibles pour chaque appareil ?
Comment les actions des utilisateurs résolvent-elles le problème ?
![Page 93: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/93.jpg)
93
Scénario
5 cases, 4 phases :
1. Introduction : contexte
2. Développement : le problème, les actions de l’utilisateur (2 cases)
3. Solution : le problème est résolu
4. Conclusion : retour à la normale
![Page 94: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/94.jpg)
94
Exemple
Accéder à une page web indiquée sur une annonce affichée sur un mur.
![Page 95: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/95.jpg)
95
Les sketchs
1. Plan général
2. Plan rapproché derrière l’épaule
3. Point de vue
4. Insert
5. Plan général
![Page 96: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/96.jpg)
96
Mettre en avant l’action
1. L’utilisateur marche
2. L’utilisateur tourne la tête et remarque quelque chose
3. L’utilisateur prend une photo
4. Quelque chose se passe sur le mobile
5. L’utilisateur s’en va
![Page 97: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/97.jpg)
97
Version photo
Mêmes plans
![Page 98: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/98.jpg)
98
Version photo
Mêmes signes visuels que sur les dessins
Ajout de la page web sur le mobile
![Page 99: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/99.jpg)
99
Prototypage rapide
![Page 100: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/100.jpg)
100
Prototypage rapide
Montre comment l’utilisateur interagit avec le système.
Matériel :
– papier : blanc, couleur, transparent, post-it, …
– stylos : couleur, marqueurs, …
– scotch, colle, ciseaux, cutter, …
– mousse, carton, …
![Page 101: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/101.jpg)
101
Papier vs maquette
Prototype papier :
– simple et rapide à créer, modifier, jeter.
– plus utile au début de la phase de conception
Maquette numérique
– plus long à créer mais plus réaliste
– plus utile à la fin de la phase de conception
![Page 102: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/102.jpg)
102
Procédure
Choisir un metteur en scène
Il choisit les tâches des assistants
Le scribe remplit le sommaire et le titre
Le caméraman filme le titre et la scène
Les autres s’occupent des voix, des accessoires, …
![Page 103: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/103.jpg)
103
Titre
Titre :
Auteurs :
Date :
Prise :
![Page 104: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/104.jpg)
104
Pointeur souris
![Page 105: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/105.jpg)
105
Menu contextuel
![Page 106: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/106.jpg)
106
Barre de défilement
![Page 107: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/107.jpg)
107
Exemple
![Page 108: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/108.jpg)
Évaluer
![Page 109: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/109.jpg)
109
Évaluation
Identifier les problèmes persistants
Prédire des comportements
Évaluation qualitative et quantitative
Conception pas à pas
Études utilisateurs
– magicien d’Oz
– expériences contrôlées
– études de terrain
![Page 110: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/110.jpg)
110
Méthodologies
Introspection
– évaluation par les concepteurs
Analyse théorique
– GOMS, analyse de tâches, …
Heuristiques
– Règles prédéfinies
Études d’utilisabilité
– expériences en laboratoire ou sur le terrain
Analyse pas à pas
– évaluation qualitative
![Page 111: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/111.jpg)
111
Introspection
Les concepts testent eux-mêmes leur système
On ne cherche pas comment a fonctionne, mais ce qui ne fonctionne pas
Difficile de s’abstraire de ce que l’on sait
Conseils :
– suivez un scénario précis
– notez ou filmez ce que vous faites
– trouvez les problèmes et des nouvelles idées
![Page 112: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/112.jpg)
112
Analyse théorique
Prévoir chaque interaction étape par étape
Utiliser un modèle qui prédit le temps requis pour chaque étape
Ne donnent pas beaucoup d’informations sur les critères subjectifs
![Page 113: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/113.jpg)
113
Heuristiques
Utilisé couramment dans l’industrie
Portée limitée : ne gère pas les conflits entre règles
Utile pour trouver des problèmes, mais inefficace pour trouver des solutions
![Page 114: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/114.jpg)
114
Études d’utilisabilité
Observer les utilisateurs en situation réelle
Cette fois on s’intéresse à l’interaction avec le système
pas à l’utilisateur lui-même
On peut évaluer des prototypes basse et haute fidélité
![Page 115: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/115.jpg)
115
Études en laboratoire
Scénarios prédéfinis
Enregistrement vidéo, logs
Débriefing, interview, questionnaire
![Page 116: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/116.jpg)
116
Études de terrain
Déploiement avec de vrais utilisateurs dans leur contexte habituel
Plusieurs semaines ou mois
Logs
Débriefing, interview, questionnaire
![Page 117: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/117.jpg)
117
Analyse pas à pas
Identifier le plus de problèmes rapidement
Le but n’est pas de discuter des solutions
Critiques constructives
Groupes des 3 à 7 personnes
Durée limitée (environ une heure)
![Page 118: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/118.jpg)
118
Analyse pas à pas
Présentateur
– choisir le sujet et le présente
Scribe
– note les commentaires
Coordinateur
– assure que la discussion ne dérive pas
– vérifie le temps
Gardien des standards
– pose des questions par rapport au cahier des charges
![Page 119: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/119.jpg)
119
Types de commentaires
Spécifique
– Il faut 3 étapes pour faire une simple recherche
Fonctionnalité manquante
– Pas d’aide
Bugs
– La recherche ne fonctionne pas
Suggestions
– Une vue globale des données
Général
– Difficile à utiliser, trop d’icônes
![Page 120: Interaction Homme-Machine · – Réseaux sociaux (étendus) ... Tester l’utilisabilité dans des conditions variées. Déceler les problèmes qui persistent ou apparaissent. 67](https://reader033.vdocuments.net/reader033/viewer/2022042412/5f2c1d4f95a1602b383e3a85/html5/thumbnails/120.jpg)
120
Modèle de Nielsen-Landauer
5 utilisateurs suffisent pour trouver la majorité des problèmes d’utilisabilité
… ou pas
http://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/