AMELIORER
SES TAUX GRACE A
L’ERGONOMIE
__________________
WebX Day&Night 2012



Jessica Papiot
Septembre 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
Ergonomie



Ergon : travail   Nomos: loi
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
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
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
Permettre la conception d’interfaces UTILISABLES


   Efficacité

     Efficience

        Satisfaction
Critères ergonomiques Scapin et Bastien


Guidage
Conseiller, orienter, informer, et conduire l’utilisateur lors de ses interactions
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
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
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
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
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
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
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
Signifiance    Compatibilité
     des codes



                    Adaptabilité

      Guidage




Charge de travail




                     Cohérence
• 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
                                             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
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes

Quelques 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



                         Amélie Boucher
    Paris Web “De l’ergonomie pour mon site de E-Commerce”
                        www.ergolab.net
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes



• E-commerce
• Sites de rencontres
Les formulaire
Un point de fuite!




  (Vraiment!)
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
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é loooong

A droite, à gauche? On les met où les libellés ?
Options les plus fréquentes

Pré-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 du
domaine du jeu à un domaine qui n’est pas du
jeu”
Points             Ressources



                                    progression




Quêtes       Social graph                         Avatars


              Quels élements du jeu?
Points




                 progression



        Quêtes




Social 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 rencontres


Pour finir, des chiffres!
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é
MERCI
DE VOTRE
ATTENTION!
__________________
Des questions?

Ergonomie et taux de clic Webx D&N 2012

  • 1.
    AMELIORER SES TAUX GRACEA L’ERGONOMIE __________________ WebX Day&Night 2012 Jessica Papiot Septembre 2012
  • 2.
    • Qu’est ceque l’ergonomie • L’ergonomie des IHM • Quelles méthodes • E-commerce • Sites de rencontres
  • 3.
    Ergonomie Un peu… Mais pas seulement
  • 4.
  • 5.
    Ergonomie “L'ensemble des connaissancesscientifiques 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éhensionfondamentale 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 ceque l’ergonomie • L’ergonomie des IHM
  • 9.
    Permettre la conceptiond’interfaces UTILISABLES Efficacité Efficience Satisfaction
  • 10.
    Critères ergonomiques Scapinet Bastien Guidage Conseiller, orienter, informer, et conduire l’utilisateur lors de ses interactions
  • 11.
    Critères ergonomiques Scapinet 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 Scapinet 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 Scapinet 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 Scapinet 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 Scapinet 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 Scapinet 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 Scapinet 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 ceque l’ergonomie • L’ergonomie des IHM • Quelles méthodes
  • 21.
    Une demarche centréeutilisateur : 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 ceque l’ergonomie • L’ergonomie des IHM • Quelles méthodes Quelques bonnes pratiques • E-commerce
  • 24.
  • 25.
  • 26.
  • 27.
  • 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 ceque l’ergonomie • L’ergonomie des IHM • Quelles méthodes • E-commerce • Sites de rencontres
  • 30.
    Les formulaire Un pointde 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 deslignes 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 plusfré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 techniqueset é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 jeusur son site web… Offrir des points de fidélité Serious Game Ne pas confondre gamification et…
  • 41.
    • Qu’est ceque 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.