Centre NTE (nte.unifr.

ch) / Atelier

Ergonomie (rgles de qualit) de sites web

David TOUVET / avril 2004

Plan de prsentation
Objectifs de la prsentation La notion dergonomie Critres ergonomiques : test

Centre NTE

Ergonomie des sites web

Objectifs de la prsentation
Comprendre : notion dergonomie web Identifier : facteurs de qualit dun site web Acqurir : mentalit et un vocabulaire (travail en quipe, tests, etc.)

Centre NTE

Ergonomie des sites web

La notion dergonomie
Introduction

Lergonomie cest quoi ?

Notion bizarre, complique Accent sur programmation, mode Second plan, si on a le temps

Et pourtant
Logique et primordial (cafetire)

Centre NTE

Ergonomie des sites web

La notion dergonomie
Introduction

Respect des standards

+ Livre, magazines, etc. + Portes, tlphones, etc. + / - bancomat - automate bus / train - sites web (ex. caddie 1 et 2)
Centre NTE Ergonomie des sites web 5

La notion dergonomie
Historique

Adaptation des choses entourant lhomme pour effectuer des tches spcifiques Ensemble de disciplines -> science du travail : adapter le travail et son environnement lhomme Application d'autres domaines : informatique. Interactions Homme Machine (IHM)
Centre NTE Ergonomie des sites web 6

La notion dergonomie
Dfinition

Dmarche ergonomique peut sappliquer pour une interface web

Critre dutilit (demande, besoins) Critre dutilisabilit (facilit)

Ergonomie : La mise en uvre de connaissances scientifiques relatives l'homme et ncessaires pour concevoir des outils, des machines et des dispositifs qui puissent tre utiliss par le plus grand nombre avec le maximum de confort, de scurit et d'efficacit. (Socit d'Ergonomie de Langue Franaise)
Centre NTE Ergonomie des sites web 7

La notion dergonomie
Utilisateur

L'utilisateur a toujours raison. S'il existe un problme avec l'utilisation du systme, il provient du systme, pas de l'utilisateur. (Alain ROBILLARD-BASTIEN) (exemple)

Votre regard dexpert

Tests public-cible

Centre NTE

Ergonomie des sites web

La notion dergonomie
Tches

Se rendre sur le site : http://www.cff.ch

1.

2.

3.

4.

Affichez lhoraire complet du trajet Fribourg-Zrich (passant par Berne et Olten ) dans une semaine (heure darrive avant 22h00). Combien coterait un billet aller simple plein tarif ? Combien coterait le mme trajet par Zug ? Mmorisez la correspondance Fribourg-Lausanne que vous pensez utiliser souvent et effectuez ensuite une recherche dhoraire pour ce soir. Vous dsirez acheter un Abonnement Gnral. Quels sont les documents ncessaires cette dmarche ? Est-il possible de transporter son vlo (en tant que bagage main) dans le Cisalpino pour Milan ?

Centre NTE

Ergonomie des sites web

Les critres ergonomiques

Rgle dor !

Ne mobligez pas rflchir !

Centre NTE

Ergonomie des sites web

10

Les critres ergonomiques

Accessibilit

Multi-plateforme Multi-rsolutions (ex1, ex2) Compatibilit navigateurs (ex) Vitesse daffichage (ex) Impression (print.css) Dficience visuelle (ex1, ex2)
Centre NTE Ergonomie des sites web 11

Les critres ergonomiques

Navigation

Modes de navigation Zones de navigation (site ID, page name, summary, sections, local navigation) (ex) Menu (ex) Liens (ex1, ex2, ex3)

Centre NTE

Ergonomie des sites web

12

Les critres ergonomiques

Structuration de linformation

Homepage (ex) Objectifs du site (ex) Identit du site (logo, slogan, <title>) (ex) Page type (ex) Localisation de linformation (ex1, ex2)
Centre NTE Ergonomie des sites web 13

Les critres ergonomiques

Lisibilit

Feuille de style (CSS) Charte graphique (identit visuelle) (ex) Prsentation de linformation (ex1, ex2) Facteurs de nuisances Gestion de lespace Qualit du contenu (orthographe, clart, validit, fiche produit (ex)) Qualit des lments multimdias (ex) URL (ex)
Centre NTE Ergonomie des sites web 14

Les critres ergonomiques

Systmes daide / guidage / gestion des erreurs

F.A.Q. (ex) Possibilit dentrer en contact (ex) Indication des mises jour Gestion des plug-in (ex) Gestion de la page 404 Gestion du moteur de recherche (ex) Etat de finition Gestion des formulaires (ex)
Centre NTE Ergonomie des sites web 15

Les critres ergonomiques

Personnalisation

Profil : enregistrement / identification (ex1, ex2, ex3) Respect des donnes personnelles (ex) Choix des langues

Centre NTE

Ergonomie des sites web

16

Ressources
NIELSEN J., Conception de sites Web, l'art de la simplicit, CampusPress France, Paris, 2000 KRUG S., Zro prise de tte, Dunod, Paris, 2001 NORMAN D. A., The Design of Everyday Things, The MIT Press, London, 1998 L'ergonome (http://www.lergonome.com/pages/accueil.php) Ergolab (http://www.ergolab.net/) Openweb (http://openweb.eu.org/) Veblog (http://www.veblog.com/) Web Design & Usability Guidelines (http://usability.gov/guidelines/) Redaction.be (http://www.redaction.be/)

Centre NTE

Ergonomie des sites web

17

Je vous remercie de votre attention

Centre NTE

Ergonomie des sites web

18