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

1. Elodie Descharmes (ingénieur Orange Labs)
Filière IMR, deuxième année
2012-2013
Ergonomie
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. Méthode
Les personas

3. 3
@elodescharmes
Dans les épisodes précédents…
 Nous avons défini notre internaute en temps d’être humain « générique », avec ses possibilités
et ses limites
 Pour rappel
– Loi de proximité : proximité visuelle = indice de proximité conceptuelle
– La loi de similarité : ressemblance de forme = proximité conceptuelle
– La loi de fitts : une cible est d’autant plus facile à atteindre qu’elle est proche et grande
– L’affordance : suggérer les possibilités d’interactions
– Nombre de Miller et loi de Hick : limiter les alternatives quand un choix est nécessaire
– Accessibilité visuelle et lisibilité : prendre en compte le handicap et optimiser graphiquement pour tous
 Ce chapitre est dédié à la méthodes des personas, nous cherchons ce qui le définit comme
utilisateur de votre site : qui est-il ? Que cherche-t-il à faire ? Dans quelles conditions ?

4. 4
@elodescharmes
Une personne donnée dans un contexte précis
 S’interroger sur les caractéristiques de vos internautes et les besoins qui en découlent
 Chercher les caractéristiques communes, les traits distinctifs des visiteurs de votre site par
rapport à l’ensemble des internautes
 Les critères qui définissent une population cible
– Des personnes
– Des objectifs
– Des contextes d’utilisation
Définir une personne
Méthode des personas

5. 5
@elodescharmes
Comment cerner votre internaute
 La notion de tâche
– Votre internaute a forcément des objectifs par rapport au site (même s’il ne s’agit que de la simple
découverte)
– Il faut comprendre ces objectifs, et pour cela questionner/observer l’internaute, essayer de se
mettre à sa place
 Les statistiques de visite
– Dans le cas d’un projet de refonte d’un site existant les statistiques de visites (si elles sont
interprétées) peuvent donner des informations sur :
– La configuration techniques de l’ordinateur des visiteurs (OS, browser, plugins disponibles,
résolution d’écran)
– La qualité fonctionnelle des visites (pages les plus visitées, nombre de pages vues par visite,
zones concentrant le plus grand nombre de clics, mots-clés de recherche, etc.)
Définir une personne
Méthode des personas
Vocabulaire « heatmap » : layer de codes
couleurs sur une interface permettant de
mettre en évidence les zones faisant l’objet
du plus grand nombre de clics

6. 6
@elodescharmes
Personas
 Etymologie
– persona vient de personare, per-sonare (latin) = « parler à travers »
– désignait le masque que portaient les acteurs de théâtre.
 Persona : représentations fictives mais concrètes des utilisateurs pour lesquels le produit /
service est conçu.
 Ils fournissent à l’équipe projet une référence pour définir les scénarios d’utilisation, les
fonctionnalités, évaluer une solution
 Objectif de la méthode : favoriser l’empathie et vous forcer à vous poser plus de questions sur
l’utilisateur.
Définir une personne
Méthode des personas

7. 7
@elodescharmes
Personas
Définir une personne
Méthode des personas

8. 8
@elodescharmes
Personas
Définir une personne
Méthode des personas

9. 9
@elodescharmes
Personas
 Ce n’est pas…
– Un segment marketing (se fondent sur des données démographiques, des canaux de distribution, des
comportements d’achat)
– Un profil utilisateur (décrit des utilisateurs en terme de données démographiques, géographiques,
économiques, psychologiques)
– Un stéréotype (éviter les raccourcis et les caricatures !)
– Un rôle utilisateur (décrit la relation qu’un type de personne a avec un produit/service)
 C’est… Votre utilisateur-type
– Un personnage virtuel créé artificiellement
– Une représentation concrète des utilisateurs pour lequel le produit/service est conçu
– Une aide à la décision
– Un outil de communication
Définir une personne
Méthode des personas

10. 10
@elodescharmes
Personas
 Les personas…
– Placent l’utilisateur final au centre des préoccupations
– Apportent une connaissance explicite des utilisateurs
– Mettent le focus sur la cible prioritaire
– Suscitent engagement et empathie
– Orientent les choix de conception
– Facilitent la communication
 La démarche prime sur le document final
– Construction exploratoire et progressive des personas
– Recours aux utilisateurs
– Réflexion en terme de but
– Questionnement permanent
Définir une personne
Méthode des personas

11. 11
@elodescharmes
Comment s’y prendre ?
Définir une personne
Méthode des personas
Création et utilisation de personas en 10
étapes (en anglais)
http://www.hceye.org/UsabilityInsights/?
p=73
1. Rassembler le plus de connaissances
possibles sur les utilisateurs du service
2. Emettre des hypothèses pour identifier
des groupes
3. Vérifier les hypothèses
4. Décrire des catégories (passer du
quantitatif au qualitatif)
5. Décrire des personas
6. Définir des uses cases
7. Vérifier les uses cases
8. Communiquer et utiliser
9. Confronter les personas au service
10. Faire évoluer les personas au cours du
projet si besoin

12. 12
@elodescharmes
Préalables
 Construction des personas fondée sur les comportements, les attitudes, les buts à l’égard de
l’application
 S’appuyer sur des données de proximité (entretiens, focus group, questionnaires…)
 Travail collaboratif dans le cadre d’une équipe pluridisciplinaire (sociologie, ergonomie,
marketing, ingénierie, design…)
Définir une personne
Méthode des personas

13. 13
@elodescharmes
Un persona doit avoir une vraie identité
(personnage de fiction)
 Nom, voire photo
 Âge
 Situation maritale
 Situation professionnelle
 Hobbies, devise, habitudes quotidiennes
 Parcours
 Comportements et habitudes en relation avec le produit/service
 …
Définir une personne
Méthode des personas

14. 14
@elodescharmes
Il faut lui faire « prendre vie »
 Objectifs, état d’esprit…
 Personnifier : chercher les différences qui font la différence
Définir une personne
Méthode des personas

15. 15
@elodescharmes
Classer, évaluer
 Distinguer le(s) persona(s) primaire(s) des personas secondaires
 Valider les personas qualitativement et quantitativement
Définir une personne
Méthode des personas

16. 16
@elodescharmes
Storytelling
 Confronter les personas à des scénarios d’utilisation du produit
 Exemple : utilisation du format « UserVoice »
– En tant que < Rôle d’utilisateur >, (pour qui ?)
– Je peux < But >, (fonctionnalité)
– Si bien que < Justification > (pourquoi ?)
 Un format au sein duquel :
– Le rôle représente celui qui fait l’action et qui en bénéficie
– Le but représente l’action accomplie
– La justification (ou « valeur business ») représente les bénéfices qui se dégagent de l’action
Définir une personne
Méthode des personas

17. 17
@elodescharmes
Communiquer et utiliser
 Pour l’équipe… et les autres
 Pour donner du sens
 Pour prioriser
 Pour mettre en contexte
Définir une personne
Méthode des personas