Cours d'ergonomie des interfaces web pour la filière IMR à l'Enssat (Lannion). Année 2012-2013.

1. Ergonomie
Elodie Descharmes (ingénieur Orange Labs)
Filière IMR, deuxième année
2012-2013
Parce qu’il ne sert à rien de réinventer ce qui est déjà très bien fait, ce cours est très largement
basé que le livre suivant :
Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles

2. 2
@elodescharmes
Plan du cours
 Introduction, écoute du besoin
– Contexte : conception de service, conception centrée utilisateur
– Ergonomie web, introduction et définition
– Connaître et définir votre internaute : caractéristiques générales
– Méthode : entretien semi-directif
 Les règles de l’ergonomie web
 Etude du besoin
– Méthode : les personas
 Conception d’un site web
– Définition des contenus
– Architecturer l’information
– Méthode du tri des cartes
– Le zoning
– La maquette
 Evaluation ergonomique d’un site web
– Méthode de l’audit ergonomique
– Méthode des tests utilisateurs

3. Contexte : conception de service,
conception centrée utilisateur

4. 4
@elodescharmes
Vocabulaire
Conception
de service
Conception
centrée utilisateur
Contribution ergonomique
Conception de service
Conception centrée utilisateur
Ergonomie

5. 5
@elodescharmes
Conception de service
 Le processus de conception de service doit prendre en compte
– Les fonctionnalités du service (exigences fonctionnelles devant répondre à un besoin identifié et compris)
– mais aussi…
– Les processus métier (niveau marketing, positionnement par rapport à un portefeuille de services
existants)
– La garantie du service (exigences et accords sur le niveau de service, le coût et la tarification)
– Les ressources informatiques (infrastructure industrielle, serveurs etc.)
– Les aptitudes (accords de niveau opérationnel, services de support)
– L’organisation (équipes internes et fournisseurs)
Conception de service
Conception centrée utilisateur
Ergonomie

6. 6
@elodescharmes
Conception centrée utilisateurs
 Principe : considérer les utilisateurs et leurs besoins tout au long du processus
de développement d’un service ou d’un produit
 « Conception centrée utilisateur » vs « conception centrée expertise »
 S’intègre au processus global de conception de service
Processus normé
ISO 9241 (ex-13407) : détermine les exigences auxquelles un projet doit répondre
pour être considéré comme « centré sur l’humain »
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

7. 7
@elodescharmes
Caractéristiques de la CCU
 Une préoccupation amont des utilisateurs, de leurs tâches et de leur environnement
 La participation active de ces utilisateurs, ainsi que la compréhension claire de leurs besoins et des
exigences liées à leurs tâches
 Une répartition appropriée des fonctions entre les utilisateurs et la technologie
 L’itération des solutions de conception
 L’intervention d’une équipe de conception multidisciplinaire (facteurs humains, architecture de
l’information, design, marketing, qualité, etc.)
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

8. 8
@elodescharmes
Processus CCU
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

9. 9
@elodescharmes
Processus CCU : détail
 Comprendre et spécifier le contexte d’utilisation : comprendre la population cible et ses caractéristiques,
ses buts, ses tâches, ses environnements
– Décrire les environnements
– Identifier des profils utilisateurs
– Identifier des groupes d’utilisateurs si nécessaire (exemple : experts et novices, problématique d’accessibilité)
 Comprendre et spécifier les exigences utilisateurs et organisationnelles
– Objectifs d’utilité et d’utilisabilité (cf. suite du cours) et priorisation des exigences
– Taux de succès, nombre d’erreurs, temps d’exécution des tâches, nombre d’étapes nécessaires à la complétion des
tâches, rythme d’apprentissage, etc.
– Objectifs opérationnels et financiers (ex. contraintes de maintenance)
– Exigences organisationnelles (ex. taux d’appels à un centre de télémarketing)
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

10. 10
@elodescharmes
Processus CCU : détail
 Produire des solutions de conception : matérialiser les solutions afin de pouvoir les modifier en fonction
des feedback utilisateurs
– Répartir les fonctions entre l’utilisateur et le système
– Faire les choix d’ergonomie IHM (navigation, architecture de l’information, design graphique…)
– Réalisation
– Maquette papier : simulation d’IHM (document, slides, animation flash…)
– Maquette fonctionnelle : simulation d’une partie du service/produit pour un parcours utilisateur plus ou moins ciblé
– Prototype : réalisation sur technologie cible
 Evaluer les solutions au regard des exigences prédéfinies
– Evaluation experte : avis d’experts (ergonomes, ingénieurs, marketing…)
– Tests utilisateurs : interrogation de l’utilisateur final potentiel en groupes ou entretiens encadrés
– Expérimentation : test « grandeur nature »
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

11. 11
@elodescharmes
Techniques de CCU
 Techniques de créativité
– Brainstorming
– Inversion
– Analogie
– Bissociation
 Techniques de recueil de données
– Focus group
– Questionnaires
– Entretien
 Techniques de conception
– Tri des cartes
 Techniques d’évaluation
– Retours experts
– Tests utilisateurs, Cognitive walkthrough, focus group
d’évaluation
– Expérimentations
 Techniques complètes
– Participatory design
– Personas
 Listes non-exhaustives !!!
Conception de service
Conception centrée utilisateur
Caractéristiques
Processus
Méthodes
Ergonomie

12. 12
@elodescharmes
Et l’ergonomie dans tout ça ?
 L’ergonomie est une discipline, un métier, une démarche
 L’ergonomie est l’un des métiers représenté dans le processus de conception de service, mais :
– Ce n’est pas le seul
– Sociologues, psychologues
– Marketing
– Design, graphisme
– Experts techniques, ingénieurs
– L’ergonomie est présente dans d’autres domaines
– Ergonomie physique
– Ergonomie organisationnelle
Conception de service
Conception centrée utilisateur
Ergonomie