SlideShare une entreprise Scribd logo
Licence Professionnelle en Management International
Réalisé par: Encadré par:
• Bouayad Chaymaa Mr, Adil Hachmoud
• Najwa Mesbahi
Introduction
Chapitre I: l’Ergonomie en général
* L’objectif et caractéristiques d’ergonomie
* Les domaines de spécialisation de l’ergonomie
* Critères ergonomiques
Chapitre II: l’Ergonomie en informatique
* La notion d’ergonomie en informatique
* Les critères d’ergonomie en informatique
* Utilité de l’ergonomie en informatique
Chapitre III: l’Ergonomie du Web
* Les qualités d’un site Web
* La problématique ergonomique de la page d’accueil d’un site
Web
* Recommandations ergonomiques pour la conception d’un site
Web
Conclusion
L’ergonomie est une discipline scientifique qui vise l’adaptation
d’un système à son utilisateur, afin que ce dernier puisse mener ses
activités avec un maximum d'efficacité, de satisfaction et de bien-être,
avec une phase d'adaptation réduite.
Pour le multimédia, l’ergonomie est intégrée dès le début d’un
projet afin d’assurer une bonne communication entre l’utilisateur et le
système.
Chapitre I :
I : L’objectif et caractéristiques d’ergonomie.
L’ergonomie est l’utilisation de connaissances scientifiques
relatives à l’homme dans le but d’améliorer son environnement de
travail.
L'ergonomie se caractérise généralement selon trois composantes:
• L'efficacité, consistant à adopter des solutions appropriées
d'utilisation d'un produit, au-delà du bon sens du concepteur;
• La sécurité, consistant à choisir des solutions adéquates pour
protéger l'utilisateur;
• Le confort d'utilisation, consistant à réduire au maximum la
fatigue physique et nerveuse.
II : Les domaines de spécialisation de l’ergonomie.
L’ergonomie est une discipline orientée, qui s’applique
aujourd’hui à tous les aspects de l’activité humaine. Les
ergonomes praticiens doivent avoir une compréhension large de
l’ensemble de la discipline, prenant en compte les facteurs
physiques, cognitifs, sociaux, organisationnels, environnementaux
et d’autres encore. Les ergonomes travaillent souvent dans des
secteurs économiques particuliers, des domaines d’application.
Au sein de la discipline, les domaines de spécialisation
constituent des compétences plus fouillées dans des attributs
humains spécifiques ou dans des caractéristiques de l’interaction
humaine.
• L’ergonomie physique:
L’ergonomie physique s’intéresse aux caractéristiques
anatomiques, anthropométriques, physiologiques et biomécaniques de
l’homme dans leur relation avec l’activité physique.
• L’ergonomie cognitive :
L’ergonomie cognitive s’intéresse aux processus mentaux, tels
que la perception, la mémoire, le raisonnement et les réponses
motrices, dans leurs effets sur les interactions entre les personnes et
d’autres composantes d’un système.
• L’ergonomie organisationnelle :
L’ergonomie organisationnelle s’intéresse à l’optimisation des
systèmes socio- techniques, ceci incluant leur structure
organisationnelle, règles et processus.
III : Les critères de l’ergonomie.
Les critères ergonomiques, qu'on les voit comme des règles ou
des guides, sont à la base un des meilleurs outils que l'on
puisse utiliser pour voir, comprendre et expliquer des
problèmes
1 : Le guidage
2 : Charge de travail
L'ensemble des moyens mis en oeuvre pour conseiller,
orienter, informer et conduire l'utilisateur lors de
ses interactions avec le système.
L'ensemble des éléments de l'interface qui a un rôle dans la
réduction de la charge perceptive ou mnésique des utilisateurs,
de même que dans l'augmentation de l'efficacité du dialogue.
3 : Contrôle explicite
4 : Adaptabilité
Prise en compte par le système des actions explicites des
utilisateurs et le contrôle qu'ont les utilisateurs sur
le traitement de leurs actions.
Capacité à réagir selon le contexte et selon
les besoins et les préférences des utilisateurs.
5 :Gestion des erreurs
6 : Homogénéité/Cohérence
Moyens permettant d'une part d'éviter ou de réduire les erreurs,
d'autre part de les corriger lorsqu'elles surviennent.
Les choix de conception d'interface doivent être conservés pour
des contextes identiques, et doivent être différents pour des contextes
différents. Par exemple, toujours afficher au même endroit
l'incitation pour la saisie des données ou des commandes.
7 : Signifiance des codes et dénominations
8 : Comptabilité
Il doit y avoir adéquation entre l'objet ou l'information affichée
ou entrée, et son référent. Par exemple, rendre
les règles d'abréviation explicites.
Il faut qu'il y ait accord entre les caractéristiques des utilisateurs
et des tâches,d'une part, et l'organisation des sorties,
des entrées et du dialogue d'une application donnée,
d'autre part. Par exemple, les termes employés doivent
être familiers aux utilisateurs, et relatifs à la tâche à réaliser.
Chapitre II :
I : La notion d’ergonomie en Informatique.
L'ergonomie informatique a pour objectif l'amélioration du
dialogue homme – ordinateur, c à d la capacité du produit
informatique à être facilement utilisé par une personne pour
réaliser la tâche pour laquelle il a été conçu.
La notion d'ergonomie informatique englobe à la fois :
-la performance de réalisation de la tâche
-la satisfaction que procure l'utilisation du logiciel
-la facilité avec laquelle on apprend à s'en servir
II : Les critères d’ergonomie en Informatique.
Une interface informatique doit satisfaire à deux grands critères :
1 – Utilité
Les fonctionnalités proposées par le système doivent être utiles :
• l'interface doit servir à faire quelque chose, et ce quelque chose
doit être pertinent au regard des objectifs de l'utilisateur cible.
L'application doit servir un besoin.
• Un système peut respecter tous les critères d’utilisabilité mais
être inutile. C'est l'adéquation entre l'activité et l'outil qui
permettra de dire que cet outil est utile.
• Les méthodes d'analyse de l'activité nous permettent de cerner
quelles fonctionnalités doit fournir l'application, autrement dit
quelles fonctionnalités sont utiles.
Un système de bonne qualité ergonomique devra être à la fois
utile et utilisable.
2 - Utilisabilité :
Facilité avec laquelle l’utilisateur peut utiliser un système
(généralement une application logicielle).
L’Utilisabilité d’une interface est habituellement déterminée
selon certains critères liés au comportement de l’utilisateur tels que
le temps d’apprentissage, La vitesse d’exécution de la tâche et le
nombre d’erreurs commises. L’adéquation de la tâche ainsi que la
satisfaction de l’utilisateur est également prises en compte.
III : Utilité de l’ergonomie en Informatique.
Le but d’une application informatique est qu’elle soit utilisée, et
qu’elle le soit de façon efficace. Si une interface est difficile à utiliser, si
son fonctionnement est difficile à comprendre, la personne :
* n’utilisera pas l’interface ou tentera d’y substituer d’autres
outils;
* utilisera l’interface par obligation de résultats, mais de façon
dégradée : elle ne pourra pas réaliser ses actions efficacement ou
rapidement. De plus, elle aura sans doute une perception très négative
de son interaction avec le système.
L’ergonomie a pour objectif d’améliorer l’interaction des
hommes avec les systèmes. Il s’agit que la machine soit conçue ou
modifiée pour entrer en adéquation avec les caractéristiques
physiologiques, perceptives et cognitives de ses utilisateurs potentiels.
Ces derniers pourront alors interagir efficacement avec le système
informatique.
Il en découle des gains de temps et d’argent, mais aussi une
satisfaction de l’utilisateur.
Il s’y ajoute une optimisation de la sûreté de fonctionnement
lorsque le système avec lequel l’utilisateur doit interagir est un système
dit "à risque" (domaines industriels, chimiques, nucléaires, …).
Les ergonomes peuvent donc être amenés à travailler dans le
domaine industriel ( interfaces de visualisation, de saisie ou de
transmission d’informations, interfaces de commandes…), ou pour des
applications plus classiques (logiciels, sites Internet, intranet,
extranet…).
Le travail de l’ergonome est en grande partie déterminé par
l’objectif de l’application, à vocation professionnelle ou grand public,
destinée à une cible d’utilisateurs aux caractéristiques particulières
(enfants, déficients visuels, hommes d’environ 30 ans experts avec l’outil
informatique…)
Chapitre III :
I : Les qualités d’un site Web:
Pour fidéliser les internautes, il faut que le site possède d’un
certain nombre de qualités qui vont assurer son fonctionnement.
Un site utile :
du contenu à jour, qui se renouvelle régulièrement
des pages réservant un maximum de surface au contenu utile
fiabilité
sécurité
respect des droits et libertés des internautes
Un site rapide:
Temps de transfert minimal
Temps de réponse du serveur
Vitesse de mise en page
Un site simple:
Un site Web très épuré renforcera la crédibilité de l'organisation
Un site familier :
Respect de l'apparence standard des liens
Respect du mode de navigation du Web
Identification du site (logo) en haut à gauche
Eléments de navigation en haut et à gauche
Un site universel :
Fonctionne quelque soit le type de navigateur (Microsoft,
Netscape, ...)
Fonctionne quelque soit la version du navigateur
Fonctionne quelque soit l'écran utilisé
Utilisable avec des navigateurs en mode texte
Pensez aux autres types d'accès
Accessibilité pour les handicapés, particulièrement les
malvoyants
Pensez à fournir une version imprimable des documents ou
articles mis à disposition
Un site lisible :
Utilisez un style direct, simple, concis
Mettre en évidence les points importants
Polices et couleurs
Défilement
Un site ouvert:
D'autres sites créent des liens sur vos pages
Les internautes accèdent à votre site par les moteurs de
recherche
Votre site mène vers d'autres sites...
Un site navigable :
Sur chaque page, indiquer à l'internaute où il est
Sur chaque page, indiquer à l'internaute où il peut aller
Sur chaque page, indiquer à l'internaute où il a déjà été
Donnez à l'internaute un moteur de recherche et un plan du site
Un site testé:
Tests techniques
Tests d'ergonomie
II : La problématique ergonomique de la page d’accueil
d’un site Web :
Les sites possédant un contenu commercial ou d’information très
riche sont confrontés dès leur page d’accueil à la nécessité de faire
percevoir à l’Internaute la richesse et l’emplacement de ce contenu sur
un espace visuel plus ou moins limité.
Un site au contenu riche efficace n’est donc pas un site sur lequel
une grande quantité d’information est présentée, mais plutôt un site
dont le contenu est présenté de façon claire.
En effet, la réussite de l’ergonomie du site est directement liée à
ces étapes :
 Identifier de façon exhaustive le contenu
 Catégoriser les informations en classes pertinentes
 Identifier chaque classe par un libellé précis.
Un exemple montre les points positifs et négatifs qui peuvent
contenir une page d’accueil :
En résumé, la page d’accueil ne doit pas être sur chargée, les
libellés des différentes rubriques doivent être clairs et pertinents, pour
mieux guider les utilisateurs et l’information doit être correctement
architecturée.
III : Recommandations ergonomiques pour la conception
d’un site Web :
1. L’homogénéité :
• Garder une homogénéité dans la présentation des pages du site.
• Lors de la création d’un site, il faut faire un guide (règles
d’ergonomie + charte graphique) à l’attention des personnes qui
vont l’alimenter.
2. les cadres ou frames :
• Éviter absolument d’utiliser des cadres car ils posent des problèmes
rédhibitoires :
* Ils compliquent l’indexation des pages par les moteurs de
recherche
* Ils compliquent l’impression des pages pour les utilisateurs
* Ils sont problématiques lors de la mise d’une page en favoris
• Toutefois les cadres présentent certains avantages :
* Ils peuvent faciliter la maintenance d’un site
* Les cadres peuvent aussi être une aide à la navigation
• Si malgré tout vous souhaitez utiliser des cadres, il faut :
* Permettre à l’utilisateur d’adapter la dimension des cadres.
* N’utiliser que trois cadres au maximum.
* Les liens conduisant vers un site externe au site courant doivent
entraîner l’ouverture d’une nouvelle fenêtre du navigateur.
3. La disposition des éléments/informations dans la page :
• Le système de navigation doit occuper une surface minimale.
• Ne pas trop scinder les informations.
• Conserver des espaces vierges pour ne pas obtenir de page trop
compacte.
• Les outils de navigation ainsi que les informations critiques (c’est-à-
dire messages d’erreur, d’avertissement, alerte, etc.) doivent se situer
en haut de page.
4. La clarté :
• Améliore la convivialité de l’interaction
5. Les titres et les sous-titres :
• Ils permettent à l’utilisateur de se faire une idée du contenu de la page
6. La densité d’information :
• Le temps nécessaire pour retrouver une information augmente quand la
densité d’information s’accroît
7. Le choix des couleurs :
• Préférer un fond clair (voire blanc) à un fond sombre (fatigant pour les
yeux).
• Rester « sobre » dans la couleur de fond.
• Réserver les couleurs saturées pour mettre en relief des informations
importantes et les couleurs peu saturées pour des informations moins
importantes.
• Le codage par la couleur doit être doublé par un autre codage.
Respecter la signification que l’utilisateur attribue à une couleur donnée.
Préférez Évitez
Bleu - Magenta Rouge – Vert
Cyan - Magenta Bleu – Jaune
Bleu - Cyan Vert – Bleu
Jaune - Vert Rouge - Bleu
Jaune - Rouge Jaune – Magenta
Magenta - Rouge
Cyan - Jaune
Combinaisons de couleurs recommandées pour l'affichage de
texte en fonction de la couleur du fond
8. Les aspects typologiques :
 Choix de la police :
Chaque caractère possède une apparence et une personnalité qui
donne. Alors éviter d’utiliser plus de quatre polices de caractères
différentes dans une même page, Et utiliser les polices de caractères de
manière homogène.
 La taille de la police :
Pour les textes courants, il est préférable d'utiliser un corps
compris entre 9 et 12. Mais sur tous éviter d’utiliser des polices trop
petites.
 L’alignement :
Un texte peut-être :
* aligné à gauche
* aligné à droite
* centré
* justifié
L'alignement va avoir une incidence sur l'aspect du "document", 
mais aussi sur sa lisibilité.
 Le soulignement :
réduit la lisibilité et éviter d’utiliser le soulignement hormis
pour les liens.
 Marquage en gras :
Plus le caractère est gras et contrasté par rapport à la page
blanche ou claire, plus il attirera le regard.
 Le clignotement :
Le clignotement : ne doit être utilisé qu'en cas de besoin urgent
par exemple dans des situations où la personne doit répondre
rapidement. Le clignotement joue alors le rôle d'une alarme signalant
l'urgence d'une réponse.
Le clignotement permet une bonne détection en périphérie du
champ visuel. Il permet d'attirer l'attention de l'utilisateur dans des
tâches de détection ou à haute densité informative.
9. L’utilisation des médias :
 Texte :
A contenu similaire la lecture sur un écran est moins performante
que celle effectuée sur un support papier.
 Son :
Le son peut-être utilisé pour:
* être un relais de l’image,
* attirer l’attention,
* mettre en garde,
* conseiller,
* créer une ambiance
 Bruitage :
Les bruitages peuvent être utilisés également pour :
* accompagner une information spécifique difficile à
montrer avec les autres médias
* marquer un changement ou susciter l'attention
* stipuler la prise en compte d'un choix ou d'un ensemble
de choix.
 Image :
Les images peuvent motiver et aider à la compréhension mais si
elles sont en trop grand nombre, elles peuvent très rapidement devenir
une barrière d'accès au site.
 Animations :
L’intégration des différents types d’informations demande un
effort cognitif important et alourdit le traitement de l’information,
l’être humain ne retiendrait que :
* 10 % de ce qu’il lit
* 50 % de ce qu’il voit et entend
* 70 % de ce qu’il voit, entend et lit
Alors, l’animation est utilisée Pour attirer l’attention du
visiteur, avec respect des recommandations suivantes :
* ne jamais « mettre en boucle » une animation.
* ne pas abuser des animations.
* l’animation choisie ne doit pas être trop voyante.
* éviter le texte dynamique pour faire animation
Utile, simple, attractive, lisible, universelle sont les
caractéristiques de l’ergonomie et de la navigation, ce sont des éléments
essentiels pour déterminer un succès ou un échec d’un projet
multimédia. Et compte tenu de l’évolution des interfaces et des
moyens de communication entre l’homme et la machine, les critères
précédemment cités et retenus sont régulièrement mis à jour, modifiés
et adaptés aux nouveaux systèmes.
Donc, les recherches en ergonomie informatique n’ont pas fini de
se renouveler.
Ergonomie(1) (1)

Contenu connexe

Tendances

Stress au travail: comprendre et prévenir
Stress au travail: comprendre et prévenirStress au travail: comprendre et prévenir
Stress au travail: comprendre et prévenir
HR SCOPE
 
Gestion de stress au travail
Gestion de stress au travailGestion de stress au travail
Gestion de stress au travail
Adiil Jadba
 
Approche de la maintenance industrielle
Approche de la maintenance industrielleApproche de la maintenance industrielle
Approche de la maintenance industrielle
Rached Douahchia
 
GMAO
GMAOGMAO
GMAO
senejug
 
Vibration Mécanique
Vibration MécaniqueVibration Mécanique
Vibration Mécanique
Smee Kaem Chann
 
Formulaire d electrotechnique
Formulaire d electrotechniqueFormulaire d electrotechnique
Formulaire d electrotechnique
morin moli
 
moteur asynchrone'ferial'
moteur asynchrone'ferial'moteur asynchrone'ferial'
moteur asynchrone'ferial'Ferial Mechtoub
 
Masrour cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
Masrour  cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrourMasrour  cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
Masrour cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
tawfik-masrour
 
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
M2i Formation
 
La gestion du stress
La gestion du stressLa gestion du stress
La gestion du stress
Yan156
 
Management et Leadership
Management et LeadershipManagement et Leadership
Management et Leadership
Yassine KOUSKSOU
 
Cours et TP Ms Project
Cours et TP Ms ProjectCours et TP Ms Project
Cours et TP Ms Projecthindif
 
Correction devoirdecontrolen3transmissiondemouvement2at2012
Correction devoirdecontrolen3transmissiondemouvement2at2012Correction devoirdecontrolen3transmissiondemouvement2at2012
Correction devoirdecontrolen3transmissiondemouvement2at2012Majda El Aouni
 
Exposé biomasse
Exposé biomasseExposé biomasse
Exposé biomasse
amal_R
 
La conduction
La conductionLa conduction
La conduction
Sahnoune Khaled
 
Document-élève-Boite-de-vitesse222.pdf
Document-élève-Boite-de-vitesse222.pdfDocument-élève-Boite-de-vitesse222.pdf
Document-élève-Boite-de-vitesse222.pdf
FAZAIFERYEL
 
Projet de réforme du système fiscal Tunisien
Projet de réforme du système fiscal TunisienProjet de réforme du système fiscal Tunisien
Projet de réforme du système fiscal Tunisien
Rajaa
 
Commande pwm moteurs
Commande pwm moteursCommande pwm moteurs
Commande pwm moteurs
Lakhlifi Ayoub
 
Thème 03 – Irrigation
Thème 03 – IrrigationThème 03 – Irrigation
Thème 03 – Irrigation
FAO
 

Tendances (20)

Stress au travail: comprendre et prévenir
Stress au travail: comprendre et prévenirStress au travail: comprendre et prévenir
Stress au travail: comprendre et prévenir
 
Foreuse Prof
Foreuse ProfForeuse Prof
Foreuse Prof
 
Gestion de stress au travail
Gestion de stress au travailGestion de stress au travail
Gestion de stress au travail
 
Approche de la maintenance industrielle
Approche de la maintenance industrielleApproche de la maintenance industrielle
Approche de la maintenance industrielle
 
GMAO
GMAOGMAO
GMAO
 
Vibration Mécanique
Vibration MécaniqueVibration Mécanique
Vibration Mécanique
 
Formulaire d electrotechnique
Formulaire d electrotechniqueFormulaire d electrotechnique
Formulaire d electrotechnique
 
moteur asynchrone'ferial'
moteur asynchrone'ferial'moteur asynchrone'ferial'
moteur asynchrone'ferial'
 
Masrour cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
Masrour  cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrourMasrour  cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
Masrour cours dynamique des systèmes - vibrations -chapitre4-vibrations-masrour
 
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
Formation M2i - GEPP : en quoi sa mise en place est-elle pertinente et d'actu...
 
La gestion du stress
La gestion du stressLa gestion du stress
La gestion du stress
 
Management et Leadership
Management et LeadershipManagement et Leadership
Management et Leadership
 
Cours et TP Ms Project
Cours et TP Ms ProjectCours et TP Ms Project
Cours et TP Ms Project
 
Correction devoirdecontrolen3transmissiondemouvement2at2012
Correction devoirdecontrolen3transmissiondemouvement2at2012Correction devoirdecontrolen3transmissiondemouvement2at2012
Correction devoirdecontrolen3transmissiondemouvement2at2012
 
Exposé biomasse
Exposé biomasseExposé biomasse
Exposé biomasse
 
La conduction
La conductionLa conduction
La conduction
 
Document-élève-Boite-de-vitesse222.pdf
Document-élève-Boite-de-vitesse222.pdfDocument-élève-Boite-de-vitesse222.pdf
Document-élève-Boite-de-vitesse222.pdf
 
Projet de réforme du système fiscal Tunisien
Projet de réforme du système fiscal TunisienProjet de réforme du système fiscal Tunisien
Projet de réforme du système fiscal Tunisien
 
Commande pwm moteurs
Commande pwm moteursCommande pwm moteurs
Commande pwm moteurs
 
Thème 03 – Irrigation
Thème 03 – IrrigationThème 03 – Irrigation
Thème 03 – Irrigation
 

En vedette

Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
Olivier Lorrain
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les Nuls
PALO IT
 
Charte Ergonomique
Charte Ergonomique Charte Ergonomique
Charte Ergonomique Rached Krim
 
Règlement sakifo2012 france_final
Règlement sakifo2012 france_finalRèglement sakifo2012 france_final
Règlement sakifo2012 france_finalpartenariatsdeezer
 
Intégration Professionnelle JCertif Conférence 2013
Intégration Professionnelle JCertif Conférence 2013Intégration Professionnelle JCertif Conférence 2013
Intégration Professionnelle JCertif Conférence 2013
Danielle AKINI
 
Programme de 5 jours
Programme de 5 joursProgramme de 5 jours
Programme de 5 jours
Ideotour Vietnam
 
Triathlon handi-valide Mouliets 2015.
Triathlon handi-valide Mouliets 2015.Triathlon handi-valide Mouliets 2015.
Triathlon handi-valide Mouliets 2015.
MNH Mutuelle Nationale des Hospitaliers
 
Lesson plan
Lesson planLesson plan
Lesson planVeena Vs
 
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...Pixelsfestival
 
Panorama de l'Information Scientifique et Technique pour le doctorant
Panorama de l'Information Scientifique et Technique pour le doctorantPanorama de l'Information Scientifique et Technique pour le doctorant
Panorama de l'Information Scientifique et Technique pour le doctorant
Céline Andrieu
 
PostgreSQL Meetup Nantes #2
PostgreSQL Meetup Nantes #2PostgreSQL Meetup Nantes #2
PostgreSQL Meetup Nantes #2
Rodolphe Quiédeville
 
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...Nathalie Rajon
 
Dossier Sommet de Ban Ki Moon
Dossier Sommet de Ban Ki MoonDossier Sommet de Ban Ki Moon
Dossier Sommet de Ban Ki Moon
RAC-F
 
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
VisualARQ
 
Le cocktail UStartMe du 4 Mars
Le cocktail UStartMe du 4 MarsLe cocktail UStartMe du 4 Mars
Le cocktail UStartMe du 4 Mars
UStartMe
 
La prévention du mal être chez les jeunes.
La prévention du mal être chez les jeunes.La prévention du mal être chez les jeunes.
La prévention du mal être chez les jeunes.
MNH Mutuelle Nationale des Hospitaliers
 
Enquête Viure al Pais
Enquête Viure al PaisEnquête Viure al Pais
Enquête Viure al Pais
blogVAP
 
Jean luc boeuf - Séance 6 - Droit administratif et institutions locales - Eu...
Jean luc boeuf  - Séance 6 - Droit administratif et institutions locales - Eu...Jean luc boeuf  - Séance 6 - Droit administratif et institutions locales - Eu...
Jean luc boeuf - Séance 6 - Droit administratif et institutions locales - Eu...Jean Luc Boeuf
 
Conseils pour l'achat de sa literie lematelas.fr
Conseils pour l'achat de sa literie lematelas.frConseils pour l'achat de sa literie lematelas.fr
Conseils pour l'achat de sa literie lematelas.fr
Lematelas.fr
 

En vedette (20)

Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
Ergonomie
Ergonomie Ergonomie
Ergonomie
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les Nuls
 
Charte Ergonomique
Charte Ergonomique Charte Ergonomique
Charte Ergonomique
 
Règlement sakifo2012 france_final
Règlement sakifo2012 france_finalRèglement sakifo2012 france_final
Règlement sakifo2012 france_final
 
Intégration Professionnelle JCertif Conférence 2013
Intégration Professionnelle JCertif Conférence 2013Intégration Professionnelle JCertif Conférence 2013
Intégration Professionnelle JCertif Conférence 2013
 
Programme de 5 jours
Programme de 5 joursProgramme de 5 jours
Programme de 5 jours
 
Triathlon handi-valide Mouliets 2015.
Triathlon handi-valide Mouliets 2015.Triathlon handi-valide Mouliets 2015.
Triathlon handi-valide Mouliets 2015.
 
Lesson plan
Lesson planLesson plan
Lesson plan
 
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...
Designers et développeurs: une meilleure collaboration pour de meilleurs Apps...
 
Panorama de l'Information Scientifique et Technique pour le doctorant
Panorama de l'Information Scientifique et Technique pour le doctorantPanorama de l'Information Scientifique et Technique pour le doctorant
Panorama de l'Information Scientifique et Technique pour le doctorant
 
PostgreSQL Meetup Nantes #2
PostgreSQL Meetup Nantes #2PostgreSQL Meetup Nantes #2
PostgreSQL Meetup Nantes #2
 
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...
La BU sera ouverte demain samedi 22 février de 9h à 15h (Journée Portes Ouver...
 
Dossier Sommet de Ban Ki Moon
Dossier Sommet de Ban Ki MoonDossier Sommet de Ban Ki Moon
Dossier Sommet de Ban Ki Moon
 
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
VisualARQ (Français), BIM, modélisation 2D et 3D de projects architecturaux d...
 
Le cocktail UStartMe du 4 Mars
Le cocktail UStartMe du 4 MarsLe cocktail UStartMe du 4 Mars
Le cocktail UStartMe du 4 Mars
 
La prévention du mal être chez les jeunes.
La prévention du mal être chez les jeunes.La prévention du mal être chez les jeunes.
La prévention du mal être chez les jeunes.
 
Enquête Viure al Pais
Enquête Viure al PaisEnquête Viure al Pais
Enquête Viure al Pais
 
Jean luc boeuf - Séance 6 - Droit administratif et institutions locales - Eu...
Jean luc boeuf  - Séance 6 - Droit administratif et institutions locales - Eu...Jean luc boeuf  - Séance 6 - Droit administratif et institutions locales - Eu...
Jean luc boeuf - Séance 6 - Droit administratif et institutions locales - Eu...
 
Conseils pour l'achat de sa literie lematelas.fr
Conseils pour l'achat de sa literie lematelas.frConseils pour l'achat de sa literie lematelas.fr
Conseils pour l'achat de sa literie lematelas.fr
 

Similaire à Ergonomie(1) (1)

Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et ScapinErgonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
ElodieDescharmes
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Atelier IHM Polytech Nice Sophia
 
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définitionCours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
ElodieDescharmes
 
Thème11
Thème11Thème11
Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)
ElodieDescharmes
 
Prototype rapport
Prototype rapportPrototype rapport
Prototype rapport
Ines Ouaz
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
Anne-Marie Pinna-Dery
 
Conception d'un Extranet
Conception d'un ExtranetConception d'un Extranet
Conception d'un Extranet
JEAN-GUILLAUME DUJARDIN
 
Rapport de projet symphony
Rapport de projet symphonyRapport de projet symphony
Rapport de projet symphony
TonySARR1
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
Atelier IHM Polytech Nice Sophia
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
Loic Nunez
 
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
Eric Brangier
 
Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROIKlee Interactive
 
Thema @ numelink evaluation heuristique
Thema @ numelink  evaluation heuristiqueThema @ numelink  evaluation heuristique
Thema @ numelink evaluation heuristique
Maxime Fortelle
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Raphael De Robiano
 
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
Ardesi Midi-Pyrénées
 
Innovation dans les pratiques de veille
Innovation dans les pratiques de veilleInnovation dans les pratiques de veille
Innovation dans les pratiques de veille
Inter-Ligere
 
GT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDGT Agile-UX - présentation UCD
GT Agile-UX - présentation UCD
Flupa
 

Similaire à Ergonomie(1) (1) (20)

Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et ScapinErgonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
 
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définitionCours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
 
Thème11
Thème11Thème11
Thème11
 
Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)
 
Prototype rapport
Prototype rapportPrototype rapport
Prototype rapport
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Conception d'un Extranet
Conception d'un ExtranetConception d'un Extranet
Conception d'un Extranet
 
Rapport de projet symphony
Rapport de projet symphonyRapport de projet symphony
Rapport de projet symphony
 
bb-d_ERGO-UX
bb-d_ERGO-UXbb-d_ERGO-UX
bb-d_ERGO-UX
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
Introduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHMIntroduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHM
 
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
 
Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROI
 
Thema @ numelink evaluation heuristique
Thema @ numelink  evaluation heuristiqueThema @ numelink  evaluation heuristique
Thema @ numelink evaluation heuristique
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
 
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
Réussir son analyse des besoins dans la conduite d'un projet informatique (2007)
 
Innovation dans les pratiques de veille
Innovation dans les pratiques de veilleInnovation dans les pratiques de veille
Innovation dans les pratiques de veille
 
GT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDGT Agile-UX - présentation UCD
GT Agile-UX - présentation UCD
 

Ergonomie(1) (1)

  • 1. Licence Professionnelle en Management International Réalisé par: Encadré par: • Bouayad Chaymaa Mr, Adil Hachmoud • Najwa Mesbahi
  • 2. Introduction Chapitre I: l’Ergonomie en général * L’objectif et caractéristiques d’ergonomie * Les domaines de spécialisation de l’ergonomie * Critères ergonomiques Chapitre II: l’Ergonomie en informatique * La notion d’ergonomie en informatique * Les critères d’ergonomie en informatique * Utilité de l’ergonomie en informatique Chapitre III: l’Ergonomie du Web * Les qualités d’un site Web * La problématique ergonomique de la page d’accueil d’un site Web * Recommandations ergonomiques pour la conception d’un site Web Conclusion
  • 3. L’ergonomie est une discipline scientifique qui vise l’adaptation d’un système à son utilisateur, afin que ce dernier puisse mener ses activités avec un maximum d'efficacité, de satisfaction et de bien-être, avec une phase d'adaptation réduite. Pour le multimédia, l’ergonomie est intégrée dès le début d’un projet afin d’assurer une bonne communication entre l’utilisateur et le système.
  • 5. I : L’objectif et caractéristiques d’ergonomie. L’ergonomie est l’utilisation de connaissances scientifiques relatives à l’homme dans le but d’améliorer son environnement de travail. L'ergonomie se caractérise généralement selon trois composantes: • L'efficacité, consistant à adopter des solutions appropriées d'utilisation d'un produit, au-delà du bon sens du concepteur; • La sécurité, consistant à choisir des solutions adéquates pour protéger l'utilisateur; • Le confort d'utilisation, consistant à réduire au maximum la fatigue physique et nerveuse.
  • 6. II : Les domaines de spécialisation de l’ergonomie. L’ergonomie est une discipline orientée, qui s’applique aujourd’hui à tous les aspects de l’activité humaine. Les ergonomes praticiens doivent avoir une compréhension large de l’ensemble de la discipline, prenant en compte les facteurs physiques, cognitifs, sociaux, organisationnels, environnementaux et d’autres encore. Les ergonomes travaillent souvent dans des secteurs économiques particuliers, des domaines d’application. Au sein de la discipline, les domaines de spécialisation constituent des compétences plus fouillées dans des attributs humains spécifiques ou dans des caractéristiques de l’interaction humaine.
  • 7.
  • 8. • L’ergonomie physique: L’ergonomie physique s’intéresse aux caractéristiques anatomiques, anthropométriques, physiologiques et biomécaniques de l’homme dans leur relation avec l’activité physique. • L’ergonomie cognitive : L’ergonomie cognitive s’intéresse aux processus mentaux, tels que la perception, la mémoire, le raisonnement et les réponses motrices, dans leurs effets sur les interactions entre les personnes et d’autres composantes d’un système. • L’ergonomie organisationnelle : L’ergonomie organisationnelle s’intéresse à l’optimisation des systèmes socio- techniques, ceci incluant leur structure organisationnelle, règles et processus.
  • 9. III : Les critères de l’ergonomie. Les critères ergonomiques, qu'on les voit comme des règles ou des guides, sont à la base un des meilleurs outils que l'on puisse utiliser pour voir, comprendre et expliquer des problèmes
  • 10. 1 : Le guidage 2 : Charge de travail L'ensemble des moyens mis en oeuvre pour conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec le système. L'ensemble des éléments de l'interface qui a un rôle dans la réduction de la charge perceptive ou mnésique des utilisateurs, de même que dans l'augmentation de l'efficacité du dialogue.
  • 11. 3 : Contrôle explicite 4 : Adaptabilité Prise en compte par le système des actions explicites des utilisateurs et le contrôle qu'ont les utilisateurs sur le traitement de leurs actions. Capacité à réagir selon le contexte et selon les besoins et les préférences des utilisateurs.
  • 12. 5 :Gestion des erreurs 6 : Homogénéité/Cohérence Moyens permettant d'une part d'éviter ou de réduire les erreurs, d'autre part de les corriger lorsqu'elles surviennent. Les choix de conception d'interface doivent être conservés pour des contextes identiques, et doivent être différents pour des contextes différents. Par exemple, toujours afficher au même endroit l'incitation pour la saisie des données ou des commandes.
  • 13. 7 : Signifiance des codes et dénominations 8 : Comptabilité Il doit y avoir adéquation entre l'objet ou l'information affichée ou entrée, et son référent. Par exemple, rendre les règles d'abréviation explicites. Il faut qu'il y ait accord entre les caractéristiques des utilisateurs et des tâches,d'une part, et l'organisation des sorties, des entrées et du dialogue d'une application donnée, d'autre part. Par exemple, les termes employés doivent être familiers aux utilisateurs, et relatifs à la tâche à réaliser.
  • 15. I : La notion d’ergonomie en Informatique. L'ergonomie informatique a pour objectif l'amélioration du dialogue homme – ordinateur, c à d la capacité du produit informatique à être facilement utilisé par une personne pour réaliser la tâche pour laquelle il a été conçu. La notion d'ergonomie informatique englobe à la fois : -la performance de réalisation de la tâche -la satisfaction que procure l'utilisation du logiciel -la facilité avec laquelle on apprend à s'en servir
  • 16. II : Les critères d’ergonomie en Informatique. Une interface informatique doit satisfaire à deux grands critères : 1 – Utilité Les fonctionnalités proposées par le système doivent être utiles : • l'interface doit servir à faire quelque chose, et ce quelque chose doit être pertinent au regard des objectifs de l'utilisateur cible. L'application doit servir un besoin. • Un système peut respecter tous les critères d’utilisabilité mais être inutile. C'est l'adéquation entre l'activité et l'outil qui permettra de dire que cet outil est utile. • Les méthodes d'analyse de l'activité nous permettent de cerner quelles fonctionnalités doit fournir l'application, autrement dit quelles fonctionnalités sont utiles. Un système de bonne qualité ergonomique devra être à la fois utile et utilisable.
  • 17. 2 - Utilisabilité : Facilité avec laquelle l’utilisateur peut utiliser un système (généralement une application logicielle). L’Utilisabilité d’une interface est habituellement déterminée selon certains critères liés au comportement de l’utilisateur tels que le temps d’apprentissage, La vitesse d’exécution de la tâche et le nombre d’erreurs commises. L’adéquation de la tâche ainsi que la satisfaction de l’utilisateur est également prises en compte.
  • 18. III : Utilité de l’ergonomie en Informatique. Le but d’une application informatique est qu’elle soit utilisée, et qu’elle le soit de façon efficace. Si une interface est difficile à utiliser, si son fonctionnement est difficile à comprendre, la personne : * n’utilisera pas l’interface ou tentera d’y substituer d’autres outils; * utilisera l’interface par obligation de résultats, mais de façon dégradée : elle ne pourra pas réaliser ses actions efficacement ou rapidement. De plus, elle aura sans doute une perception très négative de son interaction avec le système. L’ergonomie a pour objectif d’améliorer l’interaction des hommes avec les systèmes. Il s’agit que la machine soit conçue ou modifiée pour entrer en adéquation avec les caractéristiques physiologiques, perceptives et cognitives de ses utilisateurs potentiels. Ces derniers pourront alors interagir efficacement avec le système informatique.
  • 19. Il en découle des gains de temps et d’argent, mais aussi une satisfaction de l’utilisateur. Il s’y ajoute une optimisation de la sûreté de fonctionnement lorsque le système avec lequel l’utilisateur doit interagir est un système dit "à risque" (domaines industriels, chimiques, nucléaires, …). Les ergonomes peuvent donc être amenés à travailler dans le domaine industriel ( interfaces de visualisation, de saisie ou de transmission d’informations, interfaces de commandes…), ou pour des applications plus classiques (logiciels, sites Internet, intranet, extranet…). Le travail de l’ergonome est en grande partie déterminé par l’objectif de l’application, à vocation professionnelle ou grand public, destinée à une cible d’utilisateurs aux caractéristiques particulières (enfants, déficients visuels, hommes d’environ 30 ans experts avec l’outil informatique…)
  • 21. I : Les qualités d’un site Web: Pour fidéliser les internautes, il faut que le site possède d’un certain nombre de qualités qui vont assurer son fonctionnement.
  • 22. Un site utile : du contenu à jour, qui se renouvelle régulièrement des pages réservant un maximum de surface au contenu utile fiabilité sécurité respect des droits et libertés des internautes Un site rapide: Temps de transfert minimal Temps de réponse du serveur Vitesse de mise en page
  • 23. Un site simple: Un site Web très épuré renforcera la crédibilité de l'organisation Un site familier : Respect de l'apparence standard des liens Respect du mode de navigation du Web Identification du site (logo) en haut à gauche Eléments de navigation en haut et à gauche
  • 24. Un site universel : Fonctionne quelque soit le type de navigateur (Microsoft, Netscape, ...) Fonctionne quelque soit la version du navigateur Fonctionne quelque soit l'écran utilisé Utilisable avec des navigateurs en mode texte Pensez aux autres types d'accès Accessibilité pour les handicapés, particulièrement les malvoyants Pensez à fournir une version imprimable des documents ou articles mis à disposition
  • 25. Un site lisible : Utilisez un style direct, simple, concis Mettre en évidence les points importants Polices et couleurs Défilement Un site ouvert: D'autres sites créent des liens sur vos pages Les internautes accèdent à votre site par les moteurs de recherche Votre site mène vers d'autres sites...
  • 26. Un site navigable : Sur chaque page, indiquer à l'internaute où il est Sur chaque page, indiquer à l'internaute où il peut aller Sur chaque page, indiquer à l'internaute où il a déjà été Donnez à l'internaute un moteur de recherche et un plan du site Un site testé: Tests techniques Tests d'ergonomie
  • 27. II : La problématique ergonomique de la page d’accueil d’un site Web : Les sites possédant un contenu commercial ou d’information très riche sont confrontés dès leur page d’accueil à la nécessité de faire percevoir à l’Internaute la richesse et l’emplacement de ce contenu sur un espace visuel plus ou moins limité. Un site au contenu riche efficace n’est donc pas un site sur lequel une grande quantité d’information est présentée, mais plutôt un site dont le contenu est présenté de façon claire.
  • 28. En effet, la réussite de l’ergonomie du site est directement liée à ces étapes :  Identifier de façon exhaustive le contenu  Catégoriser les informations en classes pertinentes  Identifier chaque classe par un libellé précis. Un exemple montre les points positifs et négatifs qui peuvent contenir une page d’accueil :
  • 29.
  • 30. En résumé, la page d’accueil ne doit pas être sur chargée, les libellés des différentes rubriques doivent être clairs et pertinents, pour mieux guider les utilisateurs et l’information doit être correctement architecturée.
  • 31. III : Recommandations ergonomiques pour la conception d’un site Web : 1. L’homogénéité : • Garder une homogénéité dans la présentation des pages du site. • Lors de la création d’un site, il faut faire un guide (règles d’ergonomie + charte graphique) à l’attention des personnes qui vont l’alimenter.
  • 32. 2. les cadres ou frames : • Éviter absolument d’utiliser des cadres car ils posent des problèmes rédhibitoires : * Ils compliquent l’indexation des pages par les moteurs de recherche * Ils compliquent l’impression des pages pour les utilisateurs * Ils sont problématiques lors de la mise d’une page en favoris • Toutefois les cadres présentent certains avantages : * Ils peuvent faciliter la maintenance d’un site * Les cadres peuvent aussi être une aide à la navigation • Si malgré tout vous souhaitez utiliser des cadres, il faut : * Permettre à l’utilisateur d’adapter la dimension des cadres. * N’utiliser que trois cadres au maximum. * Les liens conduisant vers un site externe au site courant doivent entraîner l’ouverture d’une nouvelle fenêtre du navigateur.
  • 33. 3. La disposition des éléments/informations dans la page : • Le système de navigation doit occuper une surface minimale. • Ne pas trop scinder les informations. • Conserver des espaces vierges pour ne pas obtenir de page trop compacte. • Les outils de navigation ainsi que les informations critiques (c’est-à- dire messages d’erreur, d’avertissement, alerte, etc.) doivent se situer en haut de page. 4. La clarté : • Améliore la convivialité de l’interaction
  • 34. 5. Les titres et les sous-titres : • Ils permettent à l’utilisateur de se faire une idée du contenu de la page 6. La densité d’information : • Le temps nécessaire pour retrouver une information augmente quand la densité d’information s’accroît
  • 35. 7. Le choix des couleurs : • Préférer un fond clair (voire blanc) à un fond sombre (fatigant pour les yeux). • Rester « sobre » dans la couleur de fond. • Réserver les couleurs saturées pour mettre en relief des informations importantes et les couleurs peu saturées pour des informations moins importantes. • Le codage par la couleur doit être doublé par un autre codage. Respecter la signification que l’utilisateur attribue à une couleur donnée.
  • 36.
  • 37. Préférez Évitez Bleu - Magenta Rouge – Vert Cyan - Magenta Bleu – Jaune Bleu - Cyan Vert – Bleu Jaune - Vert Rouge - Bleu Jaune - Rouge Jaune – Magenta Magenta - Rouge Cyan - Jaune
  • 38. Combinaisons de couleurs recommandées pour l'affichage de texte en fonction de la couleur du fond
  • 39. 8. Les aspects typologiques :  Choix de la police : Chaque caractère possède une apparence et une personnalité qui donne. Alors éviter d’utiliser plus de quatre polices de caractères différentes dans une même page, Et utiliser les polices de caractères de manière homogène.  La taille de la police : Pour les textes courants, il est préférable d'utiliser un corps compris entre 9 et 12. Mais sur tous éviter d’utiliser des polices trop petites.
  • 40.  L’alignement : Un texte peut-être : * aligné à gauche * aligné à droite * centré * justifié L'alignement va avoir une incidence sur l'aspect du "document",  mais aussi sur sa lisibilité.  Le soulignement : réduit la lisibilité et éviter d’utiliser le soulignement hormis pour les liens.
  • 41.  Marquage en gras : Plus le caractère est gras et contrasté par rapport à la page blanche ou claire, plus il attirera le regard.  Le clignotement : Le clignotement : ne doit être utilisé qu'en cas de besoin urgent par exemple dans des situations où la personne doit répondre rapidement. Le clignotement joue alors le rôle d'une alarme signalant l'urgence d'une réponse. Le clignotement permet une bonne détection en périphérie du champ visuel. Il permet d'attirer l'attention de l'utilisateur dans des tâches de détection ou à haute densité informative.
  • 42. 9. L’utilisation des médias :  Texte : A contenu similaire la lecture sur un écran est moins performante que celle effectuée sur un support papier.  Son : Le son peut-être utilisé pour: * être un relais de l’image, * attirer l’attention, * mettre en garde, * conseiller, * créer une ambiance
  • 43.  Bruitage : Les bruitages peuvent être utilisés également pour : * accompagner une information spécifique difficile à montrer avec les autres médias * marquer un changement ou susciter l'attention * stipuler la prise en compte d'un choix ou d'un ensemble de choix.  Image : Les images peuvent motiver et aider à la compréhension mais si elles sont en trop grand nombre, elles peuvent très rapidement devenir une barrière d'accès au site.
  • 44.  Animations : L’intégration des différents types d’informations demande un effort cognitif important et alourdit le traitement de l’information, l’être humain ne retiendrait que : * 10 % de ce qu’il lit * 50 % de ce qu’il voit et entend * 70 % de ce qu’il voit, entend et lit Alors, l’animation est utilisée Pour attirer l’attention du visiteur, avec respect des recommandations suivantes : * ne jamais « mettre en boucle » une animation. * ne pas abuser des animations. * l’animation choisie ne doit pas être trop voyante. * éviter le texte dynamique pour faire animation
  • 45. Utile, simple, attractive, lisible, universelle sont les caractéristiques de l’ergonomie et de la navigation, ce sont des éléments essentiels pour déterminer un succès ou un échec d’un projet multimédia. Et compte tenu de l’évolution des interfaces et des moyens de communication entre l’homme et la machine, les critères précédemment cités et retenus sont régulièrement mis à jour, modifiés et adaptés aux nouveaux systèmes. Donc, les recherches en ergonomie informatique n’ont pas fini de se renouveler.