relation homme-machine (hci) staf 12 - période 1: introduction dr charline poirier...
TRANSCRIPT
![Page 2: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/2.jpg)
Amazon.com
Amazon.com 1995 Amazon.com 2004
![Page 3: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/3.jpg)
Yahoo!
20 Octobre 1996 20 Octobre 2004
![Page 4: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/4.jpg)
Swisscom
Décembre, 1996 Octobre, 2004
![Page 5: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/5.jpg)
Nestle
Janvier, 1998 Octobre, 2004
![Page 6: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/6.jpg)
Howstuffworks.com
Février, 1999 Octobre, 2004
![Page 7: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/7.jpg)
Changement de paradigme
.
OffreExpériencedes utilisateurs – baséesur les tâches à accomplir
![Page 8: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/8.jpg)
Observations des étudiants 20/10/2004
Changements dans les sites récents:
• Regroupement de l’information – autour des images• Utilisation de symbols• Onglets indiquent des espaces sousjacents• Développement du langage visuel• Le texte n’est plus descriptif du processus mais invite l’action: le langage devient l’action. Le langage est concis• Le langage engage directement l’utilisateur: « your »• Addition d’information éphémère et d’actualité pour inviter l’utilisateur à revenir
![Page 9: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/9.jpg)
Observations des étudiants 20/10/2004
Changements dans les sites récents (suite):
• Elimination des pages inutiles (qui ne contiennent pas d’information• Définition de régions différentes pour l’information statique et l’information dynamique
![Page 10: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/10.jpg)
www.mauronewmedia.com
User-centered design
![Page 11: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/11.jpg)
User-centered design
Van der Veer, G. « Teaching Design of Complex Interactive Systems Learning by Interacting. » 1997. (Vrije Universiteit, Amsterdam)
![Page 12: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/12.jpg)
http://www.blinkia.com
User-centered design
![Page 13: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/13.jpg)
http://www.blinkia.com
User-centered design
![Page 14: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/14.jpg)
http://www.blinkia.com
User-centered design
![Page 15: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/15.jpg)
http://www.blinkia.com/
User-centered design
![Page 16: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/16.jpg)
www.incent.com
User-centered design
![Page 17: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/17.jpg)
www.doblin.com
User-centered design
![Page 18: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/18.jpg)
User-centered design
www.Jumpassociates.com
![Page 19: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/19.jpg)
www.Jumpassociates.com
User-centered design
![Page 20: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/20.jpg)
User-centered design
www.Jumpassociates.com
![Page 21: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/21.jpg)
www.ibm.com
User-centered design
![Page 22: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/22.jpg)
http://www.grc.nasa.gov
User-centered design
![Page 23: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/23.jpg)
Qu’est-ce qui est important?
![Page 24: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/24.jpg)
Quels besoins?
Actualisa-tionAestétiquesCognitifs
Estime
Appartenance
Sécurité
Physiologiques/biologiques
La hiérarchie des besoins de Maslow
Besoins observables
Besoins explicites
Besoins tacites
Besoinsémergents
Expression des besoins
Sanders, E. (1992) « Converging Perspectives: Product development Research for the 1990s » Design Management Journal, Fall. PP.: 49-54.
![Page 25: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/25.jpg)
A vous de jouer!
![Page 26: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/26.jpg)
Exercise
Découverte des besoins de l’utilisateur:
3 personnes par groupe:• Utilisateur• Designer• Observateur
Tâche: gérer l’année scolaire
But: comprendre les besoins des utilisateurs pour créer un agenda électronique
![Page 27: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/27.jpg)
Exercise
Rôles:• Utilisateurs: répondre aux questions des designers
– communiquer leurs besoins• Designers: Découvrir les besoins des utilisateurs • Observateurs: Silencieusement prendre note des
échanges entre utilisateurs et designers. Noter ce qui est efficace et ce qui ne l’est pas.
![Page 28: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/28.jpg)
ExerciseDébriefing:Utilisateurs, designers, et observateurs se regroupent entre
eux pour discuter:• Utilisateurs: Est-ce que vous avez été entendu? Avez-
vous l’impression d’avoir communiqué vos besoins? Qualifiez votre échange avec le designer et dites pourquoi.
• Designers: Quels sont les besoins que les utilisateurs vous ont communiqués? Quelles informations n’avez-vous pas reçues dont vous avez besoin? Qualifiez votre échange avec l’utilisateur et dites pourquoi?
• Observateurs: Qu’avez-vous observé? Qu’est-ce qui a bien marché et qu’est-ce qui n’a pas marché? L’utilisateur a-t-il été entendu? Sinon pourquoi? Si oui, pourquoi? Le designer a-t-il/elle profité des opportunités de découverte?
![Page 29: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/29.jpg)
Question aux designers
Qu’est-ce que l’utilisateur utilise maintenant pour maintenir son agenda, et quelles sont les activités associées à cette tâche? Qu’est-ce que l’utilisateur trouve facile et difficile?
![Page 30: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/30.jpg)
La communication entre designer et utilisateur n’est pas simple
• Le designer a le problème
• L’utilisateur ne sait pas comment exprimer ses besoins
• La relation des besoins utilisateur au design n’est pas toujours évidente
![Page 31: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/31.jpg)
Commentaires des designers
•Commencer avec « qu’est-ce qu’il juge le plus utile?•Organise l’information en rubriques
•Fonctionnalités•Ergonomie•…
• Souhaits spécifiques mais limités par la technology• On s’est mis d’accord sur 4 besoins
![Page 32: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/32.jpg)
Commentaires des utilisateurs
• On ne parle pas de la même chose (PDA/internet)
• Pas suffisamment de propositions de la part du designer
• Difficile de parler d’un objet qu’on voit différemment
• Négociations sur les contraintes technologiques et commerciales
• Négociations créent de nouveaux besoins
• Manque de synthèse: difficulté de canaliser les besoins
![Page 33: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/33.jpg)
Commentaires des observateurs
• Les utilisateurs ont pu s’exprimer
• Ils ont fait des listes de souhaits selon les technologies existantes
• Utilisateurs ont parlé le plus
• Bonne façon de comprendre l’importance des besoins lorsqu’on demande ce que les utilisateurs sont prêts à acheter et pour combien (prix)
• Contradictions entre besoins et fonctionalités
• Reformulation des besoins et la relance a bien marché
• Difficulté d’identifier les besoins émergents.
![Page 34: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/34.jpg)
Le cours
Projet
Planification des entretiens
Entretiens
Analyse desbesoins
Contenu
Style d’interaction
Navigation
Prototype
Tests d’utilisation
Produit centré sur l’utilisateur
![Page 35: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/35.jpg)
Quelle est la question du point de vue de l’utilisateur?
Question projet:
• Créer un environnement virtuel pour l’enseignement du français au niveau primaire.
Question utilisateur:
• Comment j’apprends le français?
![Page 36: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/36.jpg)
InterviewProcessus:• Déterminer le groupe représentatif/ qui est
l’audience/consommateur du produit?• Rédiger un questionnaire
– But de l’interview– Questions concernant les activités et leur contexte :
• Qui – le participant• Quoi – les activités• Quand – période et fréquence• POURQUOI – le but de l’activité, la motivation, le résultat attendu• AVEC/POUR QUI – les interactants (actifs et passifs)• Dans quelles conditions – contexte sociale, hiérarchique, familiale• Comment – le processus• Avec quoi (objets) – de quoi on se sert pour accomplir la tâche• Barrières et supports au succès• AVEC QUELS RESULTATS
• Développer la stratégie centrée sur l’utilisateur – créer l’opportunité de discuter…
![Page 37: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/37.jpg)
InterviewBut:
C’est la découverte: Comprendre l’expérience des utilisateurs et déterminer leurs besoins.
Le designer est un apprenti.
• Le designer n’est pas un expert, il ne connaît pas le domaine ou l’activité.
• Comme la personne interviewée est l’expert, c’est elle qui doit prendre charge de la discussion et de la direction de la conversation.
• L’intervieweur doit prendre advantage des opportunitées d’apprentissage.
Beyer, H. Holtzblatt, K. Contextual Design. Morgan Kaufmann Publishers, Inc. San Francisco. Chapitre: Understanding the customer, pp. 29 –136.
![Page 38: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/38.jpg)
InterviewBarrières à une bonne écoute:• Former des hypothèses trop tôt• Penser à l’avance, chercher des solutions• Anxiété, peur de ne pas obtenir l’information dont on a
besoin.
Durant l’interview:• Les questions doivent être ouvertes et neutres. • Eviter de commenter sur les réponses. Eviter de proposer
des solutions.• Il faut demander beaucoup de questions avec un but de
clarifier de qui a été dit. Répéter ce que la personne vient de dire pour l’aider à élaborer et à entrer dans les détails.
• Il faut prendre des risques. Explorer des avenues imprévues. Suiver le flow du participant.
![Page 39: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/39.jpg)
InterviewTips:1. Limiter les interruptions. Attendez que
l’utilisateur ait terminé de parler avant de passer à une autre question
2. Montrer que vous écoutez3. Soyez sensible à l’ensemble du message
• Prêtez attention aux sentiments et émotions• Prêtez attention aux gestes et expressions• Ecoutez pour ce qui n’est pas dit
4. Vérifiez que vous avez bien compris 5. Vérifiez que l’information est fiable
![Page 40: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/40.jpg)
Interview
Mesure de succès: La satisfaction de l’utilisateur.
![Page 41: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/41.jpg)
Projets - à remettre le mois prochain
• 25/10: Projet
• 1/11: Justification du projet, groupe d’utilisateurs et questionnaires.
• Durant le mois:– Entretien avec 3 utilisateurs de préférence
enregistrés• Transcription de 2 entretiens (15/11)
• Résumé de 1 entretien
![Page 42: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/42.jpg)
En plus….
• Chaque rencontre, 2 étudiants vont trouver 3 ou 4 exemples de sites de préférence educatifs qui illustrent:– La recherche– La navigation– Le « look and feel »– L’image de marque– L’aide en ligne
![Page 43: Relation homme-machine (HCI) Staf 12 - Période 1: Introduction Dr Charline Poirier Charline33@hotmail.com](https://reader036.vdocuments.us/reader036/viewer/2022062417/551d9da4497959293b8d4788/html5/thumbnails/43.jpg)
• Présence en classe
• Les travaux doivent être rendus à temps (perte de points si on ne rend pas les travaux)
Nota Bene: