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

1. AMELIORER
SES TAUX GRACE A
L’ERGONOMIE
__________________
WebX Day&Night 2012
Jessica Papiot
Septembre 2012

2. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
• E-commerce
• Sites de rencontres

3. Ergonomie
Un peu…
Mais pas seulement

4. Ergonomie
Ergon : travail Nomos: loi

5. Ergonomie
“L'ensemble des connaissances scientifiques
relatives à l'Homme nécessaires pour
concevoir des outils, des machines et des
dispositifs qui puissent être utilisés avec le
maximum de confort, de sécurité et
d'efficacité”
Alain Wisner, 1972

6. Ergonomie
La compréhension fondamentale des interactions
entre les humains et les autres composantes -
humaines ou techniques - d'un système dans les
situations de travail et dans les situations "grand
public”
L’adaptation de son environment à l’Homme

7. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM

9. Permettre la conception d’interfaces UTILISABLES
Efficacité
Efficience
Satisfaction

10. Critères ergonomiques Scapin et Bastien
Guidage
Conseiller, orienter, informer, et conduire l’utilisateur lors de ses interactions

11. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
L’ensemble des éléments de l’interface qui ont un rôle dans la réduction de
la charge perceptive ou mnésique des utilisateurs et dans l’augmentation de
l’efficacité du dialogue

12. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Concerne à la fois la prise en compte par le système des actions explicites
des utilisateurs et le contrôle qu’ont les utilisateurs sur le traitement de leurs
actions

13. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Adaptabilité
L’adaptabilité d’un système concerne sa capacité à réagir selon le
contexte, et selon les besoins et préférences des utilisateurs

14. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Tous les moyens permettant d’une part d’éviter ou de réduire les erreurs, et
d’autre part de les corriger lorsqu’elles surviennent

15. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
La façon avec laquelle les choix de conception de l’interface
(codes, dénominations, formats, procédures, etc.) sont conservés pour des
contextes identiques, et sont différents pour des contextes différents

16. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
Signifiance des codes
L’adéquation entre l’objet ou l’information affichée ou entrée, et son référent

17. Critères ergonomiques Scapin et Bastien
Guidage
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
Signifiance des codes
Compatibilité
L’accord entre les caractéristiques des utilisateurs et des tâches

19. Signifiance Compatibilité
des codes
Adaptabilité
Guidage
Charge de travail
Cohérence

20. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes

21. Une demarche centrée utilisateur : ISO 13407
FIN Comprendre et spécifier le contexte
d’utilisation
Les exigences
Les exigences ne sont
sont 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

23. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
Quelques bonnes pratiques
• E-commerce

24. E-Commerce

25. Attention à l’effort de trop!

26. Aider l’utilisateur à se projetter

27. ---------------------
La bonne info au bon moment

28. 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

29. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
• E-commerce
• Sites de rencontres

30. Les formulaire
Un point de fuite!
(Vraiment!)

32. Avantage :
- Simplicité de chacune des pages
- Gestion des erreurs facilité
- Gestion des dépendances entre champs
Dé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 champs
Wizard vs Page unique, telle est la question

33. La longueur des lignes n’est pas le fruit du hasard

34. Libellé court
Libellé
loooooooooong
+ ou – 6 caractères de différence
Libellé court
Libellé loooong
A droite, à gauche? On les met où les libellés ?

35. Options les plus fréquentes
Pré-selection d’option
Par ce que faire ça vite-fait, ça a du bon!

36. Vérification des données
Libellés actifs
Par ce que faire ça vite-fait, ça a du bon!

37. Gamification
“Integrer des techniques et élements issus du
domaine du jeu à un domaine qui n’est pas du
jeu”

38. Points Ressources
progression
Quêtes Social graph Avatars
Quels élements du jeu?

39. Points
progression
Quêtes
Social graph

40. Avoir un jeu sur son site web…
Offrir des points de fidélité
Serious Game
Ne pas confondre gamification et…

41. • Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
• E-commerce
• Sites de rencontres
Pour finir, des chiffres!

42. Coût QA -85% grâce à une
réduction du nombre de
fonctionnalité après une étude
d’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 with
Xerox : 50 000 utilisateurs Computers, Cambridge /MIT Press)
appellent le support pour une Design change à IBM : -10 minutes
assistance sur une imprimante par tâche (économie : $7 Million)
(coût $500 000) + $900 000
correction
Aucun test utilisateur n’a été fait
avant de mettre l’imprimante sur
le marché

43. MERCI
DE VOTRE
ATTENTION!
__________________
Des questions?