Transcript ergonomie cognitive des systemes d`information hypermedia

ERGONOMIE COGNITIVE DES SYSTEMES
D’INFORMATION HYPERMEDIA
Les principaux concepts qui structurent le
domaine
- Ergonomie
- Cognitive
- Dispositif (système) d’information
- Hypertexte , Hypermédia
Les hypertextes
• 1 - La notion d’hypertexte et son histoire
• 2 - Le vocabulaire des hypertextes
• 3 - Caractéristiques des bases de données
hypertextuelles
• 4 - La conception (design) de dispositifs
d’information hypertextuels :
– Ergonomie profonde (ou de conception)
– Ergonomie de surface (des interfaces)
N Or 01
A 01
C 01
Document
audio visuel
A 02
B 01
C
C
V
B 02 C
vvdvcsdeqsanehu
d
B 03 C
niv 3 branche
B ramure C
A
B 02 A
B
B 02 B
xxxcwds
wwvdsvcwxezdsx
wc vcs czcvcvzv
B 03 A
B 03 B
troisième
niveau de
branche B
B04A
B04B
Figure 1 : Le schéma d’un hypertexte
Modélisation du processus d ’information
1 - Le concept d ’information en communication
- / résultat, entropie négative
- / compétence & représentation mentale
- / processus d’information
- /La chaîne d ’élaboration de l’information
2 - Modélisation du processus de lecture
- Processus descendant et ascendant, schéma de fonctionnement du lecteur
3 - Traitement cognitif des données
- Assimilation / accommodation
- Fonction métacognitive
4 - La lisibilité
- Principes
- Mesure
5 - Modèle global du processus d ’information
-modélisation de l’interaction entre base de données et un usager
Principes ergonomiques
pour
le design des sites d ’information
1 - Ergonomie profonde
2 - Ergonomie de surface
3 - Recommandations pratiques
4- L’audit ergonomique des sites
5 - La conception orientée utilisateur (experience design)
1 - Ergonomie profonde ou de conception
Priorités : utilité, élégance
a) Sélectionner et hiérarchiser les contenus pertinents à faire figurer
dans la base de données en fonction des besoins du public
b) Choisir le type d ’architecture approprié en fonction de la logique de la matière
de la tâche, et des caractéristiques de l ’usager
c) Choix du grain des unités d ’information
d) Choix du niveau de complexité de l’hypertexte compatible avec les capacités
et les limites des usagers
e) Scénarisation, parcours de navigation
La pertinence de cet ensemble de choix dépend de la connaissance que l ’on a de
son public-cible, de ses besoins, de ses compétences, de ses pratiques, de ses
stratégies
Ergonomie de surface (interfaces)
mot clé : utilisabilité
a) Mise en page des écrans (% des blanc, mise en valeur de l’info)
b) Bandeaux d ’affichage et d’aide, les indices de continuité référentielle
c) Le niveau de langue des textes (lisibilité linguistique)
d) Choix des polices et des couleurs et autres principes de lisibilité
typographique
e) La signalisation des ancres
f) Les interfaces de dialogue et d ’aide à la navigation
Tous ces choix sont destinés à faciliter le repérage de l’information utile,
en évitant la désorientation de l ’usager
APPLICATION DES PRINCIPES
A LA CONCEPTION DE SITES
Recommandations ergonomiques
Pour la conception et la réalisation
de sites d’information
– Ces recommandations portent sur les deux volets de l’ergonomie
cognitive des systèmes d’information :
• L’ergonomie de conception (ergonomie profonde)
• L’ergonomie de surface (des interfaces)
Recommandations ergonomiques /
Ergonomie profonde ou de conception.
Mots clés : pertinence, utilité, clarté
1.
2.
3.
4.
5.
6.
L’ergonomie profonde recouvre tous les choix opérés dans la
phase de conception .
sélection hiérarchisation des contenus pertinents en fonction du
contexte d’utilité du dispositif d’information et des caractéristiques
cognitives du public visé (représentation utile)
choix relatifs au scénario, à l’architecture et au niveau de complexité
de l’hypertexte
choix de tous les systèmes de pilotage et d’aide fournis à l’usager.
L’ergonomie de conception comporte deux volets :
les aspects statiques (choix et découpage des contenus, architecture
de l’hypertexte)
les aspects dynamiques (scénarisation et navigation)
Recommandations ergonomiques /
Ergonomie profonde ou de conception/
Aspect statique : L’organisation du contenu, l’architecture de
l’hypertexte : mots clés : pertinence, clarté
1. La première règle à observer : l’utilité, la pertinence. Le contenu doit
correspondre à un besoin de l’usager, plus qu’à la satisfaction narcissique
de l’émetteur
2. L’objectif prioritaire est la pertinence (et non la richesse), pour cela il faut
sélectionner et fortement hiérarchiser l’information et utiliser un grain
assez fin
3. Les titres doivent être explicites : contrairement aux documents écrits, ils
sont souvent séparés d’un clic (écran) au moins du texte qu’ils annoncent.
4. Chaque page doit établir le contexte du document (on doit comprendre une
page sans avoir besoin d’en voir une ou plusieurs autres ) penser à assurer
une forme de continuité référentielle
5. Trouver le bon équilibre entre un grain fin qui répond bien aux besoins
précis, et le niveau élevé de complexité que cela entraîne mécaniquement.
Recommandations ergonomiques / suite ….
Ergonomie profonde ou de conception/ suite …..
Aspect statique : L’organisation du contenu, l’architecture de
l’hypertexte : mots clés : pertinence, clarté
1. Avoir en tête un ou deux scénarios qui donneront du sens aux choix
relatifs à l’architecture de l’hypertexte.
Pour ces scénarios, s’appuyer autant que possible sur les stratégies
spontanées des usagers qu’on aura pris la peine d’observer en situation.
Concevoir des dispositifs d’aide à la stratégie et à la navigation pour
l’usager
2. Minimiser le temps de chargement ; Indiquer le nombre de ko lors d'un
téléchargement
3. L'information doit être régulièrement mise à jour. Indiquer les dates de
mise à jour
4. Impression : qualité d'impression, proposer une version à imprimer,
indiquer à l'utilisateur la procédure pour imprimer.
Recommandations ergonomiques /
Ergonomie profonde ou de conception/ suite
Aspect dynamique : navigation, scénario: mots clés : clarté, aide
au repérage
1. Première règle : l’utilisabilité, faciliter une vision globale, niveau de
complexité le plus bas possible, essayer de respecter la règle des 3 clics
2. L'utilisateur doit savoir où il se situe et ce qu'il peut encore aller voir (
liens qui changent de couleur, "you are here"), un titre explicite à chaque
page
3. L'utilisateur doit avoir une idée de ce qu'il peut voir sur le site (plan du
site, bandeau de navigation ou menu déroulant visible à l'affichage de
chaque page, remettre une barre de navigation en bas de la page, informer
de l'organisation générale du site dès la page d'accueil
4 .Toute information importante doit être rapidement et facilement repérable et
accessible
Recommandations ergonomiques / (Suite …)
Ergonomie profonde ou de conception/
Aspect dynamique : navigation, scénario: mots clés : clarté,
aide au repérage (Suite…)
1. Prévoir une aide à la stratégie de recherche d’information et à la
navigation. Penser à une aide à la problématisation en proposant, pour des
besoins standards, des parcours simples
2. La scénarisation doit être conçue autour d’un ou deux parcours-types
avec quelques variations afin de définir un système cohérent de contraintes
et d’aides
3. Les liens : un lien doit être clairement reconnaissable, ne pas utiliser une
phrase entière pour en faire un lien, un lien doit être explicite dans son
contexte (ex : dire que c'est du Pdf qu'on télécharge), l'intitulé du lien doit
être quasi identique au titre de la page à laquelle il renvoie
4. Penser à la possibilité d’imprimer des parcours , des résumés, en
précisant si possible le parcours effectué et la carte globale du site ; afin de
permettre à l’usager de ne pas repartir à zéro à chaque consultation
Recommandations ergonomiques /
Ergonomie de surface.
Mots clés utilisabilité, simplicité, lisibilité : élégance
1. Ne pas abuser des ascenseurs horizontaux (perte de référence globale)
2. Ne pas abuser des animations. Ne pas mettre d'animation trop voyante. Ne
pas mettre d'animation à coté d'un texte long à lire.
3. La taille des pages ne doit pas dépasser 2 ou 3 écrans de hauteur (1 écran
est préférable)
4. Outils de navigation et informations essentielles (dont la continuité
référentielle) bien visibles en haut de la page,
-indications de navigation,
- aides à la stratégie,
- graphes du parcours sur un bandeau bas de page, éventuellement marge
de gauche…