SlideShare une entreprise Scribd logo
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

Contenu connexe

Tendances

Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
AHMEDBELGHITH4
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
Ghizlane ALOZADE
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-Correction
Lilia Sfaxi
 
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
Mohamed Cherkaoui
 
rapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFErapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFE
Donia Hammami
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
ENSET, Université Hassan II Casablanca
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
Mehdi Hamime
 
Exercices uml-corrige
Exercices uml-corrigeExercices uml-corrige
Exercices uml-corrige
AmineMouhout1
 
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
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
Nassim Bahri
 
Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats
Ayed CHOKRI
 
présentation ppt du stage technicien
présentation ppt du stage technicienprésentation ppt du stage technicien
présentation ppt du stage technicien
Iheb Ben Salem
 
Méthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XPMéthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XP
Mohammed Amine Mostefai
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab
Hajer Dahech
 
Presentation d'un logiciel de GRH
Presentation d'un logiciel de GRHPresentation d'un logiciel de GRH
Presentation d'un logiciel de GRH
Riadh K.
 
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
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Mehdi Hamime
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5
YounessLaaouane
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UML
Amir Souissi
 
Présentation PFE mohamed yosri yahyaoui
Présentation PFE  mohamed yosri yahyaouiPrésentation PFE  mohamed yosri yahyaoui
Présentation PFE mohamed yosri yahyaoui
Yahyaoui Mohamed Yosri
 

Tendances (20)

Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-Correction
 
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
 
rapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFErapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFE
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école - Di...
 
Exercices uml-corrige
Exercices uml-corrigeExercices uml-corrige
Exercices uml-corrige
 
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
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
 
Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats
 
présentation ppt du stage technicien
présentation ppt du stage technicienprésentation ppt du stage technicien
présentation ppt du stage technicien
 
Méthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XPMéthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XP
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab
 
Presentation d'un logiciel de GRH
Presentation d'un logiciel de GRHPresentation d'un logiciel de GRH
Presentation d'un logiciel de GRH
 
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
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UML
 
Présentation PFE mohamed yosri yahyaoui
Présentation PFE  mohamed yosri yahyaouiPrésentation PFE  mohamed yosri yahyaoui
Présentation PFE mohamed yosri yahyaoui
 

En vedette

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 UCD
Flupa
 
Composants Android
Composants AndroidComposants Android
Composants Android
Lilia Sfaxi
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
Marius Butuc
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHM
Anne-Marie Pinna-Dery
 
Plasticitérecherche2015 2
Plasticitérecherche2015 2Plasticitérecherche2015 2
Plasticitérecherche2015 2
Atelier IHM Polytech Nice Sophia
 
Intro conception2015vf bis
Intro conception2015vf bisIntro conception2015vf bis
Intro conception2015vf bis
Atelier IHM Polytech Nice Sophia
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
Atelier IHM Polytech Nice Sophia
 
Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du Web
Genève Lab
 
In01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMIIn01 - Programmation Android - 03 - HMI
In01 - Programmation Android - 03 - HMI
Yann Caron
 
Chp3 - IHM
Chp3 - IHMChp3 - IHM
Chp3 - IHM
Lilia Sfaxi
 
P2 éléments graphiques android
P2 éléments graphiques androidP2 éléments graphiques android
P2 éléments graphiques android
Lilia 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és
Lilia 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 2014
Atelier IHM Polytech Nice Sophia
 
Ergonomie en entreprise
Ergonomie en entrepriseErgonomie en entreprise
Ergonomie en entreprise
HR SCOPE
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications webmadsgraphics
 

En vedette (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
 

Similaire à Cours 1 : introduction a l'ergonomie logicielle

Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
Anne-Marie Pinna-Dery
 
Gl slides-cours-1
Gl slides-cours-1Gl slides-cours-1
Gl slides-cours-1Sami Neili
 
Agents intelligents
Agents intelligentsAgents intelligents
Agents intelligents
Badiâa Dellal-Hedjazi
 
Concepts methodes
Concepts methodesConcepts methodes
Concepts methodes
msk10
 
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
Flupa
 
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
UX REPUBLIC
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
Atelier IHM Polytech Nice Sophia
 
Agile pour l'echafaud ATT2020.pptx
Agile pour l'echafaud ATT2020.pptxAgile pour l'echafaud ATT2020.pptx
Agile pour l'echafaud ATT2020.pptx
Guillaume Saint Etienne
 
introduction génie logiciel-1.ppt
introduction génie logiciel-1.pptintroduction génie logiciel-1.ppt
introduction génie logiciel-1.ppt
SafaeElhouicha
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
Atelier IHM Polytech Nice Sophia
 
User Experience & eGovernment for all
User Experience & eGovernment for allUser Experience & eGovernment for all
User Experience & eGovernment for all
eGov Innovation Center
 
Cours Génie Logiciel - Introduction
Cours Génie Logiciel - IntroductionCours Génie Logiciel - Introduction
Cours Génie Logiciel - Introduction
Mohammed Amine Mostefai
 
UX guidelines
UX guidelinesUX 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é
vincent aniort
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du web
Stephen PERIN
 
#2 gestion de projet
#2 gestion de projet#2 gestion de projet
#2 gestion de projet
agnes_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.pptx
ssusercb2b311
 
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
agnes_crepet
 

Similaire à 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