AMELIORERSES TAUX GRACE AL’ERGONOMIE__________________WebX Day&Night 2012Jessica PapiotSeptembre 2012
• Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontres
Ergonomie     Un peu…Mais pas seulement
ErgonomieErgon : travail   Nomos: loi
Ergonomie“Lensemble des connaissances scientifiquesrelatives à lHomme nécessaires pourconcevoir des outils, des machines e...
Ergonomie La compréhension fondamentale des interactions entre les humains et les autres composantes - humaines ou techniq...
• Qu’est ce que l’ergonomie• L’ergonomie des IHM
Permettre la conception d’interfaces UTILISABLES   Efficacité     Efficience        Satisfaction
Critères ergonomiques Scapin et BastienGuidageConseiller, orienter, informer, et conduire l’utilisateur lors de ses intera...
Critères ergonomiques Scapin et BastienGuidageCharge de travailL’ensemble des éléments de l’interface qui ont un rôle dans...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurConcerne à la fois la prise en compte p...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéL’adaptabilité d’un système...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursTous les...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenc...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenc...
Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenc...
Signifiance    Compatibilité     des codes                    Adaptabilité      GuidageCharge de travail                  ...
• Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes
Une demarche centrée utilisateur : ISO 13407              FIN                  Comprendre et spécifier le contexte        ...
• Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodesQuelques bonnes pratiques• E-commerce
E-Commerce
Attention à l’effort de trop!
Aider l’utilisateur à se projetter
---------------------La bonne info au bon moment
En résumé   Détails   Aider l’utilisateur à se projetter   Informer l’utilisateur avec la bonne info au bon moment     ...
• Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontres
Les formulaireUn point de fuite!  (Vraiment!)
Avantage :- Simplicité de chacune des pages- Gestion des erreurs facilité- Gestion des dépendances entre champsDéfauts :- ...
La longueur des lignes n’est pas le fruit du hasard
Libellé court          Libellé  loooooooooong         + ou – 6 caractères de différence     Libellé court     Libellé looo...
Options les plus fréquentesPré-selection d’option     Par ce que faire ça vite-fait, ça a du bon!
Vérification des données              Libellés actifs       Par ce que faire ça vite-fait, ça a du bon!
Gamification“Integrer des techniques et élements issus dudomaine du jeu à un domaine qui n’est pas dujeu”
Points             Ressources                                    progressionQuêtes       Social graph                     ...
Points                 progression        QuêtesSocial graph
Avoir un jeu sur son site web…Offrir des points de fidélitéSerious Game               Ne pas confondre gamification et…
• Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontresPour finir, des chiffres!
Coût QA -85% grâce à uneréduction du nombre defonctionnalité après une étuded’ergonomie($15 Million & 18 months saved)    ...
MERCIDE VOTREATTENTION!__________________Des questions?
Ergonomie et taux de clic Webx D&N 2012
Ergonomie et taux de clic Webx D&N 2012
Ergonomie et taux de clic Webx D&N 2012
Ergonomie et taux de clic Webx D&N 2012
Prochain SlideShare
Chargement dans…5
×

Ergonomie et taux de clic Webx D&N 2012

825 vues

Publié le

Introduction et bonne pratique en ergonomie. Conférence WebX 2012

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
825
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
18
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Ergonomie et taux de clic Webx D&N 2012

  1. 1. AMELIORERSES TAUX GRACE AL’ERGONOMIE__________________WebX Day&Night 2012Jessica PapiotSeptembre 2012
  2. 2. • Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontres
  3. 3. Ergonomie Un peu…Mais pas seulement
  4. 4. ErgonomieErgon : travail Nomos: loi
  5. 5. Ergonomie“Lensemble des connaissances scientifiquesrelatives à lHomme nécessaires pourconcevoir des outils, des machines et desdispositifs qui puissent être utilisés avec lemaximum de confort, de sécurité etdefficacité” Alain Wisner, 1972
  6. 6. Ergonomie La compréhension fondamentale des interactions entre les humains et les autres composantes - humaines ou techniques - dun système dans les situations de travail et dans les situations "grand public”L’adaptation de son environment à l’Homme
  7. 7. • Qu’est ce que l’ergonomie• L’ergonomie des IHM
  8. 8. Permettre la conception d’interfaces UTILISABLES Efficacité Efficience Satisfaction
  9. 9. Critères ergonomiques Scapin et BastienGuidageConseiller, orienter, informer, et conduire l’utilisateur lors de ses interactions
  10. 10. Critères ergonomiques Scapin et BastienGuidageCharge de travailL’ensemble des éléments de l’interface qui ont un rôle dans la réduction dela charge perceptive ou mnésique des utilisateurs et dans l’augmentation del’efficacité du dialogue
  11. 11. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurConcerne à la fois la prise en compte par le système des actions explicitesdes utilisateurs et le contrôle qu’ont les utilisateurs sur le traitement de leursactions
  12. 12. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéL’adaptabilité d’un système concerne sa capacité à réagir selon lecontexte, et selon les besoins et préférences des utilisateurs
  13. 13. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursTous les moyens permettant d’une part d’éviter ou de réduire les erreurs, etd’autre part de les corriger lorsqu’elles surviennent
  14. 14. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenceLa façon avec laquelle les choix de conception de l’interface(codes, dénominations, formats, procédures, etc.) sont conservés pour descontextes identiques, et sont différents pour des contextes différents
  15. 15. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenceSignifiance des codesL’adéquation entre l’objet ou l’information affichée ou entrée, et son référent
  16. 16. Critères ergonomiques Scapin et BastienGuidageCharge de travailContrôle utilisateurAdaptabilitéGestion des erreursCohérenceSignifiance des codesCompatibilitéL’accord entre les caractéristiques des utilisateurs et des tâches
  17. 17. Signifiance Compatibilité des codes Adaptabilité GuidageCharge de travail Cohérence
  18. 18. • Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes
  19. 19. Une demarche centrée utilisateur : ISO 13407 FIN Comprendre et spécifier le contexte d’utilisationLes exigences Les exigences ne sontsont atteintes pas atteintes Comprendre et spécifier les Evaluer les solutions au regard des exigences utilisateurs et exigences prédéfinies organisationnelles Produire des solutions de conception
  20. 20. • Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodesQuelques bonnes pratiques• E-commerce
  21. 21. E-Commerce
  22. 22. Attention à l’effort de trop!
  23. 23. Aider l’utilisateur à se projetter
  24. 24. ---------------------La bonne info au bon moment
  25. 25. En résumé Détails Aider l’utilisateur à se projetter Informer l’utilisateur avec la bonne info au bon moment Amélie Boucher Paris Web “De l’ergonomie pour mon site de E-Commerce” www.ergolab.net
  26. 26. • Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontres
  27. 27. Les formulaireUn point de fuite! (Vraiment!)
  28. 28. Avantage :- Simplicité de chacune des pages- Gestion des erreurs facilité- Gestion des dépendances entre champsDéfauts :- Lenteur d’exécution de la tâche- Difficulté à juger la durée de renseignement Avantage : - Rapidité d’exécution Défauts : - Complexité de la page - Gestion des dépendances entre champsWizard vs Page unique, telle est la question
  29. 29. La longueur des lignes n’est pas le fruit du hasard
  30. 30. Libellé court Libellé loooooooooong + ou – 6 caractères de différence Libellé court Libellé loooongA droite, à gauche? On les met où les libellés ?
  31. 31. Options les plus fréquentesPré-selection d’option Par ce que faire ça vite-fait, ça a du bon!
  32. 32. Vérification des données Libellés actifs Par ce que faire ça vite-fait, ça a du bon!
  33. 33. Gamification“Integrer des techniques et élements issus dudomaine du jeu à un domaine qui n’est pas dujeu”
  34. 34. Points Ressources progressionQuêtes Social graph Avatars Quels élements du jeu?
  35. 35. Points progression QuêtesSocial graph
  36. 36. Avoir un jeu sur son site web…Offrir des points de fidélitéSerious Game Ne pas confondre gamification et…
  37. 37. • Qu’est ce que l’ergonomie• L’ergonomie des IHM• Quelles méthodes• E-commerce• Sites de rencontresPour finir, des chiffres!
  38. 38. Coût QA -85% grâce à uneréduction du nombre defonctionnalité après une étuded’ergonomie($15 Million & 18 months saved) Application conçue avec un Microsoft Word ingénieur Ergonome a réduit le temps de formation par environ 25% (The Trouble withXerox : 50 000 utilisateurs Computers, Cambridge /MIT Press)appellent le support pour une Design change à IBM : -10 minutesassistance sur une imprimante par tâche (économie : $7 Million)(coût $500 000) + $900 000correctionAucun test utilisateur n’a été faitavant de mettre l’imprimante surle marché
  39. 39. MERCIDE VOTREATTENTION!__________________Des questions?

×