UX 2023

UX Design
Les fondamentaux
L A E T I T I A A L A K PA
L E S F O N D A M E N TA U X

01 UX Design

02 UX ≠ Ergonomie ?

03 UX ≠ UI ?
 UX 2023

UX Design

L A E T I T I A A L A K PA
QUICK QUESTION 🤔

Selon vous,
qu'est-ce que l'UX Design ?
UX DON NORMAN

https://youtu.be/9BdtGjoIN4E
UX GOT IT?

“
L’expérience utilisateur englobe tous les
aspects de l’interaction de l’utilisateur final
avec l’entreprise, ses services et ses produits.
Don Norman
Psychologue cognitiviste

Il voulait couvrir tous les aspects de l’expérience d’une

Don Norman a inventé le terme UX parce qu’interface
personne avec un système, incluant le design industriel,
utilisateur et utilisabilité étaient trop restreints.
les éléments graphiques, l’interface, l’interaction physique
et le mode d’emploi.
UX DESIGN DÉFINITION

UX DESIGN
User eXperience Art / Processus de conception
Expérience Utilisateur Concevoir, créer, dessiner
UX DESIGN DÉFINITION

UX DESIGN
Une discipline centrée sur l'utilisateur pour lui offrir
la meilleure expérience possible
• Prendre en compte les exigences d'usage tout au long du
processus de conception d'un produit qu'il soit digital ou non
• Etudier le ressenti émotionnel et les attentes des utilisateurs afin
de leur offrir une expérience optimale
UX DESIGN
1921
Au départ, le plan du métro de Londres était représenté
fidèlement, conformément à sa disposition physique,
géographique, calquée sur le plan de la ville.
LE PLAN DE MÉTRO DE LONDRES
1933
Harry Beck, employé à l'époque de "London Transport"
trouvait que ce plan n'était pas suffisamment lisible pour un
utilisateur. Il a travaillé sur son temps libre à la conception
d'un nouveau design et l'a proposé. Immédiatement clair et
compréhensible, il a très rapidement été adopté par les
utilisateurs, forçant l'entreprise à changer ses plans.
H I S T O I R E D E L' U X D E S I G N 8 D AT E S C L É S

5591
elcèis emè02 ud tubéD

0491

8891

3991
3 4

Designing for people User-centered Design

Henri Dreyfuss, Designer Publication du livre “The
1 2 industriel américain, Psychology of Everyday
publie “Designing for Things”. Don Norman
Taylorisme Premiers tests people” où il précise qu’un popularise ainsi
Frederick Winslow Taylor utilisateurs bon Designer améliore la l’expression “User-
travaille sur les relations L’usine Toyota, au Japon, qualité de vie et la centered Design”, la
entre les travailleurs et réalise les premiers tests satisfaction des conception centrée
leurs outils. utilisateurs. consommateurs. utilisateur.
H I S T O I R E D E L' U X D E S I G N
5991
3991
Critères de Bastien &
Scapin
Les chercheurs en
psychologie ergonomique
et en ergonomie cognitive
J. M. Christian Bastien and
Dominique L. Scapin
proposent leurs fameux
critères ergonomiques
pour l’évaluation
d’interfaces utilisateurs
connues sous le nom de
“critères de Bastien &
Scapin”.
8 D AT E S C L É S
2002
7002 - 1002
6
7
User Experience
Donald Norman, Austin Jesse James Garrett 8
Henderson et Jim Miller Publication de l’ouvrage
publient l’article “What “The Elements of User Apple
you see, Some of What’s Experience: User-centered Avec l’iPod puis l’iPhone,
in the Future, And How Design for the Web”, de Apple parvient à procurer
We Go About Doing It : HI Jesse James Garrett, une expérience utilisateur
at Apple Computer” où cofondateur d’Adaptive inédite, au-delà de la
figure le terme User Path. Il y décrit un simple utilisation du
Experience. processus de conception. produit.
 UX 2023

UX
≠
Ergonomie ?
ERGONOMIE KÉSAKO ?

Selon vous,
qu'est-ce que l'ergonomie ?
ERGONOMIE
KÉSAKO ?

“
L’ergonomie est l'ensemble des connaissances scientifiques relatives à
l'homme, et nécessaire pour concevoir des outils, des machines, et des
dispositifs qui puissent être utilisés avec le maximum de confort, de
sécurité et d'efficacité. La pratique de l'ergonomie est un art utilisant
des techniques et reposant sur des connaissances scientifiques.
Alain Wisner
Médecin

Alain Wisner est l'un des fondateurs de l'ergonomie
française. Il développe une approche particulière de
l'ergonomie avec Antoine Laville selon laquelle le travail
et la santé au travail ne peuvent pas s’étudier seulement
en laboratoire.
Ils réalisent des recherches de terrain dans les
entreprises. Les travaux portant sur l’activité mentale des
ouvriers à la chaîne initiés dans les années 1960
bouleversent le regard sur le « travail manuel ».
UX ≠ ERGONOMIE ?

UX Ergonomie ≠
• Discipline centrée sur l'utilisateur pour lui offrir la
meilleure expérience possible
• Etudier le ressenti émotionnel et les attentes des
utilisateurs afin de leur offrir une expérience optimale
• Discipline dont la particularité majeure est de rechercher
et réaliser la meilleure adéquation possible entre les
utilisateurs et la machine.
• Proposer aux utilisateurs le maximum de confort, de
sécurité et d'efficacité

→ Emotion → Utilisabilité
UX ≠ ERGONOMIE ?

UX et Ergonomie, 2 notions
qui vont de pair

• L'UX cherche à donner envie, à faire plaisir, à conforter, à

épater, à fidéliser…
• L’ergonomie cherche à rendre les choses facilement
utilisables et facilement manipulables
→ UX + Ergonomie = 🧡
 T R AVA U X P R AT I Q U E S → U B E R

🤔
UX ou Ergonomie ?

Réserver facilement un
chauffeur

Se voir sur le plan

Voir chaque chauffeur

Payer facilement

Pouvoir payer avec

plusieurs moyens de
paiement

Savoir à l’avance
combien on va payer

Avoir à disposition une

bouteille et des bonbons
dans le véhicule
 UX 2023

UX ≠ UI ?

L A E T I T I A A L A K PA
UI KÉSAKO ?

Selon vous,
qu'est-ce que l'UI Design ?
UI DESIGN DÉFINITION

UI DESIGN
User Interface Art / Processus de conception
Interface Utilisateur qui permet Concevoir, créer, dessiner
l'interaction avec le produit
UI DESIGN DÉFINITION

UI DESIGN
Etape de conception de l'interface utilisateur pour une app, un site
ou tout dispositif digital.
Se rapporte à l’environnement graphique dans lequel évolue
l’utilisateur : charte graphique, logo, typographie, boutons, couleurs…
H I S T O I R E D E L' U I D E S I G N 6 D AT E S C L É S
3 TENDANCES
0691 seénna sed nfi al à'uqsuJ

0891 te 9691 ertnE

0891 te 9691 ertnE

iuh'druojua à norivne 0891 eD

0991 seénna sed tubéd el siupeD

1 3
Batch Interface
Interface en lot ou Batch
Interface avec une
communication homme-
ordinateur basée sur
l’utilisation de cartes
perforées
2
Command Line Interface
En ligne de commande
(Command Line
Interface/CLI), l’UI des
premiers ordinateurs
Text User Interface
Pendant la même période,
les environnements en
mode texte se
développent : Text User
Interface ou Textual User
Interface (TUI)
4
Graphical User Interface
Interface utilisateur
graphique (GUI), à l’origine
des premières UI
accessibles au grand
public, avec des icônes,
des boutons et dès 1979,
une liste déroulante
H I S T O I R E D E L' U I D E S I G N
0991 seénna sed tubéd el siupeD
0891 te 9691 ertnE
5 relief deviennent des formes géométriques.
Interface tactile
Avènement des interfaces
tactiles à l’ère de
l’informatique ubiquitaire
(ubicomp) et des
systèmes connectés :
smartphone, tablette, etc.
6
Interface utilisateur
naturelle
Auditif, gestuel, etc. Par
exemple, la Voice User
Interface (VUI) : Siri avec
Apple, Cortana avec
Windows, etc., ou encore
la Perceptual User
Interface (PUI) encore en
développement
6 D AT E S C L É S
3 TENDANCES
Tendance #1
Le skeuomorphisme a été le principe de conception
graphique des premières versions de l'iOS d'Apple. Il
utilisait des représentations familières, réalistes, pour
faciliter l’utilisation de fonctionnalités encore assez
méconnues des utilisateurs.
Tendance #2
Flat Design (Windows 8, iOS 7) marque un
changement vers un design plat, où les boutons en
Tendance #3
Le Material Design, de Google, lancé en 2014,
conserve l’esprit du Flat Design tout en intégrant du
mouvement et des ombres pour évoquer le papier.
UX ≠ UI ?

UX ≠ UI
• Discipline centrée sur l'utilisateur pour lui offrir la • Etape de conception de l'interface utilisateur pour une
meilleure expérience possible app, un site ou tout dispositif digital.
• Etudier le ressenti émotionnel et les attentes des • Créer une interface agréable, pratique et facile à
utilisateurs afin de leur offrir une expérience optimale prendre en main

→ Feel → Look
UX ≠ UI ?

UX et UI, 2 notions différentes

mais complémentaires

• L’UI design fait partie de l’UX design, en cela qu’il travaille

à donner la meilleure expérience possible à l’utilisateur,
• mais il s’attache plus particulièrement aux éléments
perceptibles : éléments graphiques, boutons, navigation,
typographie…
→ UX et UI, la combinaison gagnante 🤑
 T R AVA U X P R AT I Q U E S → L A B O U T E I L L E D E K E T C H U P

Apparence visuelle = UX ou UI ? 🤔
 T R AVA U X P R AT I Q U E S → L A B O U T E I L L E D E K E T C H U P

Expérience utilisateur = UX ou UI ? 🤔
T R AVA U X P R AT I Q U E S → L A B O U T E I L L E D E K E T C H U P
EN SYNTHÈSE

Définitions UX (User eXperience)

Discipline centrée sur l'utilisateur pour lui offrir la meilleure
expérience possible
→ Etudier le ressenti émotionnel et les attentes des
utilisateurs afin de leur offrir une expérience optimale

Ergonomie
Discipline dont la particularité majeure est de rechercher et
réaliser la meilleure adéquation possible entre les utilisateurs
et la machine.
→ Proposer aux utilisateurs le maximum de confort, de
sécurité et d'efficacité

UI (User Interface)
L'UI désigne l'étape de conception de l'interface utilisateur
pour une app, un site ou tout dispositif digital.
→ Se rapporte à l’environnement graphique dans lequel évolue
l’utilisateur : charte graphique, logo, typographie, boutons,
couleurs…