ET DANS LE WEB ?

AWWWARDS
USERONBOARD
LITTLE BIG DETAILS
DRIBBBLE
UX Designer / UI Designer
Use expe ence des n (UXD,
UED, o XD) is the process of
enhancing user satisfaction with a
product by improving the usabi ity,
accessibi ity, and p easure
provided in the interaction with
the product.
r
r
l
r
i
l
i
g
l
User experience design
encompasses traditiona human–
computer interaction (HCI) design,
and extends it by addressing a
aspects of a product or service as
perceived by users.[2]

l
l
l
The goa of user interface design is
to make the user's interaction as
simp e and e c ent as possib e,
in terms of accomp ishing user
goa s
l
l
l
f
f
i
i
l
l
Graphic Design may be
uti ized to support
usab ty
l
i
l
i
UI ⊂ U X
DESIGN WE B
≈
UX DESIG N
Don Norman, inventor of the term “User Experience”
 No pro ct s s . A pro ct s
or t t pro ct. It s co s ,
t r t s t of p r c s. T
t ro of t st s of pro ct or
s r c – fro t t t o s t ro
r f ct o s, fro rst s to
p, s r c , t c .M
t or to t r s ss .
Don Norman, inventor of the term “User Experience”
m
i
fi
h
n
h
h
e
e
n
e
l
a
e
v
m
e
l
g
u
i
g
a
e
a
e
d
h
e
h
l
u
l
a
l
e
a
v
e
w
n
d
l
i
l
i
e
h
i
e
m
k
e
a
n
a
i
n
n
h
n
d
e
g
i
i
e
e
d
m
i
l
x
a
u
a
a
h
l
m
a
n
i
e
e
g
i
d
n
n
fi
e
i
e
e
e
e
n
n
n
a
i
a
m
e
n
u
i
a
a
l
d
n
e
e
a
u
g
e
h
h
l
d
i
h
a
y
e
n
i
u
k
k
e
i
v
u
e
g
h
 Amé ie Boucher, autrice du ivre « Ergonomie Web »
l
l
 UN SITE
ERGONOMIQUE,
ÇA N’EXISTE PAS !
Amé e Bouche , aut ce du v e « E onom e Web »
l
i
r
r
i
l
i
r
r
g
i
KESKELADI ?
 1. CONTEXTUEL
On travai e à destination :
• d’uti isateurs spécifiques ;
• qui ont des objectifs spécifiques, des tâches
à accomp ir ;
• qui évo uent dans un contexte bien précis.

On par e de
co c pt o or t t s t r(s)
n
e
l
l
l
i
l
l
n
l
i
e
n
é
e
u
i
l
i
a
e
u
1. CONTEXTUEL

Une notion primordia e : a tâche

l
l
2. ≠ BON SENS
 ERGONOMIE
L’ s s co ss c s
sc t sr t s ’Ho
c ss r s po r co c o r s
o t s, s c s t s
spos t fs p ss t tr
t s s c
co fort, s c rt t ’ c ct .

A ain Wisner
n
d
u
l
é
u
i
e
i
i
n
n
e
l
i
e
i
n
l
e
é
m
i
i
a
fi
d
b
i
i
a
e
q
d
l
v
u
e
e
e
e
e
m
q
d
u
é
e
a
l
i
e
e
u
u
h
l
m
u
i
a
i
n
i
a
n
e
i
é
x
n
v
n
i
a
e
e
e
m
e
i
n
e
u
v
d
à
m
d
ê
a
e
l
e
n
i
d
ffi
e
e
e
d
m
e
a
m
i
e
é
 ERGONOMIE
L’ r o o s c r ct r s
ss t t p r s oc t o
pt r so t s ’ o .

Jean-C aude Sperandio

e
a
d
e
a
e
g
l
n
n
e
i
e
m
l
l
e
l
i
e
e
m
e
u
e
n
i
l
a
a
a
à
l
é
h
a
i
v
m
e
m
a
e
i
n
à
 ERGONOMIE
L’ r o o for t s
propos ’ s rc o t s
uti isateurs o t r t besoin
t ttr œ r s
t o s ppropr s po r
’ t rf c r po
so s.

Amé ie Boucher
e
m
l
a
i
u
e
é
n
l
x
d
l
g
h
e
e
b
e
n
m
d
e
a
e
e
m
d
i
e
n
i
a
a
e
fi
n
e
i
n
a
n
e
a
n
l
n
y
l
e
e
m
é
u
i
é
e
a
é
v
l
e
l
e
i
e
e
q
n
m
d
u
d
d
e
e
e
e
n
n
u
a
e
u
l
q
e
m
u
e
i
e
u
x
 UN SITE EST
D’AUTANT PLUS
ERGONOMIQUE
QU’IL EST UTILE
ET UTILISABLE
 UTILITÉ

À o s rt st ?

F t- c o t ’ t s t r so ?
a
q
i
u
i
l
i
e
e
d
l
n
e
l
i
u
e
i
l
i
a
e
u
a
b
e
i
n
 UTILISABILITÉ
U pro t st t t s ors ’
p t tr t s c c ct ,
c c t s t sf ct o p r s
t s t rs o s, po r tt r
s o j ct fs o s, s
co t t ’ t s t o o .

https://www.iso.org/standard/635
https://www. .htm
e
u
d
e
ffi
e
n
i
n
u
l
i
e
i
ê
e
a
b
x
n
d
e
e
u
e
e
e
u
i
d
u
i
e
e
u
i
d
l
i
d
i
l
a
i
n
d
é
n
n
i
i
a
n
a
é
u
é
v
i
a
e
0
i
0
n
l
i
d
i
e
d
a
u
ffi
a
l
n
n
b
n
a
l
n
l
e
a
a
u
é
n
l
i
e
d
i
é
e
n
d
q
u
e
i
l
 UTILISABILITÉ (ISO)
L r s o pro tp t
tr t s , p r s t s t rs
t s, po r tt r s ts
s c c ct , c c t
s t sf ct o , s co t t
’ t s t o sp c
ê
i
d
d
d
e
a
é
u
e
fi
d
e
n
i
n
i
e
l
u
i
i
i
g
a
fi
i
a
é
é
a
l
i
v
i
i
e
é
e
n
n
l
e
n
u
d
a
ffi
a
l
é
n
e
a
d
q
a
i
e
fi
u
u
e
i
e
é
n
i
u
l
é
n
u
d
i
n
l
e
n
i
e
ffi
a
e
d
x
e
i
e
d
e
u
e
u
n
b
i
u
e
e
e
u
 EFFICACITÉ
L’ t s t r otr ss r f r c
’ tf r .
q
u
u
i
i
l
l
i
v
e
a
u
e
u
a
i
d
e
i
é
u
i
à
a
i
e
e
 EFFICIENCE
L’ t s t r o t r ss r f r c ’
tf r t s t o s
r sso rc s poss .

Att t o , o pro t, p s
' t s t r.
v
l
e
e
u
u
u
e
i
i
l
l
n
i
i
u
a
i
a
a
i
n
e
e
e
e
u
u
e
n
n
d
u
é
v
i
i
i
a
l
b
i
l
l
u
é
e
a
e
u
n
l
e
l
i
e
à
m
d
a
u
i
i
n
i
e
d
e
e
a
q
u
i
l
 SATISFACTION
L’ t s t r s t s t sf t
’ p r c ’ t r .
l
e
u
x
i
l
é
i
a
i
e
n
e
u
e
q
e
u
i
d
l
i
v
i
e
a
n
i
d
e
a
i
v
i
v
d
e
e
SELON NIELSEN
 SELON NIELSEN

• Learnabi ity: How easy is it for users to

accomp ish basic tasks the first time they
encounter the design?
• Efficiency: Once users have earned the
design, how quick y can they perform
tasks?
l
l
l
l
 SELON NIELSEN

• Memorabi ity: When users return to the

design after a period of not using it, how
easi y can they reestab ish proficiency?
l
l
l
 SELON NIELSEN
• Errors: How many errors do users make, how
severe are these errors, and how easi y can
they recover from the errors?
• Satisfaction: How p easant is it to use the
design?
l
l
ERGONOMIE WEB
Règ es, ois et méthodes
l
l
 CONTEXTE
L’uti isabi ité et ’ergonomie ne sont pas
des concepts porteurs de vérité.

On ne peut par er que de cas concrets,

définis dans un contexte, preuves à
’appui.
l
l
l
l
l
 OBJECTIFS
Être capab e de prendre en considération
un maximum de déterminants d’une
situation donnée d’interaction homme /
interface ors d’un processus de création
d’une interface.
l
l
 R.O.I.
Return on investment
 MÉTHODES
• Méthodes expertes
• Méthodes participatives
 EXPERTES
Le concepteur est un expert et i é abore
son interface a priori. I ne rencontre pas
es uti isateurs finaux.

Ces méthodes sont basées sur des

connaissances théoriques.
l
l
l
l
l
 PARTICIPATIVES
Le concepteur confronte son travai aux
uti isateurs. Son interface évo ue par
ajustements progressifs et feedbacks.

Ces méthodes sont empiriques et basées

sur ’observation.

E es sont uti isées pendant ’é aboration

du site.
l
l
l
l
l
l
l
l
l
 H
rst s
s
ot

Academically
t
s

Participant
u
d
b
n
a
a
n
e
u
e
d
i
e
g
n
a
n
d
 EN PRATIQUE
• Méthodes expertes
r s, co rs, rt c s t or s

• Méthodes participatives
t sts t s t rs, ts s
t to t s s
l
e
i
e
v
a
e
u
u
m
i
l
u
a
i
i
a
é
e
a
u
i
l
e
a
u
d
e
i
n
m
a
m
n
e
u
e
l