Interaction Personne-Machine (CO)
Mattia A. Fritz
TECFA, Université de Genève
Difficultés pour l'enseignement
Se trouver entre deux systèmes
computationnels complexes et distincts, en plus distribués
!
Différents parcours possibles
Quel rôle pour l'informatique ?
L'informatique étudie les phénomènes autour des ordinateurs.
— Newell, Simon & Perils
Traduction
libre
Quel rôle pour l'informatique ?
L'informatique ne concerne pas plus les ordinateurs que l'astronomie
ne concerne les télescopes.
— Attribuée à Edsger Dijkstra (mais pas certain)
Traduction
libre
Quel rôle pour l'informatique ?
L'ancienne informatique concerne ce que les ordinateurs peuvent
faire, la nouvelle informatique concerne ce que les gens peuvent
faire.
— Shneiderman, 2003
Traduction
libre
Évolution d'un algorithme
-
Dans la perspective technique/informatique, l'objectif d'un
algorithme est de résoudre un
problème.
-
Dans la perspective de
l'interaction personne-machine, l'objectif d'un
algorithme est d'accomplir une
tâche.
-
Dans la perspective sociale, l'objectif d'un algorithme est
d'apporter un changement sur le plan comportemental et/ou des
valeurs qui soit bénéfique pour la société.
Voir la
page Algorithme sur EduTechWiki
pour une explication plus approfondie.
Définition générale
L'interaction personne-machine étudie la façon dont les humains
utilisent (ou n'utilisent pas) des artefacts, des systèmes et des
infrastructures informatiques.
— Adapté de Wikipedia
Approche multidisciplinaire
Principe de base
Application à différents niveaux
L'interaction personne-machine couvre un large continuum
d'applications qui vont du très spécifique à
l'holistique.
Langages de programmation
Embodied interaction
Domaines d'application (1)
User eXperience (UX), méthode Agile, ...
Domaines d'application (2)
Passage à l'interaction distribuée : médiatisation informatique des
interactions entre personnes.
Instructional designer, Évangéliste technologique, ...
Deux activités débranchées
-
Pseudo-code
Utiliser un langage intermédiaire entre le langage
humain et un langage de programmation formalisé.
-
Prototypage
Utiliser le dessin papier pour créer des interfaces et
interactions d'artefacts informatiques dans une perspective
d'expérience utilisateur (UX).
Pseudo-code
Le pseudo-code permet d'appliquer et entraîner la pensée
computationnelle dans un contexte plus relaxé (e.g. gestion
des erreurs).
Langue naturelle
Langage formalisé
Exemple : jeu du morpion
-
Demander un input dans l'une des 9 positions possibles.
-
Contrôler que la case n'est pas déjà occupée
-
Si elle est occupée, demander un nouveau input et recommencer
au point 1
-
Contrôler que le symbole appliqué soit différent du précédent
(pour garantir l'alternance)
-
Si c'est le même, demander un nouveau input et recommencer au
point 1
- ...
Prototypage
Le prototypage logiciel désigne l'ensemble des activités de création
de prototypes pour les logiciels, c'est-à-dire des versions
incomplètes du programme en cours de développement.
— Adapté de Wikipedia
Design Thinking
Degrés d'abstraction
Différentes finalités
Le prototypage peut être adopté avec des objectifs pédagogiques
différents et non mutuellement exclusifs :
- Créativité / Design Thinking
- Remémoration / Consolidation
- Découverte / Réflexion
Créativité / Design Thinking
Dessiner plusieurs maquettes d'un artefact informatique.
Remémoration / Consolidation
Recréer un menu contextuel pour consolider les différentes actions
possibles sur un fichier.
Découverte / Réflexion
Réfléchir sur les différents états et opérations (e.g. CRUD).
Liens entre écrans
L'interactivité et/ou la computation sont simulées à travers des
passages entre écrans.
Maquette interactive
Cliquez une fois sur la maquette pour pouvoir l'utiliser et
l'ouvrir en plein écran avec la touche F. Pour passer à
la slide suivante cliquez d'abord hors du cadre noir.
Logiciels maquettes interactives
-
Microsoft Power Point (ou équivalent)
On peut
créer des simples interaction
même avec un outil pour présentations. Au lieu de faire défiler
les slides, on peut créer des zones à cliquer pour aller à une
slide spécifique.
-
Balsamiq
Logiciel (payant, mais il existe des alternatives) pour créer
des prototypes low-fi : avantage de ne pas ce
concentrer sur les détails esthétiques de l'interface.
-
Figma
Logiciel utilisé pour créer l'exemple de maquette, ainsi que
dans
le cours sur le UX dans le Master donnée par TECFA.
Brancher le débranché
Merci pour votre attention !
Mattia A. Fritz
TECFA, Université de Genève