SlideShare a Scribd company logo
1 of 16
1
Cours 1:
Introduction à
l’ergonomie logicielle
Ludovic Maindron
Ingénieur UTC en génie logiciel
DESS ergonomie Paris V
15 ans d’expérience en conception d’Interfaces Homme
Machine
11/01/2012LudovicMaindronIHMConsulting
22
Présentation des enjeux
11/01/2012LudovicMaindronIHMConsulting
•Le travail sur écran prend une place grandissante dans nos vies
personnelles et professionnelles
•En milieu professionnel, certaines applications sont utilisées de
façon très intensives et dans des conditions de travail tout à fait
particulières
•La réalisation d’une IHM est une tâche complexe qui nécessite
des compétences pointues et une ouverture vers les utilisateurs
finaux
•L’utilisateur ne voit l’application qu’au travers de l’IHM, il se
moque de l’architecture sous-jacente
33
Qu’est ce qu’une IHM ?
11/01/2012LudovicMaindronIHMConsulting
Ensemble de dispositifs techniques permettant à l’être humain
de contrôler et de communiquer avec une machine
•Flux sortant : visualiser l’état du système
Les classiques : des écrans 2D de différentes tailles, le son
Les technologies récentes : tablettes, écrans HD
Le futur : réalité augmentée, réalité virtuelle
•Flux entrant : interagir avec le système et saisir des données
Les classiques : clavier, souris, lecteur de code barre
Les technologies récentes : interface tactile, reconnaissance
vocale, QR code
Le futur : tables interactives, reconnaissance du mouvement
44
L’ergonomie logicielle ?
11/01/2012LudovicMaindronIHMConsulting
Qu’est-ce qu’une application ergonomique ?
•Littéralement : étymologie grecque
Ergon : le travail
Nomos : la loi
L’ergonomie logicielle est une science et une méthodologie, qui
s’attache à comprendre l’activité d’un humain interagissant avec une
application informatique
Qui convient à tous
Visuellement attractive
Facile à utiliser
Qui fait vendre
Confortable
55
A quoi ca sert ?
LudovicMaindronIHMConsulting
•Prise en compte du facteur humain
Comprendre l’activité humaine en situation
de travail
Adapter les IHMs en fonction des
caractéristiques de l’être humain
•Rôle de l’ergonome
Le moyen : analyser la situation de travail
La fin : fournir des préconisations
techniques réalistes
•Philosophie
Ergonomie : adapter le logiciel à
l’organisation du travail
Progiciel : on compte sur la capacité
d’adaptation des utilisateurs
66
L’être humain
LudovicMaindronIHMConsulting
•L’humain ne fait jamais exactement ce qu’on lui demande de faire
Travail réel <> travail prescrit => Situation de travail dégradée
Créatif et joueur
•Contraintes cognitives
Mémoire et capacité de calcul limitée
Mythe du multitâche : en réalité 2 tâches maximum
Mais une capacité d’adaptation presque illimitée !
•Performances fluctuantes
Baisse de vigilance : tâches de conduite et de surveillance
L’attention : focalisée sur un élément, limitée dans le temps
•Limites et variabilité physiologiques
Morphologie : main (TMS), yeux (fatigue oculaire), oreilles
(environnement bruyant)
Handicaps : daltoniens (4%), déficients visuels (3%) et moteurs
(1,5%)…
77
L’erreur humaine
LudovicMaindronIHMConsulting
•L’humain fait des erreurs, c’est dans sa nature
Impossible de produire un logiciel sans bugs
Apprentissage par essai/erreur
•Quelques bugs du cerveau
Biais de confirmation : tendance à confirmer une hypothèse
Ancrage mental : influence laissée par la première impression
Distorsion temporelle : temps perçu <> temps réel
Perception visuelle
88
Problématique des IHMs
LudovicMaindronIHMConsulting
Ergonomie
Prise en compte du facteur humain
Technologie
Contraintes techniques
Graphisme
Dimension artistique
Facileàutiliser
etadaptéàlatâche
Agréableàregarder
Facile à implémenter et à maintenir
Expérience utilisateur (UX) = Graphisme + Ergonomie
IHM
99
L’équation à résoudre
• U : Connaitre ses utilisateurs (Qui ?)
Population visée : âge, niveau d’expérience…
Capacités cognitives : erreur humaine, mémoire court et long
terme
LudovicMaindronIHMConsulting
IHM=f(Situation, Activité, Matériel, Utilisateur)
• A : Connaitre leur activité (Quoi ?)
Tache réelle et non tâche prescrite
Situations dégradées, fréquence d’usage
• S : Connaitre les situations d’usages (Comment ?)
Postures : assis, débout, sur un fenwick…
Environnement de travail : poussières, poste tournant
• M : Connaitre le matériel
Hardware : taille de l’écran, type d’interaction
Software : système d’exploitation, autres logiciels installés
1010
Notion d’utilité et d’utilisabilité
• Utilisabilité : facile à apprendre et à utiliser
Facilité de mise en œuvre, convivialité
Apprentissage minimal
Notion très subjective
Evaluation par tests utilisateurs
11/01/2012LudovicMaindronIHMConsulting
• Utilité : adapté à ma tâche et à mes besoins
Intérêt de la fonctionnalité du point de vue de l’utilisateur
Notion de fréquence d’usage
Prévisionnelle (Ex : nombre de création de client par mois)
Observée (Ex : nombre de clic par élément de menu)
Notion de profil utilisateur
L’utilité est faible lorsque la fréquence d’usage est basse
L’utilité est faible si peu d’utilisateurs sont concernés
1111
Notion d’utilité et d’utilisabilité
LudovicMaindronIHMConsulting
1212
laid
Trop de
saisie
Les risques d’une mauvaise UX
11/01/2012LudovicMaindronIHMConsulting
Manque
de
réactivité
• Perte de productivité
• Sous utilisation de
certaines fonctions
• Augmentation du risque
d’erreur
• Fonctions fantômes !
• Abandon de tâche
• Rejet pur et simple
Complexe
Désagréable
Pas
adapté
Inutilisable
1313
Ce qu’il ne faut pas faire
1414
Les avantages d’une bonne UX
• Meilleure acceptation
Risque de rejet réduit
Augmentation des ventes
• Meilleure utilisation
Augmentation de la productivité
Risque d’erreur réduit
• Formation réduite
Besoin de formation réduit
Plus d’utilisateurs potentiels
Documentation minimal
• Coûts de développement et de maintenance réduits
Peu d’écrans
Fonctionnalités utiles seulement
11/01/2012LudovicMaindronIHMConsulting
1515
Mon retour d’expérience
11/01/2012LudovicMaindronIHMConsulting
•Aspects ergonomiques encore trop souvent ignorés
Logique du progiciel : c’est l’utilisateur qui sert de variable
d’ajustement et qui doit s’adapter au logiciel
Risques ergonomiques non identifiés
A priori tenaces : « l’ergonomie c’est du bon sens »
Confusion fréquente entre l’ergonomie et le design
•Problème de formation
Peu de techniciens pointus en couche de présentation
Méconnaissance des guidelines ergonomiques
Les IHMs sont conçues par des personnes peu formées pour
1616
Vos Questions ?
11/01/2012LudovicMaindronIHMConsulting
Ludovic Maindron
Consultant ergonome
l.maindron.ihmconsulting@gmail.com
06 28 07 22 35
@ludolmn
Références
•Livre : Brain Bugs: How the Brain's Flaws Shape Our Lives, Dean Buonomano
•Critères de Bastien et Scapin : http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf

More Related Content

What's hot

Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile Raoua Bennasr
 
Rapport de projet de fin d"études
Rapport de projet de fin d"étudesRapport de projet de fin d"études
Rapport de projet de fin d"étudesMohamed Boubaya
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Mohammed JAITI
 
Rapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidRapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidBadrElattaoui
 
Rapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammamiRapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammamiDonia Hammami
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEOussama Djerba
 
RapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITRapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITLina Meddeb
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Symphorien Niyonzima
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFEKarim Labidi
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Sofien Benrhouma
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatiqueHicham Ben
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineMohamed Amine Mahmoudi
 
Rapport de projet de conception et de développement
Rapport de projet de conception et de développementRapport de projet de conception et de développement
Rapport de projet de conception et de développementDonia Hammami
 
1601896849 rapport fluttercopie
1601896849 rapport fluttercopie1601896849 rapport fluttercopie
1601896849 rapport fluttercopieRamiJOUDI2
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileNader Somrani
 
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineRapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineMohamed Amine Mahmoudi
 
conception de gestion d'une station de service
conception de gestion d'une station de service conception de gestion d'une station de service
conception de gestion d'une station de service Nesrine Hached
 
E-commerce Use case NFE102
E-commerce Use case NFE102E-commerce Use case NFE102
E-commerce Use case NFE102MRamo2s
 

What's hot (20)

Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
 
Rapport de projet de fin d"études
Rapport de projet de fin d"étudesRapport de projet de fin d"études
Rapport de projet de fin d"études
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
 
Rapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidRapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application Android
 
Rapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammamiRapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammami
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEE
 
RapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITRapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRIT
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFE
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
 
Rapport de projet de conception et de développement
Rapport de projet de conception et de développementRapport de projet de conception et de développement
Rapport de projet de conception et de développement
 
1601896849 rapport fluttercopie
1601896849 rapport fluttercopie1601896849 rapport fluttercopie
1601896849 rapport fluttercopie
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobile
 
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineRapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
 
conception de gestion d'une station de service
conception de gestion d'une station de service conception de gestion d'une station de service
conception de gestion d'une station de service
 
E-commerce Use case NFE102
E-commerce Use case NFE102E-commerce Use case NFE102
E-commerce Use case NFE102
 

Viewers also liked

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
 
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
 
Vous avez dit IHM ?
Vous avez dit IHM ?Vous avez dit IHM ?
Vous avez dit IHM ?ludolmn
 
GT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDGT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDFlupa
 
Composants Android
Composants AndroidComposants Android
Composants AndroidLilia Sfaxi
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteMarius Butuc
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHMAnne-Marie Pinna-Dery
 
Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du WebGenève Lab
 
In01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMIIn01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMIYann Caron
 
P2 éléments graphiques android
P2 éléments graphiques androidP2 éléments graphiques android
P2 éléments graphiques androidLilia Sfaxi
 
P3 listes et elements graphiques avancés
P3 listes et elements graphiques avancésP3 listes et elements graphiques avancés
P3 listes et elements graphiques avancésLilia Sfaxi
 
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 2014Atelier IHM Polytech Nice Sophia
 
Ergonomie en entreprise
Ergonomie en entrepriseErgonomie en entreprise
Ergonomie en entrepriseHR SCOPE
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications webmadsgraphics
 

Viewers also liked (20)

Cours 2 conception d'une ihm
Cours 2   conception d'une ihm Cours 2   conception d'une ihm
Cours 2 conception d'une ihm
 
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é
 
Vous avez dit IHM ?
Vous avez dit IHM ?Vous avez dit IHM ?
Vous avez dit IHM ?
 
GT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDGT Agile-UX - présentation UCD
GT Agile-UX - présentation UCD
 
Composants Android
Composants AndroidComposants Android
Composants Android
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHM
 
Plasticitérecherche2015 2
Plasticitérecherche2015 2Plasticitérecherche2015 2
Plasticitérecherche2015 2
 
Intro conception2015vf bis
Intro conception2015vf bisIntro conception2015vf bis
Intro conception2015vf bis
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
 
Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du Web
 
Ergonomie
Ergonomie Ergonomie
Ergonomie
 
In01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMIIn01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMI
 
Chp3 - IHM
Chp3 - IHMChp3 - IHM
Chp3 - IHM
 
P2 éléments graphiques android
P2 éléments graphiques androidP2 éléments graphiques android
P2 éléments graphiques android
 
P3 listes et elements graphiques avancés
P3 listes et elements graphiques avancésP3 listes et elements graphiques avancés
P3 listes et elements graphiques avancés
 
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
 
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
 
Ergonomie en entreprise
Ergonomie en entrepriseErgonomie en entreprise
Ergonomie en entreprise
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications web
 

Similar to Cours 1 : introduction a l'ergonomie logicielle

Gl slides-cours-1
Gl slides-cours-1Gl slides-cours-1
Gl slides-cours-1Sami Neili
 
Concepts methodes
Concepts methodesConcepts methodes
Concepts methodesmsk10
 
Balsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BILBalsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BILFlupa
 
L'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseL'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseUX REPUBLIC
 
introduction génie logiciel-1.ppt
introduction génie logiciel-1.pptintroduction génie logiciel-1.ppt
introduction génie logiciel-1.pptSafaeElhouicha
 
facile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitéfacile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitévincent aniort
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du webStephen PERIN
 
#2 gestion de projet
#2 gestion de projet#2 gestion de projet
#2 gestion de projetagnes_crepet
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...Olivier Destrebecq
 
1680274500731_Interfacehommemachine.pptx
1680274500731_Interfacehommemachine.pptx1680274500731_Interfacehommemachine.pptx
1680274500731_Interfacehommemachine.pptxssusercb2b311
 
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité   numélink - 24 mai 2012 - #3 etapes projIntroduction à l'agilité   numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes projagnes_crepet
 

Similar to Cours 1 : introduction a l'ergonomie logicielle (20)

Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Gl slides-cours-1
Gl slides-cours-1Gl slides-cours-1
Gl slides-cours-1
 
Agents intelligents
Agents intelligentsAgents intelligents
Agents intelligents
 
Concepts methodes
Concepts methodesConcepts methodes
Concepts methodes
 
Les enjeux du Poste de Travail
Les enjeux du Poste de TravailLes enjeux du Poste de Travail
Les enjeux du Poste de Travail
 
Balsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BILBalsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BIL
 
L'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseL'UX au coeur de l'entreprise
L'UX au coeur de l'entreprise
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Agile pour l'echafaud ATT2020.pptx
Agile pour l'echafaud ATT2020.pptxAgile pour l'echafaud ATT2020.pptx
Agile pour l'echafaud ATT2020.pptx
 
introduction génie logiciel-1.ppt
introduction génie logiciel-1.pptintroduction génie logiciel-1.ppt
introduction génie logiciel-1.ppt
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
User Experience & eGovernment for all
User Experience & eGovernment for allUser Experience & eGovernment for all
User Experience & eGovernment for all
 
Cours Génie Logiciel - Introduction
Cours Génie Logiciel - IntroductionCours Génie Logiciel - Introduction
Cours Génie Logiciel - Introduction
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
facile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitéfacile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilité
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du web
 
#2 gestion de projet
#2 gestion de projet#2 gestion de projet
#2 gestion de projet
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
 
1680274500731_Interfacehommemachine.pptx
1680274500731_Interfacehommemachine.pptx1680274500731_Interfacehommemachine.pptx
1680274500731_Interfacehommemachine.pptx
 
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité   numélink - 24 mai 2012 - #3 etapes projIntroduction à l'agilité   numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
 

Cours 1 : introduction a l'ergonomie logicielle

  • 1. 1 Cours 1: Introduction à l’ergonomie logicielle Ludovic Maindron Ingénieur UTC en génie logiciel DESS ergonomie Paris V 15 ans d’expérience en conception d’Interfaces Homme Machine 11/01/2012LudovicMaindronIHMConsulting
  • 2. 22 Présentation des enjeux 11/01/2012LudovicMaindronIHMConsulting •Le travail sur écran prend une place grandissante dans nos vies personnelles et professionnelles •En milieu professionnel, certaines applications sont utilisées de façon très intensives et dans des conditions de travail tout à fait particulières •La réalisation d’une IHM est une tâche complexe qui nécessite des compétences pointues et une ouverture vers les utilisateurs finaux •L’utilisateur ne voit l’application qu’au travers de l’IHM, il se moque de l’architecture sous-jacente
  • 3. 33 Qu’est ce qu’une IHM ? 11/01/2012LudovicMaindronIHMConsulting Ensemble de dispositifs techniques permettant à l’être humain de contrôler et de communiquer avec une machine •Flux sortant : visualiser l’état du système Les classiques : des écrans 2D de différentes tailles, le son Les technologies récentes : tablettes, écrans HD Le futur : réalité augmentée, réalité virtuelle •Flux entrant : interagir avec le système et saisir des données Les classiques : clavier, souris, lecteur de code barre Les technologies récentes : interface tactile, reconnaissance vocale, QR code Le futur : tables interactives, reconnaissance du mouvement
  • 4. 44 L’ergonomie logicielle ? 11/01/2012LudovicMaindronIHMConsulting Qu’est-ce qu’une application ergonomique ? •Littéralement : étymologie grecque Ergon : le travail Nomos : la loi L’ergonomie logicielle est une science et une méthodologie, qui s’attache à comprendre l’activité d’un humain interagissant avec une application informatique Qui convient à tous Visuellement attractive Facile à utiliser Qui fait vendre Confortable
  • 5. 55 A quoi ca sert ? LudovicMaindronIHMConsulting •Prise en compte du facteur humain Comprendre l’activité humaine en situation de travail Adapter les IHMs en fonction des caractéristiques de l’être humain •Rôle de l’ergonome Le moyen : analyser la situation de travail La fin : fournir des préconisations techniques réalistes •Philosophie Ergonomie : adapter le logiciel à l’organisation du travail Progiciel : on compte sur la capacité d’adaptation des utilisateurs
  • 6. 66 L’être humain LudovicMaindronIHMConsulting •L’humain ne fait jamais exactement ce qu’on lui demande de faire Travail réel <> travail prescrit => Situation de travail dégradée Créatif et joueur •Contraintes cognitives Mémoire et capacité de calcul limitée Mythe du multitâche : en réalité 2 tâches maximum Mais une capacité d’adaptation presque illimitée ! •Performances fluctuantes Baisse de vigilance : tâches de conduite et de surveillance L’attention : focalisée sur un élément, limitée dans le temps •Limites et variabilité physiologiques Morphologie : main (TMS), yeux (fatigue oculaire), oreilles (environnement bruyant) Handicaps : daltoniens (4%), déficients visuels (3%) et moteurs (1,5%)…
  • 7. 77 L’erreur humaine LudovicMaindronIHMConsulting •L’humain fait des erreurs, c’est dans sa nature Impossible de produire un logiciel sans bugs Apprentissage par essai/erreur •Quelques bugs du cerveau Biais de confirmation : tendance à confirmer une hypothèse Ancrage mental : influence laissée par la première impression Distorsion temporelle : temps perçu <> temps réel Perception visuelle
  • 8. 88 Problématique des IHMs LudovicMaindronIHMConsulting Ergonomie Prise en compte du facteur humain Technologie Contraintes techniques Graphisme Dimension artistique Facileàutiliser etadaptéàlatâche Agréableàregarder Facile à implémenter et à maintenir Expérience utilisateur (UX) = Graphisme + Ergonomie IHM
  • 9. 99 L’équation à résoudre • U : Connaitre ses utilisateurs (Qui ?) Population visée : âge, niveau d’expérience… Capacités cognitives : erreur humaine, mémoire court et long terme LudovicMaindronIHMConsulting IHM=f(Situation, Activité, Matériel, Utilisateur) • A : Connaitre leur activité (Quoi ?) Tache réelle et non tâche prescrite Situations dégradées, fréquence d’usage • S : Connaitre les situations d’usages (Comment ?) Postures : assis, débout, sur un fenwick… Environnement de travail : poussières, poste tournant • M : Connaitre le matériel Hardware : taille de l’écran, type d’interaction Software : système d’exploitation, autres logiciels installés
  • 10. 1010 Notion d’utilité et d’utilisabilité • Utilisabilité : facile à apprendre et à utiliser Facilité de mise en œuvre, convivialité Apprentissage minimal Notion très subjective Evaluation par tests utilisateurs 11/01/2012LudovicMaindronIHMConsulting • Utilité : adapté à ma tâche et à mes besoins Intérêt de la fonctionnalité du point de vue de l’utilisateur Notion de fréquence d’usage Prévisionnelle (Ex : nombre de création de client par mois) Observée (Ex : nombre de clic par élément de menu) Notion de profil utilisateur L’utilité est faible lorsque la fréquence d’usage est basse L’utilité est faible si peu d’utilisateurs sont concernés
  • 11. 1111 Notion d’utilité et d’utilisabilité LudovicMaindronIHMConsulting
  • 12. 1212 laid Trop de saisie Les risques d’une mauvaise UX 11/01/2012LudovicMaindronIHMConsulting Manque de réactivité • Perte de productivité • Sous utilisation de certaines fonctions • Augmentation du risque d’erreur • Fonctions fantômes ! • Abandon de tâche • Rejet pur et simple Complexe Désagréable Pas adapté Inutilisable
  • 13. 1313 Ce qu’il ne faut pas faire
  • 14. 1414 Les avantages d’une bonne UX • Meilleure acceptation Risque de rejet réduit Augmentation des ventes • Meilleure utilisation Augmentation de la productivité Risque d’erreur réduit • Formation réduite Besoin de formation réduit Plus d’utilisateurs potentiels Documentation minimal • Coûts de développement et de maintenance réduits Peu d’écrans Fonctionnalités utiles seulement 11/01/2012LudovicMaindronIHMConsulting
  • 15. 1515 Mon retour d’expérience 11/01/2012LudovicMaindronIHMConsulting •Aspects ergonomiques encore trop souvent ignorés Logique du progiciel : c’est l’utilisateur qui sert de variable d’ajustement et qui doit s’adapter au logiciel Risques ergonomiques non identifiés A priori tenaces : « l’ergonomie c’est du bon sens » Confusion fréquente entre l’ergonomie et le design •Problème de formation Peu de techniciens pointus en couche de présentation Méconnaissance des guidelines ergonomiques Les IHMs sont conçues par des personnes peu formées pour
  • 16. 1616 Vos Questions ? 11/01/2012LudovicMaindronIHMConsulting Ludovic Maindron Consultant ergonome l.maindron.ihmconsulting@gmail.com 06 28 07 22 35 @ludolmn Références •Livre : Brain Bugs: How the Brain's Flaws Shape Our Lives, Dean Buonomano •Critères de Bastien et Scapin : http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf