Relation homme-machine (HCI) Staf 12 - Période 1:

IntroductionDr Charline Poirier

Charline33@hotmail.com

Amazon.com

Amazon.com 1995 Amazon.com 2004

Yahoo!

20 Octobre 1996 20 Octobre 2004

Swisscom

Décembre, 1996 Octobre, 2004

Nestle

Janvier, 1998 Octobre, 2004

Howstuffworks.com

Février, 1999 Octobre, 2004

Changement de paradigme

.

OffreExpériencedes utilisateurs – baséesur les tâches à accomplir

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

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

www.mauronewmedia.com

User-centered design

User-centered design

Van der Veer, G. « Teaching Design of Complex Interactive Systems Learning by Interacting. » 1997. (Vrije Universiteit, Amsterdam)

http://www.blinkia.com

User-centered design

http://www.blinkia.com

User-centered design

http://www.blinkia.com

User-centered design

http://www.blinkia.com/

User-centered design

www.incent.com

User-centered design

www.doblin.com

User-centered design

User-centered design

www.Jumpassociates.com

www.Jumpassociates.com

User-centered design

User-centered design

www.Jumpassociates.com

www.ibm.com

User-centered design

http://www.grc.nasa.gov

User-centered design

Qu’est-ce qui est important?

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.

A vous de jouer!

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

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.

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?

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?

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

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

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

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.

Le cours

Projet

Planification des entretiens

Entretiens

Analyse desbesoins

Contenu

Style d’interaction

Navigation

Prototype

Tests d’utilisation

Produit centré sur l’utilisateur

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?

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…

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.

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.

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

Interview

Mesure de succès: La satisfaction de l’utilisateur.

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

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

• Présence en classe

• Les travaux doivent être rendus à temps (perte de points si on ne rend pas les travaux)

Nota Bene: