Usability / ErgonomieNicolas GOYER / Smals
13/11/2011Smals• Sites web     Portail de la sécurité sociale     Restructurations.be     AuTravail.be     Et bien d’autre...
13/11/2011Table of Contents1 Définitions2 Théorie3 Questions                             3
13/11/2011Définition de l’ergonomieL’ergonomie rend les applications et les sitesweb plus faciles et plus simples à utilis...
13/11/2011Définition de l’ergonomieL’ergonomie c’est adapter un produit à sesutilisateurs                                 ...
13/11/2011Définition de l’ergonomieL’ergonomie c’est rendre tout produit commeune paire de lunette : un produit de hautete...
13/11/2011Ergonomie et ergonomie                                  7
13/11/2011Ergonomie et ergonomie                                  8
13/11/2011Les composants de l’ergonomie                    Efficacité       Efficience            Satisfaction            ...
13/11/2011Définition de l’accessibilitéBranche de l’ergonomie plus ciblée sur leshandicapes cognitifs, sensoriels et moteurs
13/11/2011Définition de l’accessibilitéL’accessibilité s’intéresse également aucondition d’accès a un site ou uneapplicati...
13/11/2011Définition de l’accessibilité« Mettre le web et ses services à la disposition de tousles individus, quels que so...
13/11/2011Le contexte                      13
13/11/2011Adopter le point de vu de l’utilisateur                  Interface                   Logique                   D...
13/11/2011Adopter le point de vu de l’utilisateur                 Interface                  Magie                        ...
13/11/2011L’ergonomie dans un projet           Définition des fonctionnalités           Architecture de l’information / du...
13/11/2011L’ergonomie : discipline transversale
13/11/2011Table of Contents1 Définitions2 Théorie3 Questions                            18
13/11/2011Heuristiques de Jakob Nielsen1. Visibilité de l’état du système2. Correspondance entre le système et le monde ré...
13/11/2011 Autres heuristiques• Heuristique de Bastin & Scapin• Critères ergonomiques de Jean-François Nogier• Critères er...
13/11/2011      1. Visibilité de l’état du systèmeFirst name   John             First name     JohnLast name    Smith     ...
13/11/20112. Correspondance entre le système et le monde réel                                                         22
13/11/20113. Contrôle et liberté de l’utilisateur                                                  23
13/11/20114. Cohérence et respect des standards                                           24
13/11/20115. Prévention des erreurs                            (dd/mm/yyyy)    10 march    10 march 2008    10/03/2008    ...
13/11/20116. Reconnaissance plutôt que rappel                                              26
13/11/20117. Flexibilité et efficience d’utilisation        Novice              Expert                           Ctrl   + ...
13/11/20118. Design esthétique et minimaliste                                              28
13/11/2011        9. Correction des erreurs  Error in the form                                     First name    JohnFirst...
13/11/201110. Aide et documentationLe système devrait fournir des aides et de ladocumentation. Toutes les informationsdevr...
13/11/2011Règles d’accessibilité1.   Perceptible2.   Utilisable3.   Compréhensible4.   Robuste                            ...
13/11/2011     1. PerceptibleProposer des équivalents textuels                                            32
13/11/20111. Perceptible                         33
13/11/20112. UtilisableRendre toutes les fonctionnalités accessibles au clavier.                                          ...
13/11/20112. UtilisableLaisser à lutilisateur suffisamment de temps pour lireet utiliser le contenu.                      ...
13/11/20112. UtilisableFournir à lutilisateur des éléments dorientation pournaviguer, trouver le contenu et se situer dans...
13/11/2011       3. Compréhensible         Faire en sorte que les pages apparaissent et fonctionnent de         manière pr...
13/11/20114. Robuste Optimiser la compatibilité avec les différents navigateur actuels et futurs.                         ...
13/11/2011Table of Contents1 Définitions2 Théorie3 Questions                            39
13/11/2011Questions ?Remarques ?
13/11/2011Coordonnées• Nicolas.GOYER@smals.be• Nicolas_GOYER@usability.fr• Twitter      @usability_fr• Slideshare    usabi...
Prochain SlideShare
Chargement dans…5
×

Café numérique utilisabilité et accessibilité

424 vues

Publié le

Slides de Nicolas Goyer pour le café numérique café numérique utilisabilité et accessibilité.

Nicolas nous initie aux concepts d'utilisabilité.

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

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

Aucune remarque pour cette diapositive

Café numérique utilisabilité et accessibilité

  1. 1. Usability / ErgonomieNicolas GOYER / Smals
  2. 2. 13/11/2011Smals• Sites web Portail de la sécurité sociale Restructurations.be AuTravail.be Et bien d’autres encore• Développement d’applications eGov• 1600 collaborateurs en 2010 Parmi le top 10 des entreprises IT en Belgique
  3. 3. 13/11/2011Table of Contents1 Définitions2 Théorie3 Questions 3
  4. 4. 13/11/2011Définition de l’ergonomieL’ergonomie rend les applications et les sitesweb plus faciles et plus simples à utiliser. 4
  5. 5. 13/11/2011Définition de l’ergonomieL’ergonomie c’est adapter un produit à sesutilisateurs 5
  6. 6. 13/11/2011Définition de l’ergonomieL’ergonomie c’est rendre tout produit commeune paire de lunette : un produit de hautetechnologie qui s’efface devant l’usageque l’on en fait. 6
  7. 7. 13/11/2011Ergonomie et ergonomie 7
  8. 8. 13/11/2011Ergonomie et ergonomie 8
  9. 9. 13/11/2011Les composants de l’ergonomie Efficacité Efficience Satisfaction 9
  10. 10. 13/11/2011Définition de l’accessibilitéBranche de l’ergonomie plus ciblée sur leshandicapes cognitifs, sensoriels et moteurs
  11. 11. 13/11/2011Définition de l’accessibilitéL’accessibilité s’intéresse également aucondition d’accès a un site ou uneapplication web.
  12. 12. 13/11/2011Définition de l’accessibilité« Mettre le web et ses services à la disposition de tousles individus, quels que soient leur matériel oulogiciel, leur infrastructure réseau, leur languematernelle, leur culture, leur localisationgéographique, ou leurs aptitudes physiques oumentales. » - Tim Berners Lee
  13. 13. 13/11/2011Le contexte 13
  14. 14. 13/11/2011Adopter le point de vu de l’utilisateur Interface Logique Données 14
  15. 15. 13/11/2011Adopter le point de vu de l’utilisateur Interface Magie 15
  16. 16. 13/11/2011L’ergonomie dans un projet Définition des fonctionnalités Architecture de l’information / du site Zoning – Design – Layout Maquettage Implémentation Etc.
  17. 17. 13/11/2011L’ergonomie : discipline transversale
  18. 18. 13/11/2011Table of Contents1 Définitions2 Théorie3 Questions 18
  19. 19. 13/11/2011Heuristiques de Jakob Nielsen1. Visibilité de l’état du système2. Correspondance entre le système et le monde réel3. Contrôle et liberté de l’utilisateur4. Cohérence et respect des standards5. Prévention des erreurs6. Reconnaissance plutôt que rappel7. Flexibilité et efficience d’utilisation8. Design esthétique et minimaliste9. Correction des erreurs10. Aide et documentation
  20. 20. 13/11/2011 Autres heuristiques• Heuristique de Bastin & Scapin• Critères ergonomiques de Jean-François Nogier• Critères ergonomiques d’Amélie Boucher 20
  21. 21. 13/11/2011 1. Visibilité de l’état du systèmeFirst name John First name JohnLast name Smith Last name SmithBirth date 10 / 03 / 2008 Birth date 10 / 03 / 2008 OK OK First name Last name Form sent successfully Birth date OK 21
  22. 22. 13/11/20112. Correspondance entre le système et le monde réel 22
  23. 23. 13/11/20113. Contrôle et liberté de l’utilisateur 23
  24. 24. 13/11/20114. Cohérence et respect des standards 24
  25. 25. 13/11/20115. Prévention des erreurs (dd/mm/yyyy) 10 march 10 march 2008 10/03/2008 ? 25
  26. 26. 13/11/20116. Reconnaissance plutôt que rappel 26
  27. 27. 13/11/20117. Flexibilité et efficience d’utilisation Novice Expert Ctrl + S 27
  28. 28. 13/11/20118. Design esthétique et minimaliste 28
  29. 29. 13/11/2011 9. Correction des erreurs Error in the form First name JohnFirst name John Last name SmithLast name Smith City Brussels Birth date 10 march (dd/mm/yyyy) City BrusselsBirth date 10 march (dd/mm/yyyy) Bad date format 29
  30. 30. 13/11/201110. Aide et documentationLe système devrait fournir des aides et de ladocumentation. Toutes les informationsdevraient être facile à chercher et êtreconcentrées sur la tâche (par exemple,tutoriels, spécifications, agents intelligents,etc.). 30
  31. 31. 13/11/2011Règles d’accessibilité1. Perceptible2. Utilisable3. Compréhensible4. Robuste 31
  32. 32. 13/11/2011 1. PerceptibleProposer des équivalents textuels 32
  33. 33. 13/11/20111. Perceptible 33
  34. 34. 13/11/20112. UtilisableRendre toutes les fonctionnalités accessibles au clavier. 34
  35. 35. 13/11/20112. UtilisableLaisser à lutilisateur suffisamment de temps pour lireet utiliser le contenu. 35
  36. 36. 13/11/20112. UtilisableFournir à lutilisateur des éléments dorientation pournaviguer, trouver le contenu et se situer dans le site. 36
  37. 37. 13/11/2011 3. Compréhensible Faire en sorte que les pages apparaissent et fonctionnent de manière prévisible.1st page left side menu 2nd page right side menu 3rd page left or right side menu 37
  38. 38. 13/11/20114. Robuste Optimiser la compatibilité avec les différents navigateur actuels et futurs. 38
  39. 39. 13/11/2011Table of Contents1 Définitions2 Théorie3 Questions 39
  40. 40. 13/11/2011Questions ?Remarques ?
  41. 41. 13/11/2011Coordonnées• Nicolas.GOYER@smals.be• Nicolas_GOYER@usability.fr• Twitter @usability_fr• Slideshare usability_fr• Linkedin http://www.linkedin.com/in/nickko

×