Ergonomie et un architecte de l'information - Geoffroi Garon.
Ergonomie et un architecte de l'information - Geoffroi Garon.
Ergonomie et un architecte de l'information - Geoffroi Garon.
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Architecture <strong>de</strong> l’information <strong>et</strong> réseaux (EDM 2530) – Automne 2012 –UQAM<br />
Cours / 05<br />
<strong>Ergonomie</strong> <strong>et</strong> <strong>un</strong> <strong>architecte</strong> <strong>de</strong> l’information<br />
<strong>Geoffroi</strong> <strong>Garon</strong> <strong>et</strong> Martin Lessard
Déroulement<br />
Partie 1<br />
<strong>Ergonomie</strong><br />
Pause<br />
Partie 2<br />
Thibault Lan<strong>de</strong>l
Ab Arborescence<br />
Interface<br />
(Structure)<br />
(Interaction)<br />
<strong>Ergonomie</strong><br />
(Efficacité)
<strong>Ergonomie</strong><br />
(efficacité)<br />
i
<strong>Ergonomie</strong><br />
« L'étu<strong>de</strong> scientifique <strong>de</strong> la relation<br />
entre l'homme <strong>et</strong> ses moyens,<br />
métho<strong>de</strong>s <strong>et</strong> milieux <strong>de</strong> travail » <strong>et</strong><br />
l'application <strong>de</strong> ces connaissances à la<br />
conception <strong>de</strong> systèmes «qui puissent<br />
être utilisés avec le maximum <strong>de</strong><br />
confort, <strong>de</strong> sécurité <strong>et</strong> d'efficacité par le<br />
plus grand nombre. »<br />
http://fr.wikipedia.org/wiki/<strong>Ergonomie</strong>
<strong>Ergonomie</strong>
Types d’ergonomie<br />
L'ergonomie physique<br />
L’ergonomie organisationnelle<br />
L’ergonomie cognitive ii<br />
http://fr.wikipedia.org/wiki/<strong>Ergonomie</strong>
<strong>Ergonomie</strong> cognitive<br />
<strong>Ergonomie</strong> :<br />
Adapter la tâche à l'homme<br />
Cognition :<br />
Processus par lequel l<strong>un</strong> organisme<br />
acquiert <strong>un</strong>e connaissance
<strong>Ergonomie</strong> cognitive <strong>de</strong> l’interface<br />
Ajuster l’interaction avec l’information<br />
en fonction <strong>de</strong>s capacités <strong>de</strong> l’usager<br />
pour réduire les contraintes cognitives.
<strong>Ergonomie</strong> cognitive <strong>de</strong> l’interface<br />
L’ergonomie cognitive s’intéresse à :<br />
• la perception<br />
• aux activités symboliques<br />
• la mémorisation<br />
L’information en réseau<br />
est <strong>un</strong> ensemble <strong>de</strong> perceptions<br />
d’activités symboliques<br />
qui cherchent à être mémorisées.
<strong>Ergonomie</strong> cognitive <strong>de</strong> l’interface<br />
• Organiser l’information<br />
• Les catégories<br />
• Les hiérarchies<br />
• Les arborescences<br />
• Les étiqu<strong>et</strong>testt<br />
• Lisibilité, intelligibilité
Ergonomique informatique<br />
L'ergonomie informatique (ou ergonomie <strong>de</strong>s interfaces)<br />
est <strong>un</strong>e branche <strong>de</strong> l'ergonomie ergonomie, qui a pour objectif<br />
d'améliorer l'interaction homme‐machine, la facilité<br />
d’utilisation <strong>et</strong> d’apprentissage <strong>de</strong>s produits interactifs<br />
C<strong>et</strong>te pratique cherche à concevoir ou modifier<br />
<strong>de</strong>s interfaces afin qu'elles soient en adéquation avec les<br />
caractéristiques physiologiques, perceptives <strong>et</strong> cognitives<br />
<strong>de</strong> leurs utilisateurs potentiels. Elle s'appuie sur<br />
différentes métho<strong>de</strong>s <strong>de</strong> conception <strong>et</strong> d’évaluation<br />
perm<strong>et</strong>tant d’obtenir le logiciel ou le site web le mieux<br />
adapté aux utilisateurs visés.<br />
http://fr.wikipedia.org/wiki/<strong>Ergonomie</strong>_informatique
Métho<strong>de</strong>s <strong>et</strong> outils<br />
1. Les métho<strong>de</strong>s faisant appel aux utilisateurs, avec <strong>de</strong>s indicateurs <strong>de</strong><br />
performance <strong>et</strong> <strong>de</strong> perception subjective :<br />
• le test utilisateur servant à vérifier éifi <strong>de</strong>s critères iè d'utilité, d'utilisabilité, <strong>de</strong><br />
satisfaction, <strong>et</strong>c. en faisant tester l'interface par <strong>de</strong>s utilisateurs<br />
individuellement<br />
• Le focus groupe perm<strong>et</strong>tant <strong>de</strong> recueillir l’opinion <strong>de</strong>s utilisateurs réels ou<br />
potentiels sur <strong>un</strong> logiciel ou <strong>un</strong> site Web<br />
• Le tri par cartes facilitant la structuration <strong>de</strong> l'architecture <strong>de</strong> <strong>l'information</strong>, le<br />
plus souvent larborescence l'arborescence <strong>de</strong>s rubriques <strong>et</strong> menus d<strong>un</strong> d'<strong>un</strong> site Web<br />
• Les personas, archétypes d'utilisateurs accompagnant la conception centrée<br />
sur l'utilisateur<br />
• L'analyse y <strong>de</strong> la tâche <strong>et</strong> <strong>de</strong> la situation <strong>de</strong> travail perm<strong>et</strong>tent d'i<strong>de</strong>ntifier les<br />
principes directeurs <strong>de</strong> la conception du logiciel <strong>et</strong> <strong>de</strong> son interface<br />
2. Par l’ergonome avec <strong>de</strong>s techniques basées sur l’expérience, <strong>de</strong> la recherche<br />
comparative <strong>et</strong> du prototypage
<strong>Ergonomie</strong> cognitive<br />
Personas<br />
Critères ergonomiques
Persona<br />
Un PERSONA, c’est <strong>un</strong> utilisateurtype<br />
(le fameux archétype), <strong>un</strong>e<br />
représentation fictive <strong>de</strong>s utilisateurs<br />
cibles, qu’on peut utiliser pour fixer <strong>de</strong>s<br />
priorités ité <strong>et</strong> gui<strong>de</strong>r nos décisions i <strong>de</strong><br />
conception d’interface.<br />
http://www.qualitystre<strong>et</strong>.fr/2011/03/11/<strong>un</strong>e‐journee‐dans‐la‐vie‐du‐praticien‐agileux‐2‐personas/
Persona
Persona
Persona
Persona<br />
http://www.businessmo<strong>de</strong>lalchemist.com/2012/09/test‐your‐value‐proposition‐superchargelean‐startup‐and‐cust<strong>de</strong>v‐principles.html
10 critères ergonomiques<br />
1. Incitation<br />
2. Lisibilité<br />
3. Groupement‐Distinction entre items<br />
4. Feedback Direct<br />
5. Contrôle Utilisateur<br />
6. Concision<br />
7. Gestion <strong>de</strong>s erreurs<br />
8. Adaptabilité<br />
9. Cohérence<br />
10.Signifiance<br />
Selon Jean Clau<strong>de</strong> GROSJEAN<br />
http://www.qualitystre<strong>et</strong>.fr/2010/08/04/<strong>de</strong>sign‐dinterface‐<strong>et</strong>‐critereergonomique‐1‐lincitation/
Critères ergonomiques<br />
1 : Incitation<br />
Accompagner l’utilisateur dans sa tâche,<br />
le renseigner sur le contexte dans lequel<br />
il se trouve, l’orienter, l’amener à<br />
effectuer <strong>de</strong>s actions spécifiques éifi tout t<br />
en prévenant au maximum l’indécision.
Critères ergonomiques<br />
http://prezi.com/pricing/
Critères ergonomiques<br />
2: Lisibilité<br />
(faciliter la lecture <strong>et</strong> favoriser la<br />
compréhension <strong>de</strong> ce qui est affiché à<br />
l’écran)
Critères ergonomiques<br />
http://www.vi<strong>de</strong>otron.com/resi<strong>de</strong>ntiel/forfaits
Critères ergonomiques<br />
3 : Groupement‐Distinction entre items<br />
(regrouper ce qui va ensemble pour<br />
favoriser <strong>un</strong>e meilleure distinction <strong>et</strong><br />
reconnaissance <strong>de</strong>s éléments)
Critères ergonomiques<br />
http://www.lacapitale.com
Critères ergonomiques<br />
4 : Feedback Direct<br />
(tenir l’utilisateur, en temps réel,<br />
informé <strong>de</strong> ce qui se passe)
Critères ergonomiques<br />
https://www.br<strong>un</strong><strong>et</strong>.ca/masante/registration
Critères ergonomiques<br />
5 : Contrôle Utilisateur<br />
(toujours laisser à l’utilisateur le<br />
contrôle sur les actions du système <strong>et</strong><br />
sur l’interface)
Critères ergonomiques<br />
http://www.archambault.ca
Critères ergonomiques<br />
http://www.archambault.ca
Critères ergonomiques<br />
6: Concision<br />
(aller à l’essentiel, garantir la simplicité<br />
<strong>de</strong> l’interface <strong>et</strong> la pertinence <strong>de</strong>s<br />
fonctionnalités)
Critères ergonomiques<br />
https://twitter.com/
Critères ergonomiques<br />
7 : Gestion <strong>de</strong>s erreurs<br />
(protéger l’utilisateur <strong>de</strong>s erreurs<br />
potentielles <strong>et</strong> les gérer quand elles se<br />
produisent (corriger ou ai<strong>de</strong>r à corriger)
Critères ergonomiques<br />
https://acco<strong>un</strong>ts.google.com/ServiceLoginAuth
Critères ergonomiques<br />
https://acco<strong>un</strong>ts.google.com/ServiceLoginAuth
Critères ergonomiques<br />
8 : Adaptabilité<br />
(S’ADAPTER aux caractéristiques <strong>de</strong>s<br />
utilisateurs (vues, perspectives,<br />
raccourcis…)
Critères ergonomiques<br />
9 : Cohérence<br />
(fournir à l’utilisateur <strong>un</strong> cadre stable<br />
dans <strong>de</strong>s contextes similaires.)
Critères ergonomiques<br />
http://www.bell.ca/Accueil
Critères ergonomiques<br />
10 :Signifiance<br />
(parler le langage <strong>de</strong> l’utilisateur)
Critères ergonomiques<br />
http://www.vrak.tv/
Critères ergonomiques<br />
http://www.vrak.tv/
Grille d’analyse ergonomique<br />
Selon David Marbac, il y a 12 familles<br />
<strong>de</strong> critères :<br />
• Perception globale & i<strong>de</strong>ntité <strong>de</strong><br />
marque<br />
• Navigation & localisationli • Architecture <strong>de</strong> l’information &<br />
organisation visuelle<br />
• Texte & lisibilité<br />
http://www.davidmarbac.com/blog/checklist‐criteres‐ergonomie/
Critères ergonomiques<br />
• Couleur & visuels<br />
• Moteur <strong>de</strong> recherche interne<br />
• Formulaires<br />
• Pages produit<br />
• Ati Actions, conversion & rassurance<br />
• Gestion <strong>de</strong>s erreurs<br />
• Contrôle utilisateur<br />
• Respect <strong>de</strong>s conventions<br />
http://www.davidmarbac.com/blog/checklist‐criteres‐ergonomie/
Accessibilité Web<br />
« L'accessibilité du web signifie que les personnes<br />
handicapées peuvent l'utiliser utiliser. Plus spécifiquement, elle<br />
signifie que ces gens peuvent percevoir, comprendre,<br />
naviguer, interagir avec le web, <strong>et</strong> y<br />
contribuer.<br />
L'accessibilité du Web bénéficie également à d'autres,<br />
notamment les personnes âgées ayant <strong>de</strong>s capacités<br />
diminuées dues au vieillissement. »<br />
http://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_web<br />
/ iki/ ibili % d b
Rencontre UX à Montréal<br />
Jeudi 8 novembre 2012 à 18h00 à la Coop Ecto<br />
http://toutlemon<strong>de</strong>‐ux.com/<br />
tl /
Pause
Thibault Lan<strong>de</strong>l
Ressources<br />
Le site Web d’accompagnement<br />
www.architecture<strong>de</strong>linformation.wordpress.com<br />
Information, présentations (PDF), liens pertinents, <strong>et</strong>c.
Nous joindre<br />
<strong>Geoffroi</strong> <strong>Garon</strong><br />
prof@geoffroigaron.com<br />
www.geoffroigaron.com<br />
Martin Lessard<br />
martinlessard@gmail.com<br />
il<br />
www.martinlessard.com<br />
*Par courriel, ajoutez le mot‐clé EDM2530