SlideShare une entreprise Scribd logo
IHM et
Différents supports
Différents utilisateurs
Différents environnements
Problématique - Aperçu des solutions industrielles et recherche
Anne-Marie Déry pinna@polytech.unice.fr
 Un peu d’histoire …
◦ Introduction du terme à Interact’99
◦ Définitions du Larousse :
 Qualité de ce qui est plastique, malléable : Plasticité de l'argile.
 Qualité de ce qui est souple, modifiable : Plasticité du caractère de l'enfant.
 Qualité sculpturale d'une œuvre d'art.
 Propriété d'un solide dans le domaine des déformations permanentes.
 Théorie dont l'objet est d'expliquer et de prévoir le comportement du solide dans cet état
de déformation.
◦ Définition donnée par Joelle Coutaz
 Capacité d’une interface à s’adapter à son contexte d’usage dans le respect de son
utilisabilité
◦ Contexte d’usage
 Plateforme
 Environnement
 Utilisateur (2001)
Adresse web : http://atelierihm.unice.fr/enseignements/plasticite-des-
interfaces/
 Semaine 1 : Cours Overview et présentation des sujets (Anne Marie
Dery)
Semaine 2 : Crossplatform et responsive design (Christophe Bonnet)
 Semaine 3 et 4 : Travail personnel avec aide (Christian Brel) + 2h
Présentation de MovingPlayer
 semaine 5 : Rendus et présentations de la partie technologique
 Semaine 6 : IDM et IHM (Anne Marie Dery et Mireille Blay-Fornarino)
 Semaine 7 : travail personnel (Anne Marie Dery)
 Semaine 8 : rendu et soutenances – articles de recherche + devoir sur
table
De quoi est constituée
une IHM ?
A quoi sert une IHM
 Un contenu
 Une structure
 Une présentation
 Des techniques
d’interactions
 …..
 Présenter des
informations
 Récupérer des
informations
 Faire le lien entre un
utilisateur et une
application
Des utilisateurs Des supports
 Des informaticiens
 Des professionnels
 Des enfants
 Des personnes
âgées
…..
 Des stations
 Des téléphones
 Des tablettes
 Des tables
 Des murs
…
Des environnements
 Au travail
 Au domicile
 Dans les
transports
 Dans la rue
…..
Des technologies
(HTML5, CSS, Android, IOS,
Java, C#)
Des frameworks / autres
(Bootstrap, Phonegap, ….)
Outils de tests graphiques
Architectures MVC, PAC…
Démarche centrée
utilisateurs
Démarche Agile …
Avoir une méthodologieUtiliser des outils
Une migration est le passage d'un état existant d'un d’une application vers
une nouvelle cible définie. La migration de données est généralement
réalisée par programmation pour parvenir à un traitement automatisé.
Le portage informatique consiste à porter, mettre en œuvre un logiciel,
une fonctionnalité, dans un autre environnement que celui d'origine qu’il
soit logiciel, soit matériel.
La migration / portage d’une application implique la migration /
portage de son IHM
 On migre soit la totalité soit une sous partie
◦ En IHM on parle de tâches pour les sous parties
 On migre statiquement (à la conception ou dynamiquement à
l’exécution)
Exemples de besoins :
 Changements provoqués directement ou indirectement par
l’utilisateur
◦ changement de matériel (achat, panne, changement en fonction du
lieu)
◦ changement d’environnement (situation de mobilité, bruit, nuit/jour…)
◦ Changement des capacités de l’utilisateur : mains occupées,
acquisition d’expertise…
 Changements stratégiques de l’entreprise
◦ Cibler plusieurs types d’utilisateur
◦ Cibler plusieurs supports
◦ Faciliter la migration et le portage
◦ Rester compétitifs et attractifs
Nouvelles capacités d’interaction : tactile, tangible.
bornes - tables – vitrines – murs interactifs
Différence de taille des écrans – multi touch ou non –
utilisateur experts ou non
Environnement bruyant – sombre …
 Prendre en compte les environnements
 Une forte évolution ces dernières années
 A la maison
 Au travail
 Dans les transports en commun
 Dans la rue
 Dans les bâtiments publics ou privés
 Entre supports tactiles : de la table au mur, du
téléphone au PC ?
◦ Différences de taille d’écran, différence de système,
différences des capacités tactiles (multi touch ou pas)
 Entre un support non tactile et un support
tactile :
◦ quand changer l’interaction ? Pourquoi ?
◦ Impact sur la présentation ?
◦ Impact sur l’enchaînement des tâches
Différences de technique d’interaction, d’usage….
Supports dédiés à une activité
Niveau d’expertise des utilisateurs experts –
Niveau de fiabilité
En mobilité
 Changement de matériel
◦ Ex pour avoir de nouvelles fonctionnalités : changement de
voiture, sortie d’une nouvelle montre de plongée
◦ Ex pour accomplir la tâche adaptée : opérations sur le site
de dépannage ou sur le site professionnel : exemple du
fontainier, du réparateur d’électroménager
◦ Ec pour permettre à de nouveaux utilisateurs d’accéder à la
fonctionnalité – cas de déficients visuels…
Choix de l’utilisateur ou de son environnement professionnel
ou du niveau d’expertise
Reconsidérer le contenu – le layout – la technique
d’interaction
 Supports mobiles
Mêmes usages ?
Mêmes services
 Supports mobiles
Mêmes usages ?
Mêmes services
 Passage en mobilité
◦ En déplacement
◦ Dans les transports en commun
Changement de matériel
Nouvelles technologies
Nouveaux services
Quid de l’usage ? Quid du développeur ?
 Adaptation aux utilisateurs
 Une forte évolution ces dernières années
Informatique pour tous
Lyonnaise des eaux
 Adaptation aux utilisateurs
 Des professionnels aux novices
Essayez votre coiffure, vos
lunettes…
De la domotique aux services
 Au domicile
 Des utilisateurs différents du même service
 Des supports différents selon les pièces et l’activité
 A l’extérieur – dans la rue
 Un environnement interagissant
Les sollicitations commerciales, culturelles, de déplacement
 Des supports privés (mobiles) ou des supports publics (bornes
interactives,….)
 Des contraintes environnementales (bruit, lumière, mains
occupées…)
 Dans l’univers professionnel
 Supports privés et supports professionnels : taches fixées
 D’un lieu à un autre
 Continuité de services
 Pouvoir adapter le contenu
 Pouvoir adapter les techniques d’interactions
 Pouvoir adapter le layout
Quand et Comment ?
 Domaine de plasticité
Env ironneme nt
Pl ate-forme
Ut ilisate ur
Seuil de plasticité
Domaine de plasticité
C2
Contexte non couvert
C1 Contexte couvert par l’IHM
2 cas
A la conception – faciliter la vie du développeur
Réutiliser un maximum pour chaque nouvelle cible
Diminuer le coût de développement
Prendre en compte l’usage (exemple Jeux vidéos -Shiva)
A l’exécution – faciliter la vie de l’utilisateur final
Faire migrer une application d’un support à un autre
Faire migrer des taches d’un support à un autre
Conserver les facilités l’usage et les habitudes tout en
profitant des spécificités des supports
XML
XSL
HTML
VoiceML
WML Au centre une
description
XMLisée
basées sur des Traducteurs
Un langage commun
Une génération de code
Des techniques de compilation
Limites et
Avantages ?
 Problème traité : Migration totale
◦ Exemple
 SI la batterie du PC faiblit ALORS passer sur PDA
SI condition ALORS action
Action  Réaction
Ecrire une machine à états
Limites et Avantages ?
Capture du
contexte
Identification
Des solutions
candidates
Selection d’une
solution
candidate
Détection de
changement de
contexte
Identification du
changement de
contexte
Exécution du
prologue
Execution de la
reaction
Execution de
L’épilogue
Cadre de référence : phase “exécution”
 Identifier le problème = Quel est le besoin en
plasticité
◦ Conception et/ou exécution ?
◦ Quels dispositifs visés ?
◦ Quel(s) environnent(s) ?
◦ Quel(s) utilisateur(s) ?
 Etudier l’existant
◦ Quelles sont les technologies adaptées ?
◦ De quels travaux de recherche peut-on s’inspirer ?
 Proposer une solution
◦ Solution partielle ou complète
◦ Solution ad-hoc ou modèle
 Des solutions partielles industrielles
Pour des types d’application (Site Web)
Pour des types de supports (téléphones mobiles)
 Des projets – en recherche
De la réutilisation pour la composition d’applications
existantes
De la migration dirigée par l’utilisateur
Points communs : niveau de description des interfaces
plus ou moins abstraits : Langages à balises et IHM

Contenu connexe

Tendances

Plasticitérecherche2017
Plasticitérecherche2017Plasticitérecherche2017
Plasticitérecherche2017
Anne-Marie Pinna-Dery
 
Idm et ihm
Idm et ihmIdm et ihm
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
Atelier IHM Polytech Nice Sophia
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
Marius Butuc
 
Ergonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursErgonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateurs
Anne-Marie Pinna-Dery
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Atelier IHM Polytech Nice Sophia
 
Plasticité2014 part4vf
Plasticité2014 part4vfPlasticité2014 part4vf
Plasticité2014 part4vf
Atelier IHM Polytech Nice Sophia
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
Anne-Marie Pinna-Dery
 
Intro ihm
Intro ihmIntro ihm
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
Atelier IHM Polytech Nice Sophia
 
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
Use Age
 
Présentation ceihma tous
Présentation ceihma tousPrésentation ceihma tous
Présentation ceihma tous
Atelier IHM Polytech Nice Sophia
 
Cours 2 conception d'une ihm
Cours 2   conception d'une ihm Cours 2   conception d'une ihm
Cours 2 conception d'une ihm
ludolmn
 
Ihm introduction
Ihm introductionIhm introduction
Ihm introduction
sloumaallagui1
 
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Anthony Gelibert
 
Composition d'applications multi-modèles dirigée par la composition des inter...
Composition d'applications multi-modèles dirigée par la composition des inter...Composition d'applications multi-modèles dirigée par la composition des inter...
Composition d'applications multi-modèles dirigée par la composition des inter...Atelier IHM Polytech Nice Sophia
 
Cours 3 : pratique de l’ergonomie et mobilité
Cours 3 :  pratique de l’ergonomie et mobilitéCours 3 :  pratique de l’ergonomie et mobilité
Cours 3 : pratique de l’ergonomie et mobilité
ludolmn
 

Tendances (20)

Plasticitérecherche2017
Plasticitérecherche2017Plasticitérecherche2017
Plasticitérecherche2017
 
Idm et ihm
Idm et ihmIdm et ihm
Idm et ihm
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
Inroduction à la plasticité des interfaces
Inroduction à la plasticité des interfacesInroduction à la plasticité des interfaces
Inroduction à la plasticité des interfaces
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
 
Ergonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursErgonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateurs
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
 
Plasticité2014 part4vf
Plasticité2014 part4vfPlasticité2014 part4vf
Plasticité2014 part4vf
 
Introduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHMIntroduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHM
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Intro ihm
Intro ihmIntro ihm
Intro ihm
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
 
Présentation ceihma tous
Présentation ceihma tousPrésentation ceihma tous
Présentation ceihma tous
 
Cours 2 conception d'une ihm
Cours 2   conception d'une ihm Cours 2   conception d'une ihm
Cours 2 conception d'une ihm
 
Ihm introduction
Ihm introductionIhm introduction
Ihm introduction
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
 
Composition d'applications multi-modèles dirigée par la composition des inter...
Composition d'applications multi-modèles dirigée par la composition des inter...Composition d'applications multi-modèles dirigée par la composition des inter...
Composition d'applications multi-modèles dirigée par la composition des inter...
 
Cours 3 : pratique de l’ergonomie et mobilité
Cours 3 :  pratique de l’ergonomie et mobilitéCours 3 :  pratique de l’ergonomie et mobilité
Cours 3 : pratique de l’ergonomie et mobilité
 

Similaire à Plasticité2015 intro

Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
Anne-Marie Pinna-Dery
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategyCours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategy
ENSET, Université Hassan II Casablanca
 
DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
 DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
cluelessjoe
 
7-Cours de Géniel Logiciel
7-Cours de Géniel Logiciel7-Cours de Géniel Logiciel
7-Cours de Géniel Logiciel
lauraty3204
 
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
DotRiver
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
Loic Nunez
 
Rapport de projet symphony
Rapport de projet symphonyRapport de projet symphony
Rapport de projet symphony
TonySARR1
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
amine17157
 
Présentation Eranea à Open Source Now 2012
Présentation Eranea à Open Source Now 2012Présentation Eranea à Open Source Now 2012
Présentation Eranea à Open Source Now 2012
Didier Durand
 
Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
Laurent Neyssensas
 
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
Mohammed TAMALI
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
Olivier Lorrain
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
MBA Multimedia
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
Julien LE THUAUT
 
Dans les coulisses de la recherche utilisateurs à Microsoft Surface
Dans les coulisses de la recherche utilisateurs à Microsoft SurfaceDans les coulisses de la recherche utilisateurs à Microsoft Surface
Dans les coulisses de la recherche utilisateurs à Microsoft Surface
Yann Riche
 
Présentation projet de fin d'étude
Présentation projet de fin d'étudePrésentation projet de fin d'étude
Présentation projet de fin d'étude
Donia Hammami
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
ekino
 

Similaire à Plasticité2015 intro (20)

Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategyCours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategy
 
DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
 DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
DDD, CQRS et Event Sourcing : quand coder propre n'est plus suffisant
 
7-Cours de Géniel Logiciel
7-Cours de Géniel Logiciel7-Cours de Géniel Logiciel
7-Cours de Géniel Logiciel
 
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
Virtualisation du Poste de Travail - Desktop as a Service - 16h - Atelier VDI...
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
Rapport de projet symphony
Rapport de projet symphonyRapport de projet symphony
Rapport de projet symphony
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
 
#3 etapes projet
#3 etapes projet#3 etapes projet
#3 etapes projet
 
Présentation Eranea à Open Source Now 2012
Présentation Eranea à Open Source Now 2012Présentation Eranea à Open Source Now 2012
Présentation Eranea à Open Source Now 2012
 
Les enjeux du Poste de Travail
Les enjeux du Poste de TravailLes enjeux du Poste de Travail
Les enjeux du Poste de Travail
 
Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
 
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
Chap10 : Outils de Simulation Cas des CAD 3D Concepts de base & fondements.
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
 
Dans les coulisses de la recherche utilisateurs à Microsoft Surface
Dans les coulisses de la recherche utilisateurs à Microsoft SurfaceDans les coulisses de la recherche utilisateurs à Microsoft Surface
Dans les coulisses de la recherche utilisateurs à Microsoft Surface
 
Présentation projet de fin d'étude
Présentation projet de fin d'étudePrésentation projet de fin d'étude
Présentation projet de fin d'étude
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 

Dernier

Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
mrelmejri
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Oscar Smith
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
WarlockeTamagafk
 
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupeCours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Yuma91
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
SYLLABUS DU COURS  MARKETING DTS 1-2.pdfSYLLABUS DU COURS  MARKETING DTS 1-2.pdf
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
Moukagni Evrard
 
Système de gestion des fichiers de amine
Système de gestion des fichiers de amineSystème de gestion des fichiers de amine
Système de gestion des fichiers de amine
sewawillis
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Mémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et auditMémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et audit
MelDjobo
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
Txaruka
 

Dernier (12)

Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
 
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupeCours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
SYLLABUS DU COURS  MARKETING DTS 1-2.pdfSYLLABUS DU COURS  MARKETING DTS 1-2.pdf
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
 
Système de gestion des fichiers de amine
Système de gestion des fichiers de amineSystème de gestion des fichiers de amine
Système de gestion des fichiers de amine
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Mémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et auditMémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et audit
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
 

Plasticité2015 intro

  • 1. IHM et Différents supports Différents utilisateurs Différents environnements Problématique - Aperçu des solutions industrielles et recherche Anne-Marie Déry pinna@polytech.unice.fr
  • 2.  Un peu d’histoire … ◦ Introduction du terme à Interact’99 ◦ Définitions du Larousse :  Qualité de ce qui est plastique, malléable : Plasticité de l'argile.  Qualité de ce qui est souple, modifiable : Plasticité du caractère de l'enfant.  Qualité sculpturale d'une œuvre d'art.  Propriété d'un solide dans le domaine des déformations permanentes.  Théorie dont l'objet est d'expliquer et de prévoir le comportement du solide dans cet état de déformation. ◦ Définition donnée par Joelle Coutaz  Capacité d’une interface à s’adapter à son contexte d’usage dans le respect de son utilisabilité ◦ Contexte d’usage  Plateforme  Environnement  Utilisateur (2001)
  • 3. Adresse web : http://atelierihm.unice.fr/enseignements/plasticite-des- interfaces/  Semaine 1 : Cours Overview et présentation des sujets (Anne Marie Dery) Semaine 2 : Crossplatform et responsive design (Christophe Bonnet)  Semaine 3 et 4 : Travail personnel avec aide (Christian Brel) + 2h Présentation de MovingPlayer  semaine 5 : Rendus et présentations de la partie technologique  Semaine 6 : IDM et IHM (Anne Marie Dery et Mireille Blay-Fornarino)  Semaine 7 : travail personnel (Anne Marie Dery)  Semaine 8 : rendu et soutenances – articles de recherche + devoir sur table
  • 4.
  • 5. De quoi est constituée une IHM ? A quoi sert une IHM  Un contenu  Une structure  Une présentation  Des techniques d’interactions  …..  Présenter des informations  Récupérer des informations  Faire le lien entre un utilisateur et une application
  • 6. Des utilisateurs Des supports  Des informaticiens  Des professionnels  Des enfants  Des personnes âgées …..  Des stations  Des téléphones  Des tablettes  Des tables  Des murs … Des environnements  Au travail  Au domicile  Dans les transports  Dans la rue …..
  • 7. Des technologies (HTML5, CSS, Android, IOS, Java, C#) Des frameworks / autres (Bootstrap, Phonegap, ….) Outils de tests graphiques Architectures MVC, PAC… Démarche centrée utilisateurs Démarche Agile … Avoir une méthodologieUtiliser des outils
  • 8. Une migration est le passage d'un état existant d'un d’une application vers une nouvelle cible définie. La migration de données est généralement réalisée par programmation pour parvenir à un traitement automatisé. Le portage informatique consiste à porter, mettre en œuvre un logiciel, une fonctionnalité, dans un autre environnement que celui d'origine qu’il soit logiciel, soit matériel. La migration / portage d’une application implique la migration / portage de son IHM  On migre soit la totalité soit une sous partie ◦ En IHM on parle de tâches pour les sous parties  On migre statiquement (à la conception ou dynamiquement à l’exécution)
  • 9.
  • 10. Exemples de besoins :  Changements provoqués directement ou indirectement par l’utilisateur ◦ changement de matériel (achat, panne, changement en fonction du lieu) ◦ changement d’environnement (situation de mobilité, bruit, nuit/jour…) ◦ Changement des capacités de l’utilisateur : mains occupées, acquisition d’expertise…  Changements stratégiques de l’entreprise ◦ Cibler plusieurs types d’utilisateur ◦ Cibler plusieurs supports ◦ Faciliter la migration et le portage ◦ Rester compétitifs et attractifs
  • 11. Nouvelles capacités d’interaction : tactile, tangible. bornes - tables – vitrines – murs interactifs Différence de taille des écrans – multi touch ou non – utilisateur experts ou non Environnement bruyant – sombre …
  • 12.  Prendre en compte les environnements  Une forte évolution ces dernières années  A la maison  Au travail  Dans les transports en commun  Dans la rue  Dans les bâtiments publics ou privés
  • 13.  Entre supports tactiles : de la table au mur, du téléphone au PC ? ◦ Différences de taille d’écran, différence de système, différences des capacités tactiles (multi touch ou pas)  Entre un support non tactile et un support tactile : ◦ quand changer l’interaction ? Pourquoi ? ◦ Impact sur la présentation ? ◦ Impact sur l’enchaînement des tâches Différences de technique d’interaction, d’usage….
  • 14. Supports dédiés à une activité Niveau d’expertise des utilisateurs experts – Niveau de fiabilité En mobilité
  • 15.
  • 16.  Changement de matériel ◦ Ex pour avoir de nouvelles fonctionnalités : changement de voiture, sortie d’une nouvelle montre de plongée ◦ Ex pour accomplir la tâche adaptée : opérations sur le site de dépannage ou sur le site professionnel : exemple du fontainier, du réparateur d’électroménager ◦ Ec pour permettre à de nouveaux utilisateurs d’accéder à la fonctionnalité – cas de déficients visuels… Choix de l’utilisateur ou de son environnement professionnel ou du niveau d’expertise Reconsidérer le contenu – le layout – la technique d’interaction
  • 17.  Supports mobiles Mêmes usages ? Mêmes services
  • 18.  Supports mobiles Mêmes usages ? Mêmes services
  • 19.  Passage en mobilité ◦ En déplacement ◦ Dans les transports en commun Changement de matériel Nouvelles technologies Nouveaux services Quid de l’usage ? Quid du développeur ?
  • 20.  Adaptation aux utilisateurs  Une forte évolution ces dernières années Informatique pour tous Lyonnaise des eaux
  • 21.  Adaptation aux utilisateurs  Des professionnels aux novices Essayez votre coiffure, vos lunettes…
  • 22. De la domotique aux services
  • 23.  Au domicile  Des utilisateurs différents du même service  Des supports différents selon les pièces et l’activité  A l’extérieur – dans la rue  Un environnement interagissant Les sollicitations commerciales, culturelles, de déplacement  Des supports privés (mobiles) ou des supports publics (bornes interactives,….)  Des contraintes environnementales (bruit, lumière, mains occupées…)  Dans l’univers professionnel  Supports privés et supports professionnels : taches fixées  D’un lieu à un autre  Continuité de services
  • 24.  Pouvoir adapter le contenu  Pouvoir adapter les techniques d’interactions  Pouvoir adapter le layout Quand et Comment ?
  • 25.  Domaine de plasticité Env ironneme nt Pl ate-forme Ut ilisate ur Seuil de plasticité Domaine de plasticité C2 Contexte non couvert C1 Contexte couvert par l’IHM
  • 26. 2 cas A la conception – faciliter la vie du développeur Réutiliser un maximum pour chaque nouvelle cible Diminuer le coût de développement Prendre en compte l’usage (exemple Jeux vidéos -Shiva) A l’exécution – faciliter la vie de l’utilisateur final Faire migrer une application d’un support à un autre Faire migrer des taches d’un support à un autre Conserver les facilités l’usage et les habitudes tout en profitant des spécificités des supports
  • 27. XML XSL HTML VoiceML WML Au centre une description XMLisée basées sur des Traducteurs Un langage commun Une génération de code Des techniques de compilation Limites et Avantages ?
  • 28.  Problème traité : Migration totale ◦ Exemple  SI la batterie du PC faiblit ALORS passer sur PDA SI condition ALORS action Action  Réaction Ecrire une machine à états Limites et Avantages ?
  • 29. Capture du contexte Identification Des solutions candidates Selection d’une solution candidate Détection de changement de contexte Identification du changement de contexte Exécution du prologue Execution de la reaction Execution de L’épilogue Cadre de référence : phase “exécution”
  • 30.  Identifier le problème = Quel est le besoin en plasticité ◦ Conception et/ou exécution ? ◦ Quels dispositifs visés ? ◦ Quel(s) environnent(s) ? ◦ Quel(s) utilisateur(s) ?  Etudier l’existant ◦ Quelles sont les technologies adaptées ? ◦ De quels travaux de recherche peut-on s’inspirer ?  Proposer une solution ◦ Solution partielle ou complète ◦ Solution ad-hoc ou modèle
  • 31.  Des solutions partielles industrielles Pour des types d’application (Site Web) Pour des types de supports (téléphones mobiles)  Des projets – en recherche De la réutilisation pour la composition d’applications existantes De la migration dirigée par l’utilisateur Points communs : niveau de description des interfaces plus ou moins abstraits : Langages à balises et IHM