COM2571 Interfaces et scénarisation

Slides:



Advertisements
Présentations similaires
MOT Éditeur de modèles de connaissances par objets typés
Advertisements

Ergonomie et Modélisation des utilisateurs des IHM
Apprentissages et NTIC
- TUTORIAL MCIE - Méthode de Conception d’Interfaces Ergonomiques
Qu’est-ce qu’apprendre? Où en sommes-nous avec l’apprentissage?
Assistance à distance Parfois on se sent bien seul face à un problème informatique surtout si on n’est qu’un simple utilisateur. Lorsqu'un problème survient.
Formation sur les parties virtuels
Le portfolio électronique
6 novembre 2013 Les modes dinteraction M. Bétrancourt & K. Benetos - Cours Ergonomie des IPM TECFA Technologies pour la Formation et lApprentissage.
Questions/problèmes Contraintes de départ… ressources, plateforme… utilisation de matériel existant –Pas de temps du prof pour préparer des exemples… concrets…
Copyright, 1996 © Dale Carnegie & Associates, Inc. Com6535 Systèmes de Communication informatisée
Réalisée par :Samira RAHALI
Environnements Informatiques
Interfaces et Scénarisation (COM2571) 29 octobre 2013 Grégory Petit
Intégrer les TIC: où, quand, comment?
COM3562 Communication multimédia
28 novembre 2012 Grégory Petit
Ergonomie et facteurs humains
Louise Lafortune Université du Québec à Trois-Rivières Téléphone : poste 3644 Lengagement dans le changement: comment.
La pensée du jour « Il faut rendre mesurable ce qui est réellement important plutôt que de rendre important ce qui est facilement mesurable. » Source inconnue.
MOT Éditeur de modèles de connaissances par objets typés
COM2571 Interfaces et scénarisation Interactions Humain-Ordinateur Interfaces Jeux Jeux et mondes virtuels Scénarios interactifs Évaluation auprès des.
COM7162 Interaction Humain Ordinateur Ergonomie, Utilisabilité, théories de laction Interactions Humain-Ordinateur Interfaces Jeux Interactions intelligentes,
Ergonomie des Interactions personne-machine Lancement des projets 2 novembre 2005 Mireille Bétrancourt - TECFA TECFA Technologies pour la Formation et.
Ergonomie des Interactions personne-machine Présentation et première séance 22 septembre 2010 Enseignante : Mireille Bétrancourt Assistante : Kalliopi.
Les différentes méthodologies d’évaluation en IPM
Ergonomie des Interactions personne-machine Lancement des projets 23 septembre 2010 TECFA Technologies pour la Formation et lApprentissage Enseignante:
LE RECUEIL DE TEXTES Louise Langevin et Monik Bruneau.
Lergonomie des IPM : pourquoi, comment ? Présentation 9 Novembre 2005 Mireille Bétrancourt - TECFA TECFA Technologies pour la Formation et lApprentissage.
Ergonomie des Interactions personne-machine Présentation et première séance 19 septembre 2007 Enseignante : Mireille Bétrancourt Assistante : Laurence.
Ergonomie des Interactions personne-machine Présentation et première séance 16 septembre 2009 Enseignante : Mireille Bétrancourt Assistante : Laurence.
Lergonomie des IPM : pourquoi, comment ? 30 Septembre 2009 Mireille Bétrancourt - Cours Ergonomie des IPM TECFA Technologies pour la Formation et lApprentissage.
Ergonomie des Interactions personne-machine Présentation et première séance 19 septembre 2012 Enseignante : Mireille Bétrancourt Assistante : Kalliopi.
Stéphanie Bernonville 1, 2 Christophe Kolski 2
ADAMOS Une plate-forme pour concevoir et évaluer des services proactifs Système proactif ? qui évolue en fonction des paramètres de lenvironnement physique.
Module 2 : Préparation de l'analyse des performances du serveur
COM3562 Communication multimédia
Conception des Réalisé par : Nassim TIGUENITINE.
Portée, arrimages et intervenants Évolution des méthodes
Ergonomie, Utilisabilité, théories de l’action
+ Communication Informatisée Opportunités et Formation pratique Subvention Direction de Recherche Internationale Aude Dufresne PhD Professeur titulaire.
Ergonomie et facteurs humains
1.  Communication humain-machine  Principes ergonomiques -Reconnaissance de symboles -Interaction -Efficacité -Adaptation à l’usager -Design ergonomique.
ANALYSE METHODE & OUTILS
Mise en oeuvre et exploitation
Interface Homme-machine (interaction humain-machine) Emna Hakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul.
Interface Homme-machine (interaction humain-machine)
Stratégies d’enseignement favorisant l’inclusion.
DESIGN MULTIMÉDIA Initiation aux bases de La scénarisation multimédia
Initiation à la conception des systèmes d'informations
L’ergonomie des IHM : pourquoi, comment ?
Techniques documentaires et veille stratégique Anne Pajard, avril 2008
Présentation février 2002 Relations Visiblement Meilleures.
ACFAS – Colloque DIVA, 12 mai 2004
SYSTEMES d’INFORMATION séance 1 : Introduction et définitions
Ergonomie des Interactions personne-machine Lancement des projets 23 septembre 2009 TECFA Technologies pour la Formation et l’Apprentissage Enseignante:
Ergonomie des logiciels
1-Conception centrée utilisateur 2-Évaluation heuristique
L’ergonomie des IPM : pourquoi, comment ? 9 Novembre 2006 Mireille Bétrancourt - TECFA TECFA Technologies pour la Formation et l’Apprentissage.
Ergonomie des Interactions personne-machine Présentation et première séance 25 Octobre 2006 Enseignante: Mireille Bétrancourt Assistant: Luis Gonzalez.
Les différentes méthodologies d’évaluation en IPM
Interaction Humain-Ordinateur Comment faire un système de communication efficace Les systèmes interactifs sont longs et complexes à développer Mieux vaut.
Copyright, 1996 © Dale Carnegie & Associates, Inc. Com7114 Technologies de la communication Objectifs de ce cours ? Sa place dans le programme ? La communication.
COM7162 Interaction Humain Ordinateur Ergonomie, Utilisabilité, théories de l’action Interactions Humain-Ordinateur Interfaces JeuxDesign Interactions.
Introduction aux Interfaces Homme-Machine
Histoire des interfaces Homme-Machine
IFT 703 Informatique cognitive ACT-R Modèle symbolique et perceptuel
Chapitre 12 Surveillance des ressources et des performances Module S41.
Ergonomie et facteurs humains Kahina HADDADI M2EID 2015/2016.
APPRENTISSAGE 2.0 et dispositif de formation Apprendre… L’apprentissage dans un contexte techno-pédagogique… Construire son dispositif… Est-ce que je peux.
Transcription de la présentation:

COM2571 Interfaces et scénarisation Interactions Humain-Ordinateur Interfaces Jeux Jeux et mondes virtuels Scénarios interactifs Évaluation auprès des usagers Veille technologique Analyse des usages ecommerce Aide en ligne, documentation, formation

Au programme aujourd’hui C237 et B340 ... le déroulement du cours Pourquoi ce cours ? Présentation du plan de cours et des méthodes d’évaluation http://lrcm.com.umontreal.ca/dufresne/com2571/ Présentation du domaine des Interactions Humain - Ordinateur IHM (CHI)

Pourquoi ce cours ? Pourquoi l’étude des interactions Humain Ordinateur ? Il n’est pas si facile de concevoir un bon site Internet, d’informatiser la communication de façon efficace Les systèmes doivent s’adapter aux activités humaines, pas le contraire. Les applications multimédias sont complexes à développer, il faut scénariser. Il faut pouvoir choisir une technologie, participer à la conception, évaluer, savoir ce qui se passe et améliorer les systèmes.

Exemple tiré de l’élection présidentielle US 2000: Préparé par Yan Bodain, M.A. Jean-Yves Fiset, ing., Ph. D. et Sandrine Prom Tep Hec Montréal À un moment donné, 1% des votes était sous examen (écart entre les candidats est de quelques centaines, sur plusieurs centaines de milliers). 19 000 bulletins de votes ont été rejetés car plus d’un candidat y étaient sélectionnés. http://cuwu.editthispage.com/2000/11/08

Exemple tiré de l’élection présidentielle US 2000 Bulletin de vote électronique de la Floride Quelques possibilités d’erreurs: Lecture de haut en bas => ensemble de candidats associé au second trou Lignes horizontales alignées sur les trous Espacement réduit entre les trous Gauchers (droitiers) ne distinguent pas correctement les noms au moment de voter

Exemple tiré de l’élection présidentielle US 2000 Commentaires d’électeurs: "When I went to push the one for president, I pushed one and it seemed to be just below the office of vice president. It seemed like I had to push one for vice president, too. Then I saw I had accidentally voted twice." "It was so hard to tell who and what you were voting for. I couldn't figure it out, and I have a doctorate." Selon le directeur des élections de Floride: "I don't think they are confused. I think they left the polling place and became confused. The ballot is very straightforward. You follow the arrow, you punch the location. Then you have voted for who you intend to elect," Roberts assigné par le Gov. Jeb Bush, (frère de George W.'s)

Pourquoi l’étude des interactions Humain Ordinateur ? L’impact d’une mauvaise interface n’est pas toujours si grave… Mais elle peut faire perdre des milliers d’heures à des milliers de personnes. Avec le commerce électronique, les jeux vidéos, l’intégration actuelle des médias traditionnels et électroniques, la formation en ligne, … il y a dans les IHM un vaste domaine d’application et de recherche. Association des professionnels de l’utilisabilité http://www.utilisabilitequebec.org/

Apprentissage des principes de scénarisation interactive Présentation du cours .... Apprentissage des principes de scénarisation interactive et du processus de conception et d'évaluation des applications de communication informatisée, en utilisant diverses théories ergonomiques et communicationnelles. Théories sur l’ergonomie et la conception Méthodologies de prototypage et de gestion de projet de conception, de description et de production de maquettes d’évaluation heuristique des interfaces (experts) d’évaluation empirique ou tests d’utilisabilité des maquettes et des systèmes informatisés Exercices et travaux liés à l’évaluation la conception Sites d’information, ecommerce, eformation Jeux, logiciels

Présentation du domaine des Interactions Humain Ordinateur (IHM) Qu’est-ce qu’une interface ? Qu’est-ce que l’ergonomie cognitive ? Problématique spécifique à la communication Humain-ordinateur (Norman 1986) Modèle du traitement de l’information Manipulation directe vs Intelligence des systèmes Recherches dans le domaine Ce qui est important ???? Comprendre les concepts

Qu’est-ce qu’une interface ? Toutsavoir.net : interface Ensemble des programmes gérant l'utilisateur et les rapports qu'ils peut entretenir avec sa machine et les logiciels qu'elle abrite Si cette interface est jolie tout plein avec des tas de beaux dessins géométriques, c'est une interface graphique. Mise en oeuvre physique de règles de communication entre deux systèmes. Dicofr.com - Interface Une voie d'échange d'informations qui permet à un ordinateur ou plusieurs ordinateurs ou des équipements extérieurs (imprimantes, moniteurs ou modems) ou deux ou plusieurs ordinateurs de communiquer. Interface Utilisateur Partie visible par l'utilisateur d'un logiciel, en d'autres termes le programme gérant l'interaction entre la machine et l'utilisateur. Interface graphique Surcouche d'un système d'exploitation apportant le système de fenêtres et de menus inventé par Xerox. Sa vulgarisation pour le grand public a eu lieu grâce aux travaux d'Apple avec la sortie du Lisa puis du Macintosh en 1984. IHM Interaction Homme Machine ou IPSI Tout ce qui permet une communication homme/machine. Définir les IPSI …un problème pour l’Ergonomie cognitive

Qu’est-ce que l’ergonomie cognitive ? ergos travail et nomos lois naturelles. Laville (1976) "l'ensemble des connaissances sur le fonctionnement de l'homme en activité, afin de les appliquer à la conception des tâches, des outils des machines et des systèmes de production". Grandjean (1969) elle étudie "l'adaptation du travail à l'homme". faciliter l'utilisation d'un outil en se fondant sur les connaissances dans les sciences biologiques, psychologiques et physiques L’ergonomie cognitive s’intéresse à…l’adaptation à la cognition humaine, soit: perception, activité symbolique, mémorisation, prise de décision, résolution, motivation

Concrètement... L’Ergonomie Cognitive s’intéresse surtout au design des Interactions Humain Machine Ce qui se passe entre vos deux oreilles design de quelque chose d’artificiel,de complexe. qui soit fonctionnel Inventer le médium et le message L’humain et l’ordinateur ont chacun leurs forces et leurs faiblesses. Concevoir un système qui maximise l’interaction entre les deux (Norman, 86) Créer des systèmes qui complètent l’intelligence humaine.. Confronter les systèmes aux usagers et aux usages réels

Communication Humain Ordinateur Communication - émettre et recevoir l’information de façon efficace selon quatre phases Norman (1986) Le Gouffre L’Usager Le Système Intentions Actions Evaluation Rétroaction

Problématique de l’adaptation des systèmes informatiques Norman 1986: Cycle d'interaction avec un système informatisé: Fossé de l’exécution Établissement d'un but Formation d'une intention Spécification d'une suite d'actions Exécution des actions Fossé de l’évaluation Perception de l'état du système Interprétation de l'état du système Évaluation de l'état du système par rapport au but La largeur des fossés est reliée Les difficultés et les erreurs sont partout

Design = Compromis les menus aident à la formation des intentions mais nuisent à l'exécution plus de rétroaction aident l'évaluation, mais distrait de la formation d'intentions la présence visuelle peut favoriser la perception et la rétention aux différents stades, mais elle alourdit en ajoutant de la complexité ex. Journaux électroniques, La toile du Québec ex. Médias intégrés Radio-Canada ex. multiples index et choix diminue l'attention porté à l'information. Définir l’accès en fonction des usages, mais ceux-ci changent.

Théories ? Modèle du Traitement Humain de l'Information Il faut considérer les contraintes du traitement des informations par les humains Le temps et la difficulté du traitement de l’information est formé de trois composantes t = ts + tc + tm (sensoriel, cognitif et moteur) système sensoriel favoriser la discrimination sensorielle attention aux contrastes - couleur, sons, détail vitesse proportionnelle à l’activité réduire les variations de vitesse ralentir pour diminuer les erreurs permettre d’ajuster, d’interrompre

Modèle du Traitement Humain de l'Information... système moteur ergonomie physique des dispositifs Loi de Fitts T= I log2 2D/L D = distance à parcourir L = largeur de cible I = constante (1 sec) Si le bouton est loin sa taille doit augmenter Placer les zones actives utilisées fréquemment ensemble Plutôt en bas à droite, dans l’ordre de lecture..sauf sur Internet.. Pourquoi ? Attention aux boutons « Annuler » ou « Effacer » Penser aux erreurs possibles de manipulation

Modèle du Traitement Humain de l'Information... système cognitif - Mémoire mémoire à court terme ou mémoire de travail attention sélective, difficulté à se rappeler des choix de menus - raccourcir oublie le parcours fait - d’où on vient? ce qu’on cherche ? mémoire à long terme Organisation en mémoire des concepts, des faits. Partir de ce que l’usager connaît Fournir une structure, un résumé, répéter processeur: temps de reconnaissance et d’exécution Donner le contrôle à l’usager. Simplifier et morceler les étapes Supporter la résolution de problème..essais / erreur. Prévoir les processus, la difficulté, la reconnaissance Et les autres dimensions cognitives : la motivation, l’apprentissage et les attitudes.

Au delà du traitement de l’information... L’activité Mais au delà de faciliter la compréhension de l’Outil.. La compréhension d’une interface et sa facilité dépend des intentions..du contexte et de la structure des activités.. Hoc, 1998 - On n’utilise pas l’ordinateur pour lui-même…mais pour des buts super ordonnés « un concepteur de système ne conçoit pas seulement une machine, mais un système homme-machine qui réalise une tâche définie » Hoc, 1998

Théorie de l’activité: Lorsqu’on spécifie une interface, ou lorsqu’on essaie de la comprendre, on cherche à répondre à trois questions dans l’ordre: Pourquoi ? Intentions, buts Quoi ? Objets, commandes, évènements Comment ? Méthodes suites d’opérations Organisation de l’utilisation des objets et commandes et des évènements. Dans la Toile.. http://www.toile.qc.ca Quels sont les buts..les objets et commandes..les méthodes

Atelier - expérimenter des interfaces C’est une course Un le fait ..l’autre regarde et prend des notes.. Notez les étapes, les difficultés, les réponses Proposez ensuite des changements qui seraient souhaitables pour faciliter l’interaction. Changer la structure d’Interaction Éliminer une étape Changer un bouton Ajouter une fonction, un choix de menu.

Atelier - expérimenter des interfaces C’est une course …Un(e) le fait …Un(e) regarde et note les problèmes.. Vous devez pourvoir répondre à toutes les questions et noter les difficultés. Trouvez dans le site de l’UdeM le calendrier pour connaître la date de la semaine de lecture à l’hiver ? Cherchez à quelle heure et dans quelle salle se donne le cours de Applications Internet à l’Hiver ? Pouvez-vous vous inscrire aussi à l’hiver à au cours de relation publique ? Vous ne vous rappelez plus de votre mot de passe pour votre courriel, que faire ? Vous voulez renouveler vos emprunts à la bibliothèque. Vous devez downloader Endnote de la logithèque (enregistrez sur le disque, ne l’installez-pas) Vous êtes un étudiant étranger en maîtrise. Avez vous droit à des bourses ? Quand et à qui devez-vous envoyer votre demande ? Rapport sur les difficultés.. propositions de changements…