Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Interaction Homme - Machine Chapitre1 Notions d’interaction Centre Universitair

Interaction Homme - Machine Chapitre1 Notions d’interaction Centre Universitaire Abdelhafid Boussouf - Mila 3éme INF 2020 - 2021 Objectifs du cours • Apprendre les concepts de base d’une IHM ergonomique • En évitant les erreurs les plus courantes • Acquérir une vision élargie des IHM ergonomiques • Apprendre à concevoir une IHM ergonomique • Se familiariser avec les différentes approches de conception d’interface • Apprendre à évaluer une IHM ergonomique IHM ? IHM ? Interface / Interaction L'interface Homme – Mahine dispositifs matériels et logiciels qui permettent à un utilisateur de commander, contrôler, superviser un système interactif Interaction Homme – Machine •Relation entre l’homme et la machine par l’interface •Ensemble des aspects d’interaction avec un système: pousser un bouton, bouger la souris, deplacer les doigts... Pourquoi interaction et pas interface ? • Les boutons, les menus, les couleurs ou les animations ne suffisent pas à rendre un système utilisable • Comment se mesure l’utilisabilité ? – temps nécessaire pour apprendre – rapidité d’utilisation (benchmarks) – taux d’erreurs – facilité à se souvenir – satisfaction subjective – etc. Pourquoi interaction et pas interface ? • Ce n’est pas seulement l’interface qui compte, mais l’interaction : – la séquence d’actions nécessaires pour accomplir une tâche – l’adéquation entre le système et le contexte dans lequel il est utilisé • Les deux sont indissociables dans les programmes d’aujourd’hui Historique des interfaces Historique des interfaces Phase 1 (Interface de matériel) • 1950s • Ingénieures / programmeurs • Électrotechnique Historique des interfaces Phase 2 (Interface logiciel) • 1960s-1970s • Programmeurs • Cartes perforées, traitement par lot • Utilisateurs • Informatique Historique des interfaces Phase 3 (terminal d’utilisateur) • 1970s-1990s • Temps et ressources partagés • L'illusion d'une machine personnelle • L'utilisateur peut se permettre de réfléchir pendent l’utilisation • Les facteurs humains, la psychologie, la conception graphique • Focus sur le comportement des utilisateurs et la productivité • Collogiciel : messages / systèmes de fichiers partagés Historique des interfaces Phase 4 (Interface de dialogue) • 1980s- • Ordinateurs personnels • Plus en psychologie, conception graphique Historique des interfaces Phase 5 (Interface dans le travail) • 1990s- • Réseaux • Groupes et communautés d’utilisateurs • Sociologie, anthropologie, études organisationnelles Historique des interfaces Phase 6 (?) • 2000s- • Informatique mobile, Utilisateurs mobiles, communautés ad-hoc • Informatique omniprésente (Ubicomp) • Informatique à la maison • Informatique sociale • Arts, design, jeux et divertissement Evolution de l'interface graphique • Interfaces à lignes de commande donnent accès à une commande (une fonction) du système • Menus et écrans de saisie donnent accès à une application (un sous-ensemble des fonctions du système) • Multi-fenêtrage, interfaces iconiques et manipulation directe donnent accès à l'ensemble des fonctions du système, et au- delà, à celles du réseau Evolution de l'interactivité • Le degré d'interactivité d'un système peut se mesurer au nombre et à la nature de ses échanges avec les utilisateurs • Deux éléments importants ont contribué à l'augmentation du degré d'interactivité : – la possibilité d'exécution en parallèle de plusieurs tâches – l'avènement des interfaces graphiques • Le nombre des échanges a beaucoup augmenté, mais leur nature n'a pas vraiment évolué Evolution des interfaces sion 14  ACAI : Affichage Conforme A l'Impres n  Systèmes plus conviviaux, faciles à comprendre et à utiliser  Interfaces graphiques  manipulation directe  action directe pour les objets représentés à l’écra  WYSIWYG  What You See Is What You Get Dispositifs de sortie  Écrans  Son  synthèse vocale  Imprimantes 3D  Son 3D spatialisé  devant : futur  derrière : passé  son 3D holophonique  Retour de force, retour haptique  son 3D binaural Sortie : visualisation informations 2D  représentation des fichiers Sortie : visualisation d’informations 2,5D représentation temporelle  Entre 2D et 3D  plus riche que le 2D  moins gourmand en puissance de calcul que le 3D Sortie : visualisation d’informations 3D Dispositifs d’entrée  Claviers  azerty/qwerty…  « ergonomiques » : Dvorak, bépo…  Dispositifs de pointage  souris, trackball, joystick, pavé tactile  entrée tactile  Son  reconnaissance vocale  reconnaissance de son/musique 18 Dispositifs d’entrée visuelle 2D  Codes barres 2D : texte, web,  Crayons optiques mail, wifi, carte de visite…  Reconnaissance de tracé, d’écriture manuscrite  Écran tactiles Dispositifs d’entrée visuelle 3D  Capteurs de position, de direction, de vitesse Autres dispositifs d’entrée : capteurs  Température, hygrométrie, composition de l’air, lumière…  Orientation, proximité, mouvement, altitude, direction, accélération, rotation, champ magnétique…  Pression, fréquence cardiaque, lecteur d'empreintes niveau sonore, baromètre, odeurs… digitales, Multimodalité  Combinaison de moyens  interaction à deux mains d’entrée  « mets-ça ici » : voix + geste Mets-ça… …ici Réalité virtuelle  Simulation informatique d’un environnement dans lequel l’utilisateur a l'impression d'évoluer  immersion dans un monde 3D  utilisateur représenté par un avatar Réalité augmentée, réalité mixte  Réalité augmentée  superposition d’une image (virtuelle) sur le réel (ou son image)  le virtuel est projeté sur le réel, en temps réel  sur écran  sur le réel …ou presque  Réalité mixte  avec dispositif de sortie & dispositif d’entrée Interfaces tangibles  Association d’objets réels et numériques  action directement sur les objets  interaction plus simple et intuitive Informatique vestimentaire, « wearable »  Informatique embarquée  dans les vêtements  dans les accessoires Collecticiel  Système interactif collaboratif  ensemble sur un même lieu  tableau blanc interactif  table multitouch  à distance  éditeurs partagés  intégrant des moyens de communication Réalité augmentée collaborative Définitions d’une IHM • IHM: Discipline qui s’intéresse à la conception, le développement, l’évaluation de systèmes interactifs homme-machine et les phénomènes autour d’eux. “Human Computer Interaction is a discipline concerned with the design, evaluation and implementation of interacting computing systems for human use and with the study of major phenomena surrounding them.” ACM SIGCHI Les interactions Homme -Machine Quelques définitions • Un système interactif est un système dont le fonctionnement dépend d'informations fournies par un environnement externe qu'il ne contrôle pas [Wegner, 1997] • Les systèmes interactifs sont également appelés ouverts, par opposition aux systèmes fermés – ou autonomes – dont le fonctionnement peut être entièrement décrit par des algorithmes système (interactif) homme-machine • système interactif dont l’environnement est un ou plusieurs êtres humains Importance des IHM • Constat : – L’informatique envahit la vie: • au quotidien : PC, distributeur de billet, borne de réservation (aviontrain), téléphone portable, etc. – au travail : réseau, bureautique professionnelle • systèmes embarqués (airbus), etc. – Or, tout le monde n’a pas les mêmes capacités • Question : – que doit-on attendre d’une bonne interface ? Importance des IHM • Les sous questions qui en découle : – interface invisible, facilité d’utilisation ? – apprentissage ? – universelle ? – évolutive (ajout de fonctionnalités), etc. • Aspects socio-économiques (rejet, argument de vente) contre les aspects techniques (réalisation et utilisabilité) Importance des IHM IHM = carrefour des compétences • En informatique : ingénierie (génie logiciel), système, développement • Psychologie cognitive • Ergonomie • Sociologie • L’approche est compliquée par l’intégration et la généralisation de nouvelles techniques d’interaction Importance des IHM Problématique actuelle Les enjeux de la mutation Les enjeux de la mutation Les enjeux des IHM • Population croissante d'utilisateurs de systèmes informatiques • Puissance grandissante des ordinateurs • Nouveaux dispositifs d'interaction • Explosion du multimédia : son, image, vidéo etc. • Développement des réseaux informatiques CONVERGENCE NUMERIQUE Enjeux pour l’avenir • L’interaction homme-machine est un domaine fondamentalement inter-disciplinaire qui touche à plusieurs enjeux sociétaux majeurs. La conception de systèmes interactifs n’est pas seulement un problème technique, c’est d’abord un problème humain qui doit associer la créativité du designer, l’analyse du psychologue et du sociologue et les outils de l’informaticien. • l’interaction homme-machine est confrontée au paradoxe de l’invisibilité : une interface réussie apparaît “évidente” pour ses utilisateurs; le travail de conception ne se voit que lorsqu’il est mal fait. Pour les concepteurs d’interface, la mesure du succès est élusive. Concevoir l’interaction, c’est créer l’invisible. IHM et programmation • La plupart des applications informatiques sont interactives • L’IHM est souvent un élément clé du logiciel (en + ou -) • La conception de l'interaction représente plus de 50% du coût de développement • L’IHM peut représenter 80% du code d’une application  elle peut être modifiée/reconstruite de multiples fois importance de l’indépendance interface / coeur du système IHM et programmation • Nécessite une approche précoce, méthodique, itérative, expérimentale • Ce n'est pas simplement une opération esthétique de l'écran  une affaire de goût, de bon sens, d’intuition • Méthode ? pas toujours de solution prête à l'emploi des points de repères théoriques, expérimentaux, des savoirfaire Quel enjeu pour vous ? (long terme) • Savoir concevoir une IHM • Savoir réaliser une IHM • Savoir évaluer une IHM Faire appel à des spécialistes ou créer une équipe pluridisciplinaire IHM : un domaine pluridisciplinaire Pour quels objectifs ? Permettre à l’utilisateur d ’accomplir ses tâches : • De façon efficace • Avec une bonne uploads/Finance/ chap-1-notions-dinteraction 4 .pdf