Quelle ergonomie et

webtechnologie pour vos

sites web et vos portails en
2010

- De l’informatique ?
- Non, des gens, comme vous et moi !

Jean-Paul CRENN – Webcolibri – Conseil et

Accompagnement en stratégie e-Commerce
1
2
Fa cte u rs d e cré d ib ilité p o u r u n site

3
L ’ e rg o n o m ie : ta n t d e ch e m in à p a rco u rir !

60% d e s u tilisa te u rs sa tisfa its d e le u r exp é rie n ce d e

n a vig a tio n

53% d e s in te rn a u te s so n t p a rve n u s à ré a lise r le s

tâ ch e s d e m a n d é e s
S o u rce : E tu d e O b se rva to ire d e la p e rfo rm a n ce Yu se o , site s d ’ é le ctro m é n a g e r, 8 0 0 in te rn a u te s,
fé vrie r 2 0 1 0
C ré a tio n d u
co m p te p e rso n n e l
L ’ a ccè s a u p ro d u it
La p e rce p tio n p rix
La d isp o n ib ilité
d e s p ro d u its
9
Le Po u rq u o i
e sp o n sa b le d u fa it q u e vo s visite u rs re ste n t m o in s d

• La Fouille d’Informations (Information Foraging) : le concept IHM le

plus important depuis 1993 (Palo Alto Research Center, ex-Xerox PARC,
Stuart Card, Peter Pirolli)
• Les internautes se comportent comme des bêtes sauvages à la
recherche de nourriture : le darwinisme en action
• La loi du moindre effort : une caractéristique humaine
fondamentale, liée à l’évolution
• La loi de la maximisation de l’efficience
• La Piste de l’Information (Information Scent) : élément clef de la
Fouille de données. Le chemin pris présente-t-il des indices liés
au résultat recherché ? La progression doit-être perçue comme
rapide.
e sp o n sa b le d u fa it q u e vo s visite u rs re ste n t m o in s d

• Conséquences :
– 1- Liens et Catégories doivent décrire de façon explicite ce que les
utilisateurs vont y trouver
– 2- Ne pas utiliser de termes génériques, de slogans comme
options de navigation
– 3- Indiquer que l’utilisateur est bien sur la piste de la nourriture :
lui donner le feedback sur sa localisation et sur son parcours



e sp o n sa b le d u fa it q u e vo s visite u rs re ste n t m o in s d

• L’histoire du renard et des 2 lapins

• Votre contenu est Nourrissant ET Facile à attraper
• Conséquences :
– Vitrine de votre offre sur la page d’accueil (Nourissant)
– Fonctionnalités de Navigation et de Recherche mis en avant (Facile
à attraper)
–



e sp o n sa b le d u fa it q u e vo s visite u rs re ste n t m o in s d

• Quitter le secteur : Quand chasser ailleurs ?

• A quelle distance est le secteur le plus proche ?
• Avec Google les autres secteurs de chasse sont plus faciles à
trouver, d’autant plus avec le haut débit
• Conséquences :
– Facilitez les courtes visites (soyez un snack)
– Encouragez les visiteurs à revenir (Newsletters)
– Mettez en avant des méthodes rapides de navigation
–



e sp o n sa b le d u fa it q u e vo s visite u rs re ste n t m o in s d

 En Conclusion :
 Analyse des Trade-offs de la Navigation
• Quels gains est ce que je peux attendre ?
• A quel coût probable ? (temps x effort)



rq u o ila p re m iè re im p re ssio n e st-e lle to u jo u rs la b o n

• 50 ms : intérêt visuel (Lindgoord, 2006)

• Réponse émotionnelle PUIS rationalisation
(Gladwell’s, 2005)
• Clin d’œil + Effet Halo = Décision rationnelle
• Beauté + Utilisabilité (Hassenzhal, 2004)
• Propre, Plaisant et Symétrique
•
3 . Po u rq u o ie st-ce b e a u ? O u la th é o rie d e la rè g le d ’ o r e t a u tre s p rin cip e s d e d e sig n

• Beauté = Ratio mathématique (Euclide

Eléments)
•

A C :C B
=
• Beauté = Ratio mathématique
(Euclide Eléments)
•
A C :C B
=
Po u rq u o ie st-ce b e a u ? O u la th é o rie d e la rè g le d ’ o r e t a u tre s p rin cip e s d e d e sig n

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
•
La théorie de la règle d’or et autres principes de
design

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
•
3 . Po u rq u o ie st-ce b e a u ? O u la th é o rie d e la rè g le d ’ o r e t a u tre s p rin cip e s d e d e sig n

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
• La surcharge d’information
•
La théorie de la règle d’or et autres principes de
design

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
• La surcharge d’information
•
La théorie de la règle d’or et autres principes de
design

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
• La surcharge d’information
•
La théorie de la règle d’or et autres principes de
design

• Beauté = Ratio mathématique (Euclide

Eléments)
• La force du Blanc (Lin, 2004)
• La surcharge d’information
•
 Comment est-ce qu’on scanne une liste ?

L’entonnoir du scan A : le p o id s d u
p a ssé
B : le 1 er repère
(85%)
1 se co n d e
 Comment est-ce qu’on scanne une liste ?

Le d é b u t d u F

2 se co n d e s
 Comment est-ce qu’on scanne une liste ?

Po id s d e s
d é b u ts d e lig n e
3 se co n d e s
 Comment est-ce qu’on scanne une liste ?

Ité ra tio n s
Prê ts à a g ir
4 se co n d e s
 Comment est-ce qu’on scanne une liste ?

•3 5 % o n t cliq u é
d a n s To p 4 / 5
5 se co n d e s •1 er résultat
naturel
(différence 1er
et 2nd en terme
de clics (resp.
30% et 15%))
 Comment est-ce qu’on scanne une liste ?

•6 5 à 7 0 % d e s
u tilisa te u rs
6 se co n d e s re ste n t
•2 ème résultat
naturel
•Début de ligne
 Comment est-ce qu’on scanne une liste ?

•2 0 % d e s
in te rn a u te s
7 se co n d e s re ste n t
 Comment est-ce qu’on scanne une liste ?

•2 g ro u p e s
•Fru stré
8 se co n d e s s
•1 0 %
so n t d e s
ch e rch e
u rs
d é lib é ré
s
•
 Comment est-ce qu’on scanne une liste ?

•R e b o n d d e b a s
d ’ é cra n
9 se co n d e s •C lics su r
ré su lta ts d e b a s
de page
•
 Comment est-ce qu’on scanne une liste ?

•1 0 à 1 5 %
1 0 se co n d e s
re ste n t
 Comment est-ce qu’on scanne une liste ?

•1 0 à 1 5 %
1 1 se co n d e s
re ste n t
 Comment est-ce qu’on scanne une liste ?

1 2 se co n d e s •D é se sp o ir
Comment est-ce qu’on scanne une liste ?
Po u rq u o ile C o n ce p t ?

C O N C E PT

M O TS

R EQ U ETE

M O TS
P E R IP H E R IQ U E S
1
L’Histoire des 2 John
2

L’Histoire des 2 John

La zone de la grande promesse
La cécité aux bannières de publicité
clu sio n : E tu d ie r le co m p o rte m e n t d e s co n so m m a te

nL ’ a n a lyse sta tistiq u e . L ’ exe m p le d e

G o o g le A n a lytics
nL ’ A / B Te stin g

nLe ca s d e s q u e stio n n a ire s e n - lig n e

nFo cu s G ro u p s

nE tu d e s d ’ u tilisa b ilité .

n
 Merci pour votre
attention

Jean-Paul CRENN
Webcolibri
http://jean-paul-
crenn.blogspot.com/
jpcrenn@webcolibri.com

46