Café numérique utilisabilité et accessibilité

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


L’ergonomie c’est adapter un produit à ses utilisateurs

13/04/2023

6


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


L’accessibilité s’intéresse également au condition d’accès a un site ou une application web.

13/04/2023


« 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