SlideShare uma empresa Scribd logo
1 de 22
Critères ergonomiques et WCAG :
Une approche étendue pour l’évaluation de l’accessibilité
             & de l’expérience utilisateur




                      Loïc Nunez

                                    23 Novembre 2012 – a11yMTL
Résumé

Quelques mots sur un ergonaute
Introduction
Fusionner les critères de Bastien-Scapin & WCAG
Une approche étendue de l’audit d’interface
Projet de recherche, des intéressés ?
Quelques mots sur un ergonote


    Loïc NUNEZ
    Responsable de l’expèrience utilisateur à La Presse
    - Membre d’AccessibilitéWeb
    - Membre du CA de UxPA Qc
    - Msc. Ergonomie cognitive
    - Msc. Psychologie sociale
    - Certification en accessibililté du Web
Résumé

Quelques mots sur un ergonaute
Introduction
Fusionner les critères de Bastien-Scapin & WCAG
Une approche étendue de l’audit d’interface
Projet de recherche, des intéressés ?
Introduction
Les principes du WCAG 2.0 : perceptible, utilisable,
compréhensible et robuste

Les grands principes de l’Ergonomie : utilisable, utile et
acceptable

Comment plusieurs décennies de recherches en ergonomie
peuvent alimenter l’approche en accessibilité des interfaces
numériques ?

Un premier élément de réponse : les critères ergonomiques
de conception et les critères en Accessibilité peuvent
s’illustrer dans une même grille de critères
Introduction
Objectifs


Mieux comprendre les enjeux ergonomiques en lien avec
les critères d’accessibilité

Proposer une méthode complète d’évaluation des sites
 Web, en intégrant toutes les spécificités de l’accessibilité
 et de l’ergonomie
Résumé

Quelques mots sur un ergonaute
Introduction
Fusionner les critères de Bastien-Scapin & WCAG
Une approche étendue de l’audit d’interface
Projet de recherche, des intéressés ?
Fusionner les critères de Bastien-Scapin & WCAG



Un projet de recherche qui prend racine en 2007

« Créer une grille d’évaluation reprenant les critères
d’accessibilité du WCAG 1.0 et les critères ergonomiques de
Bastien-Scapin »


Et si on regardait ce projet d’un peu plus près ?



                                                  Critères ergonomiques de Bastien-Scapin
                                      http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                  L'ensemble des moyens mis en oeuvre pour
     Guidage
                  conseiller, orienter, informer et conduire
                  l'utilisateur lors de ses interactions avec
                  l'ordinateur


                     Les sous critères :
                     1.1 Incitation
                     1.2 Groupement/distinction entre items
                     1.3 Feedback immédiat
                     1.4 Lisibilité
                                                  Critères ergonomiques de Bastien-Scapin
                                      http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                       L'ensemble des éléments de l'interface qui a un
       Guidage
                       rôle dans la réduction de la charge perceptive ou
   Charge de travail   mnésique des utilisateurs, de même que dans
                       l'augmentation de l'efficacité du dialogue

                          Les sous critères :
                          2.1 Brièveté
                          2.2 Densité informationnelle




                                                   Critères ergonomiques de Bastien-Scapin
                                       http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                        Prise en compte par le système des actions
       Guidage
                        explicites des utilisateurs et le contrôle qu'ont
   Charge de travail    les utilisateurs sur le traitement de leurs actions
   Contrôle explicite


                           Les sous critères :
                           3.1 Actions explicites
                           3.2 Contrôle utilisateur




                                                     Critères ergonomiques de Bastien-Scapin
                                         http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                        Capacité à réagir selon le contexte et selon les
       Guidage
                        besoins et les préférences des utilisateurs
   Charge de travail

   Contrôle explicite
                           Les sous critères :
     Adaptabilité
                           4.1 Flexibilité
                           4.2 Prise en compte de l’expérience
                               utilisateur




                                                     Critères ergonomiques de Bastien-Scapin
                                         http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                        Moyens permettant d'une part d'éviter ou de
       Guidage
                        réduire les erreurs, d'autre part de les corriger
   Charge de travail    lorsqu'elles survienne
   Contrôle explicite

     Adaptabilité          Les sous critères :
                           5.1 Protection contre les erreurs
  Gestion des erreurs
                           5.2 Qualité des messages
                           5.3 Correction des erreurs




                                                     Critères ergonomiques de Bastien-Scapin
                                         http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                           Les choix de conception d'interface doivent être
         Guidage
                           conservés pour des contextes identiques, et
     Charge de travail     doivent être différents pour des contextes
    Contrôle explicite     différents. Par exemple, toujours afficher au
       Adaptabilité        même endroit l'incitation pour la saisie des
                           données ou des commandes
   Gestion des erreurs

 Homogénéité / Cohérence




                                                        Critères ergonomiques de Bastien-Scapin
                                            http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

                           Il doit y avoir adéquation entre l'objet ou
         Guidage
                           l'information affichée ou entrée, et son
     Charge de travail     référent. Par exemple, rendre les règles
    Contrôle explicite      d'abréviation explicites
       Adaptabilité

   Gestion des erreurs

 Homogénéité / Cohérence

  Signifiance des codes




                                                         Critères ergonomiques de Bastien-Scapin
                                             http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG

         Guidage           Il faut qu'il y ait accord entre les
     Charge de travail     caractéristiques des utilisateurs et des tâches,
    Contrôle explicite     d'une part, et l'organisation des sorties, des
                           entrées et du dialogue d'une application
       Adaptabilité
                           donnée, d'autre part. Par exemple, les termes
   Gestion des erreurs
                           employés doivent être familiers aux
 Homogénéité / Cohérence   utilisateurs, et relatifs à la tâche à réaliser.
  Signifiance des codes

       Compatibilité




                                                        Critères ergonomiques de Bastien-Scapin
                                            http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
Fusionner les critères de Bastien-Scapin & WCAG
Résumé

Quelques mots sur un ergonaute
Introduction
Fusionner les critères de Bastien-Scapin & WCAG
Une approche étendue de l’audit d’interface
Projet de recherche, des intéressés ?
Une approche étendue de l’audit d’interface
Accessibilité et ergonomie, une démarche conjointe d’évaluation

L’évaluation par les experts :
 L’évaluation experte du niveau d’accessibilité
 L’évaluation experte du niveau d’ergonomie


Les tests utilisateurs
 Élaboration d’un plan de test
 Recrutement de participants, avec et sans handicaps
 Phase de test : entretiens en face à face
 Analyse des résultats
 Recommandations en fonction de toutes les clientèles cible


= une approche inclusive de l’évaluation des systèmes interactifs
Résumé

Quelques mots sur un ergonaute
Introduction
Fusionner les critères de Bastien-Scapin & WCAG
Une approche étendue de l’audit d’interface
Projet de recherche, des intéressés ?
Projet de recherche, des intéressés ?

Un projet de recherche qui commence maintenant

« Créer une grille d’évaluation reprenant les critères
d’accessibilité de WCAG 2.0 / SQRI-008
& les critères ergonomiques de Bastien-Scapin »

Partenaires : UxPA Qc + AccessibilitéWeb + …

Qui ? Tous les passionnés qui veulent donner de leur temps
pour réaliser ce projet, d’ici et d’ailleurs

Comment ? Un comité de recherche sera créé avec tous les
volontaires…il suffit de me donner vos coordonnées 
Questions ?

Mais conteúdo relacionado

Semelhante a A11ymtl conference loic - 23 novembre 2012

Altics Audit ergonomique
Altics Audit ergonomiqueAltics Audit ergonomique
Altics Audit ergonomiqueALTICS
 
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...Conférence IC 2009
 
scapin-bastien.pdf
scapin-bastien.pdfscapin-bastien.pdf
scapin-bastien.pdfSAMSARAmine
 
Altics Tests Utilisateurs
Altics Tests UtilisateursAltics Tests Utilisateurs
Altics Tests UtilisateursALTICS
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)Qelios
 
Offre Audit et Test De Performance
Offre Audit et Test De PerformanceOffre Audit et Test De Performance
Offre Audit et Test De PerformanceCabinet Openi
 
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012Delphine Malassingne
 
Analyse de code source: accélérer la validation des logiciels Java
Analyse de code source: accélérer la validation des logiciels JavaAnalyse de code source: accélérer la validation des logiciels Java
Analyse de code source: accélérer la validation des logiciels Javakalistick
 
Ddj Architecture & Design Beyond Functional Requirements On Agile Projects
Ddj   Architecture & Design   Beyond Functional Requirements On Agile ProjectsDdj   Architecture & Design   Beyond Functional Requirements On Agile Projects
Ddj Architecture & Design Beyond Functional Requirements On Agile ProjectsEmmanuel Hugonnet
 
Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Microsoft
 
Analyse de code: accélérez la validation de vos applications C#
Analyse de code: accélérez la validation de vos applications C#Analyse de code: accélérez la validation de vos applications C#
Analyse de code: accélérez la validation de vos applications C#kalistick
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logicielRabia AZIZA
 
Sqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebSqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebpierrepf
 
Dodi_MBUTA_Tests logiciels
Dodi_MBUTA_Tests logicielsDodi_MBUTA_Tests logiciels
Dodi_MBUTA_Tests logicielsDaniella Mbuta
 
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Flupa
 
QSOS 2.0 Solutions Linux 2009
QSOS 2.0 Solutions Linux 2009QSOS 2.0 Solutions Linux 2009
QSOS 2.0 Solutions Linux 2009Raphaël Semeteys
 

Semelhante a A11ymtl conference loic - 23 novembre 2012 (20)

Altics Audit ergonomique
Altics Audit ergonomiqueAltics Audit ergonomique
Altics Audit ergonomique
 
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...
Outil de gestion des connaissances d’une Interconnexion de Communautés de Pra...
 
scapin-bastien.pdf
scapin-bastien.pdfscapin-bastien.pdf
scapin-bastien.pdf
 
Altics Tests Utilisateurs
Altics Tests UtilisateursAltics Tests Utilisateurs
Altics Tests Utilisateurs
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
 
Offre Audit et Test De Performance
Offre Audit et Test De PerformanceOffre Audit et Test De Performance
Offre Audit et Test De Performance
 
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
 
Analyse de code source: accélérer la validation des logiciels Java
Analyse de code source: accélérer la validation des logiciels JavaAnalyse de code source: accélérer la validation des logiciels Java
Analyse de code source: accélérer la validation des logiciels Java
 
Ddj Architecture & Design Beyond Functional Requirements On Agile Projects
Ddj   Architecture & Design   Beyond Functional Requirements On Agile ProjectsDdj   Architecture & Design   Beyond Functional Requirements On Agile Projects
Ddj Architecture & Design Beyond Functional Requirements On Agile Projects
 
Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010
 
Analyse de code: accélérez la validation de vos applications C#
Analyse de code: accélérez la validation de vos applications C#Analyse de code: accélérez la validation de vos applications C#
Analyse de code: accélérez la validation de vos applications C#
 
Synthese
SyntheseSynthese
Synthese
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
 
Sqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebSqli wp methode_ergonomieweb
Sqli wp methode_ergonomieweb
 
OpenAge
OpenAgeOpenAge
OpenAge
 
Dodi_MBUTA_Tests logiciels
Dodi_MBUTA_Tests logicielsDodi_MBUTA_Tests logiciels
Dodi_MBUTA_Tests logiciels
 
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
 
QSOS 2.0 Solutions Linux 2009
QSOS 2.0 Solutions Linux 2009QSOS 2.0 Solutions Linux 2009
QSOS 2.0 Solutions Linux 2009
 
Agile@scale
Agile@scaleAgile@scale
Agile@scale
 
Lecon 1.1
Lecon 1.1Lecon 1.1
Lecon 1.1
 

A11ymtl conference loic - 23 novembre 2012

  • 1. Critères ergonomiques et WCAG : Une approche étendue pour l’évaluation de l’accessibilité & de l’expérience utilisateur Loïc Nunez 23 Novembre 2012 – a11yMTL
  • 2. Résumé Quelques mots sur un ergonaute Introduction Fusionner les critères de Bastien-Scapin & WCAG Une approche étendue de l’audit d’interface Projet de recherche, des intéressés ?
  • 3. Quelques mots sur un ergonote Loïc NUNEZ Responsable de l’expèrience utilisateur à La Presse - Membre d’AccessibilitéWeb - Membre du CA de UxPA Qc - Msc. Ergonomie cognitive - Msc. Psychologie sociale - Certification en accessibililté du Web
  • 4. Résumé Quelques mots sur un ergonaute Introduction Fusionner les critères de Bastien-Scapin & WCAG Une approche étendue de l’audit d’interface Projet de recherche, des intéressés ?
  • 5. Introduction Les principes du WCAG 2.0 : perceptible, utilisable, compréhensible et robuste Les grands principes de l’Ergonomie : utilisable, utile et acceptable Comment plusieurs décennies de recherches en ergonomie peuvent alimenter l’approche en accessibilité des interfaces numériques ? Un premier élément de réponse : les critères ergonomiques de conception et les critères en Accessibilité peuvent s’illustrer dans une même grille de critères
  • 6. Introduction Objectifs Mieux comprendre les enjeux ergonomiques en lien avec les critères d’accessibilité Proposer une méthode complète d’évaluation des sites Web, en intégrant toutes les spécificités de l’accessibilité et de l’ergonomie
  • 7. Résumé Quelques mots sur un ergonaute Introduction Fusionner les critères de Bastien-Scapin & WCAG Une approche étendue de l’audit d’interface Projet de recherche, des intéressés ?
  • 8. Fusionner les critères de Bastien-Scapin & WCAG Un projet de recherche qui prend racine en 2007 « Créer une grille d’évaluation reprenant les critères d’accessibilité du WCAG 1.0 et les critères ergonomiques de Bastien-Scapin » Et si on regardait ce projet d’un peu plus près ? Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 9. Fusionner les critères de Bastien-Scapin & WCAG L'ensemble des moyens mis en oeuvre pour Guidage conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec l'ordinateur Les sous critères : 1.1 Incitation 1.2 Groupement/distinction entre items 1.3 Feedback immédiat 1.4 Lisibilité Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 10. Fusionner les critères de Bastien-Scapin & WCAG L'ensemble des éléments de l'interface qui a un Guidage rôle dans la réduction de la charge perceptive ou Charge de travail mnésique des utilisateurs, de même que dans l'augmentation de l'efficacité du dialogue Les sous critères : 2.1 Brièveté 2.2 Densité informationnelle Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 11. Fusionner les critères de Bastien-Scapin & WCAG Prise en compte par le système des actions Guidage explicites des utilisateurs et le contrôle qu'ont Charge de travail les utilisateurs sur le traitement de leurs actions Contrôle explicite Les sous critères : 3.1 Actions explicites 3.2 Contrôle utilisateur Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 12. Fusionner les critères de Bastien-Scapin & WCAG Capacité à réagir selon le contexte et selon les Guidage besoins et les préférences des utilisateurs Charge de travail Contrôle explicite Les sous critères : Adaptabilité 4.1 Flexibilité 4.2 Prise en compte de l’expérience utilisateur Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 13. Fusionner les critères de Bastien-Scapin & WCAG Moyens permettant d'une part d'éviter ou de Guidage réduire les erreurs, d'autre part de les corriger Charge de travail lorsqu'elles survienne Contrôle explicite Adaptabilité Les sous critères : 5.1 Protection contre les erreurs Gestion des erreurs 5.2 Qualité des messages 5.3 Correction des erreurs Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 14. Fusionner les critères de Bastien-Scapin & WCAG Les choix de conception d'interface doivent être Guidage conservés pour des contextes identiques, et Charge de travail doivent être différents pour des contextes Contrôle explicite différents. Par exemple, toujours afficher au Adaptabilité même endroit l'incitation pour la saisie des données ou des commandes Gestion des erreurs Homogénéité / Cohérence Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 15. Fusionner les critères de Bastien-Scapin & WCAG Il doit y avoir adéquation entre l'objet ou Guidage l'information affichée ou entrée, et son Charge de travail référent. Par exemple, rendre les règles Contrôle explicite d'abréviation explicites Adaptabilité Gestion des erreurs Homogénéité / Cohérence Signifiance des codes Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 16. Fusionner les critères de Bastien-Scapin & WCAG Guidage Il faut qu'il y ait accord entre les Charge de travail caractéristiques des utilisateurs et des tâches, Contrôle explicite d'une part, et l'organisation des sorties, des entrées et du dialogue d'une application Adaptabilité donnée, d'autre part. Par exemple, les termes Gestion des erreurs employés doivent être familiers aux Homogénéité / Cohérence utilisateurs, et relatifs à la tâche à réaliser. Signifiance des codes Compatibilité Critères ergonomiques de Bastien-Scapin http://hal.inria.fr/docs/00/13/12/55/PDF/RR-5531.pdf
  • 17. Fusionner les critères de Bastien-Scapin & WCAG
  • 18. Résumé Quelques mots sur un ergonaute Introduction Fusionner les critères de Bastien-Scapin & WCAG Une approche étendue de l’audit d’interface Projet de recherche, des intéressés ?
  • 19. Une approche étendue de l’audit d’interface Accessibilité et ergonomie, une démarche conjointe d’évaluation L’évaluation par les experts :  L’évaluation experte du niveau d’accessibilité  L’évaluation experte du niveau d’ergonomie Les tests utilisateurs  Élaboration d’un plan de test  Recrutement de participants, avec et sans handicaps  Phase de test : entretiens en face à face  Analyse des résultats  Recommandations en fonction de toutes les clientèles cible = une approche inclusive de l’évaluation des systèmes interactifs
  • 20. Résumé Quelques mots sur un ergonaute Introduction Fusionner les critères de Bastien-Scapin & WCAG Une approche étendue de l’audit d’interface Projet de recherche, des intéressés ?
  • 21. Projet de recherche, des intéressés ? Un projet de recherche qui commence maintenant « Créer une grille d’évaluation reprenant les critères d’accessibilité de WCAG 2.0 / SQRI-008 & les critères ergonomiques de Bastien-Scapin » Partenaires : UxPA Qc + AccessibilitéWeb + … Qui ? Tous les passionnés qui veulent donner de leur temps pour réaliser ce projet, d’ici et d’ailleurs Comment ? Un comité de recherche sera créé avec tous les volontaires…il suffit de me donner vos coordonnées 