Les outils de lergonome agile

Florent CHANAVAT
Consultant Fonctionnel & Ergonomie
http://twitter.com/Usocrate

Cyrille DERUEL
Chef de projet & Accompagnateur Agile
http://www.bouzin-agile.fr/
http://www.agenda-agile.org/
http://twitter.com/CyrilleDeruel

Ce que n'est pas cette prsentation

Un livre de recettes rutilisables
Lergonomie dune produite repose sur son adquation aux profils,

objectifs, tches et environnements spcifiques d'une population

d'utilisateurs cible
 chaque projet est de ce point de vue unique et engage une rflexion ddie

Pas un benchmark de composants d'interface

des offres fonctionnelles convergentes (Flex, Silverlight, HTML 5 + CSS3

+ SVG + JQuery,YUI ou DOJO ...)

le choix des composants ne fait pas l'ergonomie d'un produit
 c'est l'exprience utilisateur dans son ensemble (cas d'utilisation) qui doit tre
analyse (atteinte des objectifs, efficacit, satisfaction)

Ce qu'est cette prsentation

La promotion de la conception oriente utilisateur
une philosophie
un ensemble de mthodes
un cadre pour la mise en oeuvre

La dmonstration de la complmentarit de l'approche

agile et de l'ergonomie
comment l'ergonomie peut enrichir et consolider l'approche agile
comment l'agilit peut-elle trouver un support auprs des ergonomes

Sommaire
Lergonomie : de quoi parle ton ?
Enjeux et ROI
Les outils de lergonome
Ergonomie et Dveloppements Agiles

Ergonomie : de quoi parle ton ?

Utilisabilit, Exprience utilisateur,
Conception oriente utilisateur

Ergonomie : de quoi parle ton ?

La notion dergonomie exprime
la facilit avec laquelle les utilisateurs font lapprentissage et utilisent un

produit ou systme interactif (site web, application mtier, technologies

mobiles, ) pour remplir leurs objectifs
la satisfaction quils en retirent.

Incitation

Cohrence

Simplicit

Feedback

Contrle

Homognit

Standard

Utilisabilit
Dmarche qualit, facilit dutilisation

Guidage

Ergonomie : de quoi parle ton ?

... Mais pas seulement !

Un ensemble de mthodes permettant de replacer les

utilisateurs au cur du processus de conception

Dfinition des besoins
Evaluation et validation des choix de conception

Conception oriente utilisateur,

Dfinition des besoins, mesure, validation

Ergonomie : de quoi parle ton ?

Ergonomie =

Utilisabilit
On facilite la satisfaction du besoin

Utilit
On rpond un besoin

Facilit dapprentissage

Pour quels utilisateurs ?

Efficacit

Dans quel objectif ?

Mmorisation

Dans quels contextes ?

Limitation des erreurs

Satisfaction
Degr selon lequel un produit peut tre utilis, par des utilisateurs
Degr selon lequel un produit peut tre utilis, par des utilisateurs
identifis, pour atteindre des buts dfinis avec efficacit, efficience et
identifis, pour atteindre des buts dfinis avec efficacit, efficience et
satisfaction, dans un contexte dutilisation spcifi (ISO 9241satisfaction, dans un contexte dutilisation spcifi (ISO 924111,1998)
11,1998)

Ergonomie : de quoi parle ton ?

Utilit = Toujours plus de fonctionnalits ?
La courbe de dviance fonctionnelle

De lergonomie lexprience utilisateur

Les diffrentes facettes de lexprience utilisateur (Peter Morville)

A person's perceptions and responses
A person's perceptions and responses
that result from the use or anticipated
that result from the use or anticipated
use of a product, system or service
use of a product, system or service
(ISO 9241-210)
(ISO 9241-210)

Le
Leplus
plusvalorisable
valorisable
(design by Starck)
(design by Starck)

Le
Leplus
plusutile
utile???
???

Le
Leplus
plusutilisable
utilisable???
???
Le plus Crdible ???
Le plus Crdible ???

La conception dinterface utilisateur en 5 tapes

Enjeux et ROI

Pourquoi lutilisabilit est importante? (1)

Web

Un environnement hautement concurrentiel

Des standards de qualit plus levs que jamais

MySpace vs Facebook
120
100
80
60
40
20
0
2006-01-01 2006-01-07

2006-12-31 2007-01-06

2007-12-30 2008-01-05

2008-12-28 2009-01-03

2009-12-27 2010-01-02

2010-12-26 2011-01-01

La mtaphore du rservoir de bonne volont (S. Krug)

Je pense pouvoir
trouver linformation
que je cherche

Lorsquon arrive sur un site, on commence avec

un rservoir plein de bonne volont

Ce qui fait baisser le niveau

Ne cachez pas les informations que je

recherche
Ne me punissez pas en me forant
faire les choses de votre manire
Ne me demandez pas des informations
dont vous navez pas rellement besoin
Ne me jouez pas du pipeau
Ne mettez pas de ralentisseurs sur ma
route
On dirait un site amateur

Jabandonne !

Chaque problme rencontr sur le site fait baisser

le niveau du rservoir jusqu puisement.

Ce qui fait remonter le niveau

Devinez tout ce que je souhaite faire sur votre

site et mettez tout en oeuvre pour me faciliter la
tche
Dites-moi ce que je veux savoir
Epargnez-moi des tapes ds que vous le
pouvez
Faites des efforts pour moi
Envisagez les questions que je suis susceptible
de me poser et rpondez-y
Pensez-au confort dutilisation, avec des pages
simple imprimer par exemple
Facilitez la rparation des erreurs
En cas de doute, excusez-nous

Pourquoi lutilisabilit est importante? (2)

Intranet & Applications mtier
Lutilisabilit est un levier de productivit des collaborateurs
 Rduit les temps ncessaires lexcution des tches et le nombre dchecs
ou erreurs.
 Facilite ladoption des outils (courbe dapprentissage, confiance dans le
systme)
Optimiser linvestissement (cots de dveloppement)
 Optimisation / validation du primtre fonctionnel
Optimiser les cots de fonctionnement
 Rduction du nombre dappels SVP
 Optimisation des formations
 Rduction des cots de maintenance
Contribuer construire une reprsentation positive de la socit
 des outils simples et performants, en phase avec les besoins des salaris

Lutilisabilit se mesure

Taux de conversion

Trafic

Ex. : ventes, nouveaux prospects

Ex. : nombre de fois ou une page est

vue

Efficacit utilisateur / Productivit

Temps ncessaire pour excuter les

tches cls

Nombre derreurs, nombre dappel au

service support

Utilisation de fonctionnalits cibles

Satisfaction des utilisateurs,

confiance dans le systme

Lutilisabilit rapporte (1)

Bnfices (tude Nielsen / Norman, 2008, sur 66 projets)

10%

83%

Du budget global du projet

De gain dutilisabilit

(moyen)

E-commerce
taux de conversion, croissance des ventes (CA), ...

Intranet
temps salari * cot horaire ...

Lutilisabilit rapporte (2)

Le ROI est meilleur pour un site large audience

Linvestissement naugmente pas de manire linaire avec la taille du projet

 Pour une taille de projet 10 fois suprieure leffort fournir en terme ergonomie est 4 fois

suprieur

Les gains de productivit apports par la refonte de lintranet sont :

 8 fois plus important que le cot pour une entreprise de 1000 salaris
 20 fois plus important pour une entreprise de 10000 salaris
 50 fois plus important pour une entreprise de 100 000 salaris

Cots
50

Gains

20
1

1000 salaris

1
10000 salaris

1
100000 salaris

Les outils de lergonome

La dmarche ergonomique en pratique

Ergonomie : un rle cl jouer dans la dfinition des exigences

Entretien utilisateurs
Entretien utilisateurs
(individuel ou focus group)
(individuel ou focus group)

Personas
Personas

Analyser et reprsenter de
Analyser et reprsenter de
manire personnifie, les
manire personnifie, les
utilisateurs cibles et de leurs
utilisateurs cibles et de leurs
objectifs
objectifs

Support
Support

Analyse des demandes

Analyse des demandes
formules auprs du SVP
formules auprs du SVP

Les utilisateurs expriment

Les utilisateurs expriment
leurs besoins
leurs besoins

Analyse de la tche
Analyse de la tche

Besoins
Besoins
utilisateurs
utilisateurs

Modliser les tches de

Modliser les tches de
lutilisateur en phase avec les
lutilisateur en phase avec les
processus mtiers
processus mtiers

Analyse de lactivit
Analyse de lactivit

tudier comment les

tudier comment les
utilisateurs accomplissent
utilisateurs accomplissent
leurs tches dans leur
leurs tches dans leur
contexte habituel
contexte habituel

Inspection experte
Inspection experte

Identifier les facteurs de

Identifier les facteurs de
dgradation de lexprience
dgradation de lexprience
utilisateur
utilisateur

Tests utilisateurs
Tests utilisateurs

Identifier les amliorations

Identifier les amliorations
potentielles dun existant
potentielles dun existant

Bnfices potentiels :
Apport :
Recueil de donnes de terrain,
principe de ralit (de quoi ont
rellement besoin les utilisateurs ?)
Intgration prcoce et participative
des utilisateurs finaux

Optimisation de linvestissement en centrant les

dveloppements sur les fonctionnalits
ncessaires
Identification de besoins non souponns
Lappropriation du produit par les utilisateurs est
favorise (approche participative)

Ergonomie = outil daide la dcision

Persona : exemple

Architecture de linformation et Design dinteraction

Tri par cartes (Card Sorting)

Principe


Bnfices


Explorer diffrentes pistes de conception moindre cot.

Un prototype peut prendre la forme dune bauche
papier (low-fi) jusqu des pages HTML interactives (hifi)

Cas dutilisation (Use Cases)

Permet de sassurer que la structure du site est

adapte la manire dont les utilisateurs vont chercher
linformation.
Permet de valider la terminologie employe

Maquettage (Wireframe / Prototype)

Les diffrents contenus, fonctionnalits retrouver sur

le site sont reprsentes par des cartes.
Les utilisateurs sont chargs de regrouper ses cartes
selon leur propre logique.

Une vue trs dtaille de linteraction de lutilisateur avec

le systme, dcrivant chaque tape suivie par lutilisateur
pour raliser sa tche ou ses objectifs.

Design comptitif (Parallel Design)

Plusieurs concepteurs proposent une maquette de

linterface utilisateur. Les meilleures propositions sont
synthtises dans le design final.

Evaluation

Evaluation experte (Heuristic Evaluation)

valuation du site au regard de listes de critres de qualit (heuristiques ou guidelines)

Tests utilisateurs
On demande individuellement un ensemble dutilisateurs deffectuer un certain nombre de tches sur le site afin
didentifier les problmes quils rencontrent

Analyse multivarie
Plusieurs versions concurrentes de lIHM sont proposes des groupes dutilisateurs diffrents. On compare
statistiquement les performances des utilisateurs sur les 2 versions.

Critres heuristiques : 2 exemples

J. Nielsen, (useit.com)

Transparence des processus

Logique du systme en phase avec le monde
rel (et la logique de lutilisateur)
Contrle utilisateur
Cohrence et standards
Prvention des erreurs
Identifier plutt que se rappeler
Souplesse et efficience
Design esthtique et minimaliste
Assister les utilisateurs dans lidentification, le
diagnostic et la rsolution des erreurs
Aide et documentation

Bastien et Scapin (INRIA)

Guidage



Incitation
Groupement/Distinction entre Items




Feedback Immdiat
Lisibilit

Charge de Travail


Brivet

Actions Explicites
Contrle Utilisateur
Flexibilit
Prise en Compte de lExprience de lUtilisateur

Gestion des Erreurs





Densit Informationnelle

Adaptabilit



Concision
Actions Minimales

Contrle Explicite



Groupement/Distinction par la Localisation

Groupement/Distinction par le Format

Protection Contre les Erreurs

Qualit des Messages dErreur
Correction des Erreurs

Homognit/Cohrence
Signifiance des Codes et Dnominations
Compatibilit

Une mthode de prdilection : les tests utilisateur

Copyright 2003-2010 Tom Chi / Kevin Cheng

3 tapes

Constituer un panel reprsentatif dutilisateurs

Demander aux utilisateurs de raliser des tches

quon aura identifies comme rcurrentes ou
critiques

Observer les utilisateurs aux prises avec

linterface (russites, difficults prouves, ).
Etre lcoute des utilisateurs, les inciter
verbaliser tout au long du processus.

Prcautions

Tests individuels

Laisser les utilisateurs rsoudre les problmes

rencontrs sans les orienter, en autonomie
(validit des tests en jeu)

Test early, test often

UN TEST AVEC 8 UTILISATEURS
8 utilisateurs

5 PROBLEMES IDENTIFIES

Huit utilisateurs
peuvent identifier un
nombre important
de problmes au
cours dun seul test.
Les problmes les
plus vidents les
empcheront
gnralement daller
plus loin et den
identifier dautres
DEUX TESTS AVEC 3 UTILISATEURS
Premier test : 3 utilisateurs
Au cours dun seul
test, il est possible
que les utilisateurs
ne relvent pas
autant de problmes

Second test : 3 utilisateurs

Au cours du second
test, comme les
erreurs rencontres
lors du premier test
ont t corriges, les
utilisateurs identifient
des problmes quils
navaient pas
rencontrs
auparavant.

9 PROBLEMES IDENTIFIES

Panorama des mthodes

Dfinition des
exigences

Conception

Evaluation

Entretiens individuels

Focus groups

Personas

Tri par cartes

Analyse de la tche

Analyse de lactivit

Maquettage

Cas dutilisation

Evaluation Experte

Tests utilisateurs

Analyse multivarie

X
X

Ergonomie et dveloppements Agiles

Deux philosophies convergentes (1)

Focus sur la valeur ajoute pour les utilisateurs

Une approche itrative

L'change et la communication auprs des utilisateurs comme rgle

de conduite

Deux philosophies convergentes (2)

Des valeurs

L'valuation des choix de conception

respect
coute
simplicit

Les tests utilisateurs comme mthodes de prdilection

Ladaptation au changement

plus que le suivi dun plan

Lergonome dans une itration

La place de l'ergonome dans l'approche agile

Assistance au product owner

Apport :
 aide la dcision dans la dfinition du backlog et des priorits : mesure de la valeur

mtier de telle ou telle fonctionnalit

 dfinition des stories

Comment ?
 recueil et analyse de donnes de terrain auprs des utilisateurs finaux (activit, tches)
 qualification et dfinition des profil utilisateurs (personas)

Maquettage

wireframe, story-board

Evaluation

dfinition d'indicateurs de performance pour mesurer l'utilisabilit (temps

ncessaires la ralisation d'une tches, nombre d'erreur ou de demandes
d'assistance, etc.)
 tests d'acceptation

mesure de ces indicateurs tout au long du projet (sprint - release)

Des questions ?
Cest maintenant

Contacts
Florent CHANAVAT
Consultant Fonctionnel & Ergonomie
http://twitter.com/Usocrate

Cyrille DERUEL
Chef de projet & Accompagnateur Agile
http://www.bouzin-agile.fr/
http://www.agenda-agile.org/
http://twitter.com/CyrilleDeruel