café numérique utilisabilité et accessibilité
DESCRIPTION
Slides de Nicolas Goyer pour le café numérique café numérique utilisabilité et accessibilité.Nicolas nous initie aux concepts d'utilisabilité.TRANSCRIPT
Usability / Ergonomie
Nicolas GOYER / Smals
13/04/2023
Smals
• 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
13/04/2023
3
Table of Contents
1 Définitions
2 Théorie
3 Questions
13/04/2023
4
L’ergonomie rend les applications et les sites web plus faciles et plus simples à utiliser.
Définition de l’ergonomie
13/04/2023
5
Définition de l’ergonomie
L’ergonomie c’est adapter un produit à ses utilisateurs
13/04/2023
6
Définition de l’ergonomie
L’ergonomie c’est rendre tout produit comme une paire de lunette : un produit de haute technologie qui s’efface devant l’usage que l’on en fait.
13/04/2023
Ergonomie et ergonomie
7
13/04/2023
Ergonomie et ergonomie
8
13/04/2023
9
Les composants de l’ergonomie
Efficacité
Efficience Satisfaction
13/04/2023
Branche de l’ergonomie plus ciblée sur les handicapes cognitifs, sensoriels et moteurs
Définition de l’accessibilité
13/04/2023
Définition de l’accessibilité
L’accessibilité s’intéresse également au condition d’accès a un site ou une application web.
13/04/2023
Définition de l’accessibilité
« Mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »
- Tim Berners Lee
13/04/2023
Le contexte
13
13/04/2023
Adopter le point de vu de l’utilisateur
Interface
Logique
Données
14
13/04/2023
Adopter le point de vu de l’utilisateur
Interface
Magie
15
13/04/2023
L’ergonomie dans un projet
Architecture de l’information / du site
Zoning – Design – Layout
Maquettage
Implémentation
Définition des fonctionnalités
Etc.
13/04/2023
L’ergonomie : discipline transversale
Chef de projet
Graphistes
Analystes
Intégrateurs Etc.
13/04/2023
18
Table of Contents
1 Définitions
2 Théorie
3 Questions
13/04/2023
Heuristiques de Jakob Nielsen
1. Visibilité de l’état du système
2. Correspondance entre le système et le monde réel
3. Contrôle et liberté de l’utilisateur
4. Cohérence et respect des standards
5. Prévention des erreurs
6. Reconnaissance plutôt que rappel
7. Flexibilité et efficience d’utilisation
8. Design esthétique et minimaliste
9. Correction des erreurs
10. Aide et documentation
13/04/2023
20
Autres heuristiques
• Heuristique de Bastin & Scapin
• Critères ergonomiques de Jean-François Nogier
• Critères ergonomiques d’Amélie Boucher
13/04/2023
21
1. Visibilité de l’état du système
First name
Birth date
Last name
John
Smith
10 / 03 / 2008
OK
First name
Birth date
Last name
OK
First name
Birth date
Last name
John
Smith
10 / 03 / 2008
OK
Form sent successfully
13/04/2023
22
2. Correspondance entre le système et le monde réel
13/04/2023
23
3. Contrôle et liberté de l’utilisateur
13/04/2023
24
4. Cohérence et respect des standards
13/04/2023
25
5. Prévention des erreurs
10 march10 march 200810/03/2008 ?
(dd/mm/yyyy)
13/04/2023
26
6. Reconnaissance plutôt que rappel
13/04/2023
27
7. Flexibilité et efficience d’utilisation
Ctrl
S+
Novice Expert
13/04/2023
28
8. Design esthétique et minimaliste
13/04/2023
29
9. Correction des erreurs
Last name
(dd/mm/yyyy)Birth date
City
Error in the formFirst name
(dd/mm/yyyy)Birth date
Last name
Bad date format
Smith
Brussels
10 march
John
Smith
10 march
First name John
City Brussels
13/04/2023
30
10. Aide et documentation
Le système devrait fournir des aides et de la documentation. Toutes les informations devraient être facile à chercher et être concentrées sur la tâche (par exemple, tutoriels, spécifications, agents intelligents, etc.).
13/04/2023
31
Règles d’accessibilité
1. Perceptible2. Utilisable3. Compréhensible4. Robuste
13/04/2023
32
1. Perceptible
Proposer des équivalents textuels
13/04/2023
33
1. Perceptible
13/04/2023
34
Rendre toutes les fonctionnalités accessibles au clavier.
2. Utilisable
13/04/2023
35
2. Utilisable
Laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu.
13/04/2023
36
2. Utilisable
Fournir à l'utilisateur des éléments d'orientation pour naviguer, trouver le contenu et se situer dans le site.
13/04/2023
37
3. Compréhensible
1st page left side menu 2nd page right side menu 3rd page left or right side menu
?
Faire en sorte que les pages apparaissent et fonctionnent de manière prévisible.
13/04/2023
38
4. Robuste
Optimiser la compatibilité avec les différents navigateur actuels et futurs.
13/04/2023
39
Table of Contents
1 Définitions
2 Théorie
3 Questions
13/04/2023
Questions ?
Remarques ?
13/04/2023
Coordonnées
• [email protected]• [email protected]
• Twitter @usability_fr• Slideshare usability_fr
• Linkedin - http://www.linkedin.com/in/nickko