Cours 05 Ergonomie et un architecte de l’information · Ergonomie «L'étude scientifique de...

Architecture de l’information et réseaux (EDM 2530) – Automne 2012  – UQAM

Cours / 05Ergonomie et un architecte de l’information

Geoffroi Garon et Martin Lessard

Déroulement 

Partie 1

E iErgonomiePausePause

Partie 2Partie 2

Thibault Landel

A b I t fArborescence(Structure)

Interface(Interaction)

ErgonomieErgonomie(Efficacité)

E iErgonomie( ffi i é)(efficacité)

Ergonomie

« L'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail » etméthodes et milieux de travail » et l'application de ces connaissances à la 

ti d tè i i tconception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre »plus grand nombre. »

http://fr.wikipedia.org/wiki/Ergonomie

Ergonomie

Types d’ergonomie

L'ergonomie physiqueL’ergonomie organisationnelleL’ i i iL’ergonomie cognitive

http://fr.wikipedia.org/wiki/Ergonomie

Ergonomie cognitive

Ergonomie :Adapter la tâche à l'homme

Cognition :P l l iProcessus par lequel un organisme acquiert une connaissance

Ergonomie cognitive de l’interface

Ajuster l’interaction avec l’informationen fonction des capacités de l’usagerpour réduire les contraintes cognitives.pour réduire les contraintes cognitives.

Ergonomie cognitive de l’interface

L’ergonomie cognitive s’intéresse à :• la perception• aux activités symboliquesaux activités symboliques• la mémorisation

L’information en réseauest un ensemble de perceptionsd’activités symboliquesd activités symboliquesqui cherchent à être mémorisées.

Ergonomie cognitive de l’interface

• Organiser l’information• Les catégories• Les hiérarchies Les hiérarchies• Les arborescencesL éti tt• Les étiquettes

• Lisibilité, intelligibilité

Ergonomique informatique

L'ergonomie informatique (ou ergonomie des interfaces) est une branche de l'ergonomie qui a pour objectifest une branche de l ergonomie, qui a pour objectif d'améliorer l'interaction homme‐machine, la facilité d’utilisation et d’apprentissage des produits interactifs pp g pCette pratique cherche à concevoir ou modifier des interfaces afin qu'elles soient en adéquation avec les caractéristiques physiologiques, perceptives et cognitives de leurs utilisateurs potentiels. Elle s'appuie sur différentes méthodes de conception et d’évaluationdifférentes méthodes de conception et d évaluation permettant d’obtenir le logiciel ou le site web le mieux adapté aux utilisateurs visés.p

http://fr.wikipedia.org/wiki/Ergonomie_informatique

Méthodes et outils 

1. Les méthodes faisant appel aux utilisateurs, avec des indicateurs de performance et de perception subjective :l ili à é ifi d i è d' ili é d' ili bili é d• le test utilisateur servant à vérifier des critères d'utilité, d'utilisabilité, de 

satisfaction, etc. en faisant tester l'interface par des utilisateurs individuellement• Le focus groupe permettant de recueillir l’opinion des utilisateurs réels ou• Le focus groupe permettant de recueillir l opinion des utilisateurs réels ou potentiels sur un logiciel ou un site Web• Le tri par cartes facilitant la structuration de l'architecture de l'information, le plus souvent l'arborescence des rubriques et menus d'un site Webplus souvent l arborescence des rubriques et menus d un site Web• Les personas, archétypes d'utilisateurs accompagnant la conception centrée sur l'utilisateur• L'analyse de la tâche et de la situation de travail permettent d'identifier les y pprincipes directeurs de la conception du logiciel et de son interface

2. Par l’ergonome avec des techniques basées sur  l’expérience, de la recherche comparative et du prototypage

Ergonomie cognitive

PersonasPersonasCritères ergonomiquesg q

Persona

Un PERSONA, c’est un utilisateur‐type (le fameux archétype), une représentation fictive des utilisateursreprésentation fictive des utilisateurs cibles, qu’on peut utiliser pour fixer des i ité t id dé i i dpriorités et guider nos décisions de 

conception d’interface.

http://www.qualitystreet.fr/2011/03/11/une‐journee‐dans‐la‐vie‐du‐praticien‐agileux‐2‐personas/

Persona

Persona

Persona

Persona

http://www.businessmodelalchemist.com/2012/09/test‐your‐value‐proposition‐supercharge‐lean‐startup‐and‐custdev‐principles.html

10 critères ergonomiques

1. Incitation2. Lisibilité3. Groupement‐Distinction entre items4. Feedback Direct5. Contrôle Utilisateur6. Concision7. Gestion des erreurs8. Adaptabilité9. Cohérence10.Signifiance

Selon Jean Claude GROSJEAN http://www.qualitystreet.fr/2010/08/04/design‐dinterface‐et‐critere‐ergonomique‐1‐lincitation/

Critères ergonomiques

1 : IncitationAccompagner l’utilisateur dans sa tâche, le renseigner sur le contexte dans lequelle renseigner sur le contexte dans lequel il se trouve, l’orienter, l’amener à ff t d ti é ifi t teffectuer des actions spécifiques tout en prévenant au maximum l’indécision.

Critères ergonomiques

http://prezi.com/pricing/

Critères ergonomiques

2 : Lisibilité(faciliter la lecture et favoriser la compréhension de ce qui est affiché àcompréhension de ce qui est affiché à l’écran)

Critères ergonomiques

http://www.videotron.com/residentiel/forfaits

Critères ergonomiques

3 : Groupement‐Distinction entre items(regrouper ce qui va ensemble pour favoriser une meilleure distinction etfavoriser une meilleure distinction et reconnaissance des éléments)

Critères ergonomiques

http://www.lacapitale.com

Critères ergonomiques

4 : Feedback Direct(tenir l’utilisateur, en temps réel, informé de ce qui se passe)informé de ce qui se passe)

Critères ergonomiques

https://www.brunet.ca/masante/registration

Critères ergonomiques

5 : Contrôle Utilisateur(toujours laisser à l’utilisateur le contrôle sur les actions du système etcontrôle sur les actions du système et sur l’interface)

Critères ergonomiques

http://www.archambault.ca

Critères ergonomiques

http://www.archambault.ca

Critères ergonomiques

6 : Concision(aller à l’essentiel, garantir la simplicité de l’interface et la pertinence desde l interface et la pertinence des fonctionnalités)

Critères ergonomiques

https://twitter.com/

Critères ergonomiques

7 : Gestion des erreurs(protéger l’utilisateur des erreurs potentielles et les gérer quand elles sepotentielles et les gérer quand elles se produisent (corriger ou aider à corriger)

Critères ergonomiques

https://accounts.google.com/ServiceLoginAuth

Critères ergonomiques

https://accounts.google.com/ServiceLoginAuth

Critères ergonomiques

8 : Adaptabilité(S’ADAPTER aux caractéristiques des utilisateurs (vues, perspectives,utilisateurs (vues, perspectives, raccourcis…)

Critères ergonomiques

9 : Cohérence(fournir à l’utilisateur un cadre stable dans des contextes similaires.)dans des contextes similaires.)

Critères ergonomiques

http://www.bell.ca/Accueil

Critères ergonomiques

10 : Signifiance(parler le langage de l’utilisateur)

Critères ergonomiques

http://www.vrak.tv/

Critères ergonomiques

http://www.vrak.tv/

Grille d’analyse ergonomique

Selon David Marbac, il y a 12 familles de critères :• Perception globale & identité dePerception globale & identité de marqueN i ti & l li ti• Navigation & localisation• Architecture de l’information & organisation visuelle• Texte & lisibilité• Texte & lisibilité

http://www.davidmarbac.com/blog/checklist‐criteres‐ergonomie/

Critères ergonomiques

• Couleur & visuels• Moteur de recherche interne• FormulairesFormulaires• Pages produitA ti i &• Actions, conversion & rassurance• Gestion des erreurs• Contrôle utilisateur• Respect des conventions• Respect des conventions

http://www.davidmarbac.com/blog/checklist‐criteres‐ergonomie/

Accessibilité Web

« L'accessibilité du web signifie que les personnes handicapées peuvent l'utiliser Plus spécifiquement ellehandicapées peuvent l utiliser. Plus spécifiquement, elle signifie que ces gens peuvent percevoir, comprendre, naviguer, interagir avec le web, et y contribuer. g g yL'accessibilité du Web bénéficie également à d'autres, notamment les personnes âgées ayant des capacités diminuées dues au vieillissement. »

h //f iki di / iki/ ibili % % d bhttp://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_web

Rencontre UX à Montréal

htt //t tl d /

Jeudi 8 novembre 2012 à 18h00 à la Coop Ecto

http://toutlemonde‐ux.com/

Pause

Thibault LandelThibault Landel

Ressources

Le site Web d’accompagnementwww.architecturedelinformation.wordpress.com

Information, présentations (PDF), liens pertinents, etc.

Nous joindre

Geoffroi GaronGeoffroi Garonprof@geoffroigaron.comwww.geoffroigaron.com

Martin Lessardi l d@ ilmartinlessard@gmail.com

www.martinlessard.com

*Par courriel, ajoutez le mot‐clé EDM2530