SlideShare une entreprise Scribd logo
1  sur  86
Télécharger pour lire hors ligne
Introduction à l’ergonomie
Introduction à
l’ergonomie
Cornelia Laros
1
Cornelia Laros
di󰇹 G󰇪󰈤t󰇯o 󰇳 !
Introduction à l’ergonomie
Ergonomique ou pas ?
2
Cornelia Laros
Introduction à l’ergonomie
Ergonomique ou pas?
3
Cornelia Laros
Introduction à l’ergonomie
Ergonomique ou pas?
4
Cornelia Laros
Introduction à l’ergonomie
Ergonomique ou pas?
5
Cornelia Laros
Introduction à l’ergonomie
Ergonomique ou pas?
6
Cornelia Laros
Introduction à l’ergonomie
Ergonomique ou pas?
7
Cornelia Laros
1. Design n’est pas ergonomique
2. Adapté à la physiologie humaine
3. Adapté à un contexte d’utilisation pour réaliser une tâche
donnée
4. Adapté à la diversité et à la variabilité des personnes
Introduction à l’ergonomie
Ergonomique ou pas?
8
Cornelia Laros
A B
C D
Introduction à l’ergonomie
Tâche vs. Activité
9
Cornelia Laros
Introduction à l’ergonomie
Tâche vs. Activité
10
Cornelia Laros
Déterminants externes
(caractéristiques de la
situation)
Introduction à l’ergonomie
Schéma à 5 carrés
11
Cornelia Laros
Déterminants internes
(caractéristiques de
l’utilisateur)
Activité
Effets sur la personne (santé,
motivation, compétence…)
Effets sur l’entreprise
(production, revenus, stocks,
usure du matériel…)
Rét󰇶o-ac󰇹󰇮 󰈣 󰈡Rét󰇶o-ac󰇹󰇮 󰈣 󰈡
In󰇹e󰈦󰇧c󰇹󰇯o 󰈡 h󰈢󰇲󰈩󰈥 ma󰈛󰇭󰇮n 󰈥 󰈧e󰇾󰇮 󰈥n󰇹 I󰈡te󰇶󰇧󰈝t󰇯o 󰇳 H󰈢󰈩m󰈥 󰉍󰈂󰈤tème
Introduction à l’ergonomie
Catachrèse
12
Cornelia Laros
Art de détourner un objet de la tâche pour laquelle il a été conçu
Introduction à l’ergonomie
Ergonomique ne veux
rien dire !
Pour comprendre, revenons aux origines…
13
Cornelia Laros
Introduction à l’ergonomie
Les origines
14
Cornelia Laros
1857 1949
1880
1908
1946
Première utilisation
du terme
«  ergonomie »
par Jastrzebowski Fordisme
Institutionnalisation
de la médecine
du travail
Le terme
« ergonomie » est
employé par Murrel
Taylorisme
1987
Toyota
Production
System
XVIIIe
Développement de
l’approche
productiviste du
travail
XVIIe
Premiers écrits et
classification des
maladies
professionnelles
Moyen âge
Etude des conditions
de travail et des
facteurs
environnementaux
Antiquité
Racines de
l’approche
hygiéniste du
travail
Introduction à l’ergonomie
Améliorer à la fois la
productivité et les
conditions de travail
Parce qu’un employé motivé et en bonne santé est plus
productif, et tout le monde y gagne
15
Cornelia Laros
Introduction à l’ergonomie
Inter-discplinarité
16
Cornelia Laros
Ps󰈂󰈝ho󰇰 󰈢 󰈪󰇯e
In󰇫éni󰇪󰇶󰇯e
Ne󰇻r󰈣󰇷󰈝i󰇪n󰈛󰈥󰈤
Ph󰈂󰈤i󰈢l󰈣󰇫i󰇪
Méde󰈛󰇮 󰈡 󰈥
Soc󰇮 󰈣󰇰o 󰈪󰇮 󰈥
Ergonomie
Introduction à l’ergonomie
Domaines d’intervention
17
Cornelia Laros
Ps󰈂󰈝ho󰇰 󰈢 󰈪󰇯e
In󰇫éni󰇪󰇶󰇯e
Ne󰇻r󰈣󰇷󰈝i󰇪n󰈛󰈥󰈤
Phi󰇷󰇮 󰈣󰇱og󰇮 󰈥
Méde󰈛󰇮 󰈡 󰈥
Soc󰇮 󰈣󰇰o 󰈪󰇮 󰈥
Ergonomie
Ergonomie
physique
Ergonomie
organisationnelle
Ergonomie
cognitive
Optimisation des situations et
postes de travail dans leur
relation avec l’activité physique
Optimisation des systèmes socio-
techniques : structures
organisationnelles, règles et processus
Optimisation du travail mental :
perception, prise de décision,
résolution de problèmes
Introduction à l’ergonomie
Domaines d’intervention
18
Cornelia Laros
Organisationnelle
10%
Physique
20%
Cognitive
70%
Introduction à l’ergonomie
Quizz time !
19
Cornelia Laros
text
A - L’ergonomie sert à…
20
Cornelia Laros
1. améliorer les conditions de travail
2. faire gagner plus d’argent à l’entreprise
3. améliorer l’esthétique
4. comprendre comment améliorer un produit
text
B - Quelles affirmations sont vraies ?
21
Cornelia Laros
1. L’ergonomie s’attache à comprendre le travail pour
le transformer
2. Il est possible de concevoir une IHM qui fonctionne
pour tout le monde en se basant sur des normes
3. L’utilisateur va se servir de votre produit de la façon
dont vous l’avez imaginé
4. L’utilisateur interprète une tâche comme un
problème qu’il doit résoudre en faisant avec ses
caractéristiques et les moyens mis à sa disposition.
text
Pause café
10 minutes !
22
Cornelia Laros
Introduction à l’ergonomie
Quelques méthodes
d’ergonomie
23
Cornelia Laros
Introduction à l’ergonomie
Ergonomie de conception
24
Cornelia Laros
Ergonomie de correction
• Analyse d’activité
• Audit
• Analyse d’évènements critiques
• Analyse de traces
• Simulation..
•Entretiens
•Persona, cartes d’expériences
•Tri par cartes
•Prototypage
•Benchmark…
L’ergonomie tout au long du projet
Introduction à l’ergonomie
Ergonomie de conception
25
Cornelia Laros
Ergonomie de correction
• Analyse d’activité
• Audit
• Analyse d’évènements critiques
• Analyse de traces
• Simulation…
•Entretiens
•Persona, cartes d’expériences
•Tri par cartes
•Prototypage
•Benchmark…
Des méthodes de recueil de données avec
utilisateurs finaux et de conception « experte »
Introduction à l’ergonomie
Pourquoi ces méthodes?
26
Cornelia Laros
• Si j’avais demandé aux utilisateurs ce qu’ils voulaient, ils
m’auraient demandé un cheval plus rapide - Henri Ford
• Un comportement « sur-appris » devient un automatisme
inconscient que l’utilisateur ne saura pas expliquer (ex passer les
vitesses en conduisant)
• Le cerveau humain est propice à la fabulation (imagination de
causes), aux faux souvenirs (en toute bonne fois), les biais
(désirabilité, effet pygmalion, influence sociale…)
Observer
Introduction à l’ergonomie
Pourquoi ces méthodes?
27
Cornelia Laros
• Une imagine est plus parlante que 10 000 mots
• Permet d’évaluer une idée à moindre coût, donc de se tromper
souvent et d’apprendre plus vite pour valider une idée ou
l’améliorer.
• Permet de tester plein d’idées et de retenir la meilleure
… A condition de se focaliser sur un objectif, et non sur l’idée elle-
même
Modéliser
Introduction à l’ergonomie
L’ensemble permet d’éviter ceci
28
Cornelia Laros
Introduction à l’ergonomie
L’ensemble permet d’éviter ceci
29
Cornelia Laros
Eli󰇲󰇮 󰈡é en
󰈢󰇨󰈤󰈥r󰇽a󰈡t
Eli󰇲󰇮 󰈡é en
󰇴󰈦󰈢t󰈣󰇹󰈠pa󰇳󰇺
Introduction à l’ergonomie
Prototyper pour vous c’est…
30
Cornelia Laros
CONTRIBUTION AUX
SPECIFICATIONS FONCTIONNELLES
Zoning basse fidélité / wireframe statique (sketch ou non)
• Rapide et peu couteux
• Illustratif, statique, pas d’interaction
• Non engageant sur le design
• Très peu explicite sur le plan fonctionnel
Story-board cliquable
• Illustre la navigation
• Permet de se projeter dans l’interaction
• Pose les bases du design et du fonctionnel
Prototype semi-dynamique
• Se veut complet (ou quasi) sur le plan de la
navigation, de l’interaction et des cas d’utilisation
• Doit permettre de simuler fidèlement le
fonctionnement d’une application
• Est une spécification fonctionnelle en soi
Pha󰇷󰇪 󰈨󰈥
ca󰈧󰈦󰇧g󰈥, AM󰉇󰈷
Pha󰇷󰇪 󰈨󰈥 co󰇳󰈝󰇪p󰇹󰇯o 󰈡
f󰈢󰇳󰈝t󰇯o 󰇳󰈡󰇪l󰇰 󰈥
Tes󰇹󰈤 󰇻t󰇯󰇰i 󰈤󰇧t󰈥u󰇶󰈤,
ap󰇴󰇱󰇮s 󰇲󰈣󰇩il󰇪󰇷…
Introduction à l’ergonomie
Prototype basse definition
31
Cornelia Laros
Introduction à l’ergonomie
Prototyper cliquable
32
Cornelia Laros
Introduction à l’ergonomie
Prototyper semi-dynamique
33
Cornelia Laros
Page Title
12:30
Mobile interactions
Observably
.Sci$%&'
About
Project overiew
Manage sessions
Manage variables
Settings
Start observing !
12:30 12:30
OverviewObserve
Observe mobile interactions in the field
to assess dominant hand for holding
and interacting with smartphones.
10/04/2016Mobile interactionsMobile interactions
Welcome to Observably !
Gather and manage observation dataGather and manage observation data
My projects
12:30
Tags, separate with comas
Variable value
Create
Add observables
Add all observables you want to track for this
project. You can come back and edit them later.
Add all observables you want to track for this
project. You can come back and edit them later.
Thanks for the hint !
Manage variables
Mobile InteractionsMobile Interactions
12:30
Tags, separate with comas
Variable value
Create
Left hand, Right thumb
LRTLRT
Manage variables
Mobile InteractionsMobile Interactions
I’m done! Start recording !
Save changesCancel
Observable Tags, separate with coma
Tags, separate with comas
3 / 20
LRILRI
Observable label
Did you know?
Tap on the icon to customize it. Use icons from our
library or from your gallery to make variables pop
out when observing.
Tap on the icon to customize it. Use icons from our
library or from your gallery to make variables pop
out when observing.
Thanks for the hint !
Left hand, Right thumb
LRTLRT
I’m done! Start recording !
Manage variables
Mobile InteractionsMobile Interactions
Left hand x Right thumb x
Left hand, Right thumb
LRTLRT
Left hand, Right thumb
LRTLRT
Left hand, Right thumb
LRTLRT
Did you know?
If you make a mistake, you can undo your action by
tapping on the icon of the task.
If you make a mistake, you can undo your action by
tapping on the icon of the task.
Thanks for the hint !
Session 1
Discrete mode New Session
Mobile InteractionsMobile Interactions
12:30
Record vocal comment
LRILRILRILRILRILRI
Did you know?
You can record occurences, durations and
comments by chosing the record format in the
drop-down above.
You can record occurences, durations and
comments by chosing the record format in the
drop-down above.
Thanks for the hint !
Discrete mode New Session
Session 1
Mobile InteractionsMobile Interactions
12:30
Record vocal comment
Left hand, Right thumb
LRT
Left hand, Right thumb
LRTLRT
Left hand, Right thumb
LRTLRT
Did you know?
In list view, you can slipe left and right to increment
or correct your count.
In list view, you can slipe left and right to increment
or correct your count.
Thanks for the hint !
Continuous mode New Session
Session 1
Mobile InteractionsMobile Interactions
12:30
Record vocal comment
LRILRILRILRILRI
Did you know?
If you make a mistake, you can undo your action by
tapping on the icon of the task.
If you make a mistake, you can undo your action by
tapping on the icon of the task.
Thanks for the hint !
Continuous mode New Session
Session 1
Mobile InteractionsMobile Interactions
12:30
Record vocal comment
Tags, separate with comas
Comment
Add
Did you know ?
The timestamp of vocal comments is the start
time, to accurately mark events that triggered your
comment.
The timestamp of vocal comments is the start
time, to accurately mark events that triggered your
comment.
Thanks for the hint !
Manage observables
Comments mode New Session
Session 1
Mobile InteractionsMobile Interactions
12:30
Stop recording vocal comment
12:30
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
Your observations
Manage and cleanup sessions before exporting
data
Manage and cleanup sessions before exporting
data
Session Management
Mobile InteractionsMobile Interactions
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
12:30
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
Session Management
Mobile InteractionsMobile Interactions
Data Edit sessionOverview
LRT
LRI
RLI
RLT
RRT
20%
20%
8%
35%
15%
Count SummaryCount Summary
RLT
RRT
20%
8%
15%
Time SummaryTime Summary
12:30
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
Session Management
Mobile InteractionsMobile Interactions
Data Edit sessionOverview
Left hand, Right thumb
LRTLRT
+1+1
10/04/2016 12:46:27
Left hand, Right thumb
LRTLRT
2’’2’’
10/04/2016 12:46:27 - 10/04/2016 12:46:29
Content of my comment box
Tag1, Tag2
10/04/2016 12:46:44
12:30
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
Session Management
Mobile InteractionsMobile Interactions
Data Edit sessionOverview
LRTLRT
+1+1
10/04/2016 12:46:27
Save changes
Observable Tags, separate with coma
Tags, separate with comas
Left hand x Right thumb x
AboutAbout
12:30
Observable science provides tools for field
research and scientific observation. It is tailored to
the needs of ethnography, human factors,
psychology, usability and games user research.
Observable science provides tools for field
research and scientific observation. It is tailored to
the needs of ethnography, human factors,
psychology, usability and games user research.
Observably.science
Development by Morgane Radel
Design by Cornelia Laros
Development by Morgane Radel
Design by Cornelia Laros
Credits
Support (us)
Show your love : Rate the App
Make a donation
Contact us
Visit our website
Add session tags to all
observations
12:30
10/04/2016 12:46:27Session 1Session 1
Total counts
Total time
Total comments
263
00:02:36
15
Session Management
Mobile InteractionsMobile Interactions
Data Edit sessionOverview
Save changes
Session Tags, separate with coma
Tags, separate with comas
Metro x Toulouse x
Manage variables
Mobile InteractionsMobile Interactions
12:30
Left hand, Right thumb
LRTLRT
Confirm
Search icons
Cancel
Browse
3 / 20
Observably
.Sci$%&'
12:30
Project statisticsProject statistics Total counts
Total time
Total comments
First entry
Last entry
Sessions
4 963
28:12:31
144
12/01/2016
03/04/2016
97
Project details
Mobile InteractionsMobile Interactions
Sessions SummarySessions Summary
RRT
20%
8%
15%
Count SummaryCount Summary
JUN 14MAY 14APR 14MAR 14FEB 14JAN 14
4
1
6
5
7
0
2
4
6
8
10
3
2014
Manage sessions
Settings ExportOverview
12:30
App options
Display hintsDisplay hints
SettingsSettings
Share anonymous data to improve the appShare anonymous data to improve the app
12:30
Gather and manage observation data with
Observably
Gather and manage observation data with
Observably
Welcome to Observably
Project name
Project description : what is the goal of your project ?
CreateCancel
Session[number]Session[number]
Default Session ID
Default export format : .txt
Data options
Default : Discrete variable , lines view
Create a new project
12:30
Project details
Mobile InteractionsMobile Interactions
Mobile InteractionsMobile Interactions
Project description : what is the goal of your project ?
SaveCancel
Session[number]Session[number]
Default Session ID
Default export format : .txt
Data options
Default : continuous variables, grid view
Project name
Manage sessions
Settings ExportOverview
12:30
Project details
Mobile InteractionsMobile Interactions
Manage sessions
Settings ExportOverview
Export format : .txt
Export data
Data has been successfully
exported as MobileInteractions.txt
to your download folder
Observably
.Sci$%&'
Settings
12:30
BUTTONBUTTON
Permissions
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna wirl
aliqua. Up exlaborum incididunt
quis nostrud exercitatn.
COMPONENTS
Pickers
OKCANCEL
13
Friday
MAR
2014
MS W T F ST
30 31
1
16 17 19 20 21 2218
23 24 26 27 28 2925
139 10 12 14 1511
72 3 5 6 84
March 2014
OKCANCEL
PMAM
1
12
9
10
11
2
48
57
6
3
3:30AM
Notifications
Incoming call
Rachel Ligson
IGNORE ANSWER
REPLYARCHIVE
Hey let’s catch up soon. Do you want to
grab lunch sometime this weekend?
Let me know when you’re free!
4:09 PMHannah ChoHannah Cho
Do you know what I mean?
5:09 PMTina McBeanTina McBean
Heads up notification
Regular + Expanded notification
Index scroller
All
Patrick Keenan
Mary Johnson
Tina Santiago
Trevor Hansen
Amar Sagoo
Abbey Christensen
Ali Connors
Alex Nelson
Anthony Stevens
A
A
12:30
Abcdefg
Abcdefghijklmno
Tabs
THE THIRDITEM TWONO. ONE
THE THIRDITEM TWONO. ONE
12:30
THE THIRDITEM TWONO. ONE
Page Title
12:30
121 / 120
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna wirl
Multi-Line Input Label
110 / 120
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna wirl
Multi-Line Input Label
51 / 50
Input text for a single line field with a maximu
Single-Line Input Label
31 / 50
Input text for a single line field with a max
Single-Line Input Label
121 / 120
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna wirl
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna wirl
Multi-Line Input Label
110 / 120
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna wirl
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna wirl
Multi-Line Input Label
51 / 50
Input text for a single line field with a maximuInput text for a single line field with a maximu
Single-Line Input Label
31 / 50
Input text for a single line field with a maxInput text for a single line field with a max
Single-Line Input Label
Disabled text field
Input text
Username or Password is incorrect.
Input text
Input tex
Hint text
Hint text
Hint text
Disabled text field
Input textInput text
Username or Password is incorrect.
Input textInput text
Input texInput tex
Hint text
Hint text
Hint text
Text fields
Switches and sliders
60
Regular
Pressed
Disabled
60
Regular
Pressed
Disabled
Buttons
DISABLED
PRESSED
NORMAL
DISABLED
PRESSED
NORMAL
Flat Raised
DISABLED
PRESSED
NORMAL
DISABLED
PRESSED
NORMAL
Flat Raised
Toasts
This color applies to both light and dark theme
This item already has the label “travel”. You can
add a new label.
ACTIONSingle-Line Snackbar
Menu
Arial 100%
100%
Calibri
Courier
Verdana
Arial
Chips
Trevor Hansen
email3@email.com
email2@email.com
primaryemail@email.com
Contact Name
Dialogs
Desktop
Without title With title
BUTTONBUTTON
Permissions
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna wirl
aliqua. Up exlaborum incididunt
quis nostrud exercitatn.
BUTTONBUTTON
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna wirl
aliqua. Ut enim ad minim ikad
veniam, quis nostrud exercitatn
ullamco laboris nisi ut aliquip
exlaborum incididunt.
ACCEPTDECLINEMORE INFO
Permissions
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisinuli.
Toolbar
11Roboto
Cards
Welcome Back!
It’s been a while, have you read
any new books lately?
It’s been a while, have you read
any new books lately?
YESNOPE
Kangaroo Valley Safari
Located two hours south of Sydney in the
Southern Highlands of New South Wales, ...
LEARN MORESHARE
REVIEWFREE SAMPLE
By Alex Nelson
El Pooch
Pre-fab Homes
Favorite
Road Trips
Best
Airlines
Campbell
Groceries:
almond milk
coconut water
cucumber
green apples
Yuna
tickets on
sale 6/24
May 24, 2014
Clean desk
Keyboards
suggestion suggestion suggestion
,?123 .
a s d f g h j k l
z x c v b n m
q w e r t y u i o p
1 2 3 4 5 6 7 8 9 0
suggestion suggestion suggestion
,?123 .
a s d f g h j k l
z x c v b n m
q w e r t y u i o p
1 2 3 4 5 6 7 8 9 0
Bottom Sheet
Print this page
Copy
Upload
Share
MoreMail Message
Google+Gmail Hangout
Grid
Two line
Support text
Two line
Support text
Single line
Single line
Lists
Secondary line text lorem ipsum
dapibus, neque id cursus faucibus
Three-line itemThree-line item
Secondary line text lorem ipsum
dapibus, neque id cursus faucibus
Three-line itemThree-line item
Three-line itemThree-line item
Secondary line text lorem ipsum
dapibus, neque id cursus faucibus
Secondary line text Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nam massa quam.
Three-line itemThree-line item
Secondary line text Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nam massa quam.
Three-line itemThree-line item
Three-line itemThree-line item
Secondary line text Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nam massa quam.
Line item unselectedLine item unselected
Line item selectedLine item selected
Line item selectedLine item selected
Data usageData usage
BluetoothBluetooth
Wi-FiWi-Fi
Two-line itemTwo-line item
Secondary text
Two-line itemTwo-line item
Secondary text
Two-line itemTwo-line item
Secondary text
Two-line itemTwo-line item
Secondary text
Two-line itemTwo-line item
Secondary text
Two-line itemTwo-line item
Secondary text
Single-line itemSingle-line item
Single-line itemSingle-line item
Single-line itemSingle-line itemSingle-line itemSingle-line item
Single-line itemSingle-line item
Single-line itemSingle-line item
Introduction à l’ergonomie
Ergonomie et Design
34
Cornelia Laros
Design Ergonomie Design Ergonomie
Identité
Communication
Ambiance
Exemple : un site institutionnel informatif avec
une navigation simple et des exigences fortes
d’identité
Exemple : une application métier destinée à une
population d’utilisateur connue
Efficacité
Fonctionnel
Outils
Service en ligne
Architecture de l’information ,
contenus ,
bonnes pratiques
Analyse tache vs activité , prise en
compte globalisée des process ,
postes de travail , écosystème
existant , … puis la conception
Image Usage fréquent
Usage ponctuel
Votre équipe : Ergonome, Directeur aristique, Webdesigner, UX Designer
Introduction à l’ergonomie
Design avant-tout
35
Cornelia Laros
Introduction à l’ergonomie
Equilibré
36
Cornelia Laros
Introduction à l’ergonomie
Ergonomie avant tout
37
Cornelia Laros
Introduction à l’ergonomie
Quizz time !
38
Cornelia Laros
text
L’ergonomie sert à…
39
Cornelia Laros
1. améliorer les conditions de travail
2. faire gagner plus d’argent à l’entreprise
3. améliorer l’esthétique
4. comprendre comment améliorer un produit
text
Quelles affirmations sont vraies ?
40
Cornelia Laros
1. L’ergonomie s’attache à comprendre le travail pour
le transformer
2. Il est possible de concevoir une IHM qui fonctionne
pour tout le monde en se basant sur des normes
3. L’utilisateur va se servir de votre produit de la façon
dont vous l’avez imaginé
4. L’utilisateur interprète une tâche comme un
problème qu’il doit résoudre en faisant avec ses
caractéristiques et les moyens mis à sa disposition.
text
C - Quelles sont les deux choses à faire
absolument pour votre projet de conception ?
41
Cornelia Laros
1. Coder et prier ?
2. Observer et modéliser
3. Prototyper et designer
text
D - A quoi sert un prototype ?
42
Cornelia Laros
1. A communiquer autour d’un concept
2. A améliorer une idée
3. A conserver tout au long du projet
4. A apprendre en se trompant à moindre frais
5. A comparer plusieurs une idées
Introduction à l’ergonomie
Bonnes pratiques de conception
43
Cornelia Laros
Introduction à l’ergonomie
Bonnes pratiques de conception
44
Cornelia Laros
Utilisabilité
Utilité
Efficacité Efficience
Satisfaction
Introduction à l’ergonomie
Pyramide des besoins MASLOW
45
Cornelia Laros
Introduction à l’ergonomie
Pyramide des besoins IHM
46
Cornelia Laros
Tâches
Accessible
Fiable
Utilisable
Intuitif
Plaisant
Porteur de sens
Fonctionnel
Expériences
Tâches
Accessible
Fiable
Utilisable
Intuitif
Plaisant
Porteur de sens
Fonctionnel
Expériences
Introduction à l’ergonomie
Des niveaux d’exigence qui évoluent
47
Cornelia Laros
Tâches
Accessible
Fiable
Utilisable
Intuitif
Plaisant
Porteur de sens
Fonctionnel
Expériences
Introduction à l’ergonomie
Des niveaux d’exigence qui évoluent
48
Cornelia Laros
Tâches
Accessible
Fiable
Utilisable
Intuitif
Plaisant
Porteur de sens
Fonctionnel
Expériences
Introduction à l’ergonomie
Des niveaux d’exigence qui évoluent
49
Cornelia Laros
Introduction à l’ergonomie
Quizz time !
50
Cornelia Laros
Introduction à l’ergonomie
C - Quelles sont les deux choses à faire
absolument pour votre projet de conception ?
51
Cornelia Laros
1. Coder et prier ?
2. Observer et modéliser
3. Prototyper et designer
Introduction à l’ergonomie
D - A quoi sert un prototype ?
52
Cornelia Laros
1. A communiquer autour d’un concept
2. A améliorer une idée
3. A conserver tout au long du projet
4. A apprendre en se trompant à moindre frais
5. A comparer plusieurs une idées
Introduction à l’ergonomie
E - Dans quel ordre les besoins des sites web
doivent-ils être adressés ?
53
Cornelia Laros
a. Fiable
b. Intuitif
c. Fonctionnel
d. Accessible
e. Plaisant
f. Porteur de sens
Introduction à l’ergonomie
F - Quel besoin ai-je
oublié dans la question
précédente ?
54
Cornelia Laros
text
Patterns & Dark patterns
55
Cornelia Laros
text
Criteres de Bastien et Scapin
56
Cornelia Laros
Guidage
Charge de travail
Contrôle utilisateur explicite
Flexibilité ( adaptabilité)
Gestion des erreurs
Homogénéité ( cohérence)
Signifiance des Codes et Dénominations
Compatibilité ( familiarité)
Introduction à l’ergonomie
Guidage
57
Cornelia Laros
Introduction à l’ergonomie
Charge de travail
58
Cornelia Laros
Introduction à l’ergonomie
Controle explicite
59
Cornelia Laros
Introduction à l’ergonomie
Controles explicites
60
Cornelia Laros
Dar 󰈫 󰇵 󰇧t 󰇹 󰈥 󰈦n !
text
Adaptabilité
61
Cornelia Laros
text
Gestion des erreurs
62
Cornelia Laros
text
Signifiance des codes et dénominations
63
Cornelia Laros
text
Homogénéité - cohérence
64
Cornelia Laros
text
Homogénéité - Distinction
65
Cornelia Laros
text
Compatibilité
66
Cornelia Laros
text
Compatibilité
67
Cornelia Laros
Introduction à l’ergonomie
Regroupement- distinction
68
Cornelia Laros
Introduction à l’ergonomie
Regroupement- distinction
69
Cornelia Laros
text
Gestalt Theorie
70
Cornelia Laros
Loi de la bonne forme
Loi de continuité
Loi de proximité
Loi de similarité / similitude
Loi de destin commun
Loi de familiarité
text
Gestalt Theorie
71
Cornelia Laros
Loi de la bonne forme
Loi de continuité
Loi de proximité
Loi de similarité / similitude
Loi de destin commun
Loi de familiarité
text
Dark patterns
72
Cornelia Laros
Introduction à l’ergonomie
A vous de jouer
73
Cornelia Laros
Introduction à l’ergonomie
Outils de prototypages DIY
74
Cornelia Laros
Low tech : papier + crayons, post-its, cartes à jouer
Gratuit en ligne : Invision app, Moqups, UXPin
Mac: Sketch, Balsamiq Mockups, Axure
PC : Axure, Balsamiq
Mobile : Prototyping on Paper
Ap󰇴󰈦en󰇪󰈃 󰈨󰈥 no󰇻󰇽󰈥󰇱le󰇷 󰈝h󰈢󰇷󰈥󰈤 !
Introduction à l’ergonomie
Test de perception DIY
75
Cornelia Laros
La première impression qu’un utilisateur se fait de votre IHM va
influencer tous ses jugements ultérieurs. C’est l’effet de halo
• Un utilisateur qui a une première impression positive de votre
appli passera plus facilement outre les bugs.
• Une première impression negative rendra l’utilisateur plus critique
vis à vis de détails qui confirment son jugement
Cel󰇧 󰇲󰈜󰈦c󰇬e 󰇧󰇼󰈤si 󰇧󰇽󰈥󰈝 vo󰇷 󰈢󰈦󰈜ux 󰈧’ex󰇧󰇲󰈥󰈡s, vo󰇷 󰇪󰈡t󰇶󰈥󰇺i󰇪n󰇷 󰈨’em󰇨󰇧󰇼󰈝he 󰇪󰇹
󰇾󰈣s 󰇶e󰈡d󰇪󰈃-vo󰇻󰇷 󰈝l󰇯e 󰇳󰇺s !
Introduction à l’ergonomie
Test de perception DIY
76
Cornelia Laros
Montrer votre prototype à quelqu’un pendant 5 secondes
Demandez-lui
• Ce qu’il a vu
• Ce qu’il a compris de ce qu’il a vu
• Ce qui l’a surpris ou marqué
Introduction à l’ergonomie
Test d’arborescence DIY
77
Cornelia Laros
Les difficultés de navigation se produisent souvent dans les niveaux
les plus haut de votre structure de contenu. Vous pouvez vérifier
facilement si la classification logique pour vous l’est aussi pour vos
utilisateurs.
Introduction à l’ergonomie
Test d’arborescence DIY
78
Cornelia Laros
Lister trois (max) niveaux de profondeur de votre contenu structuré.
Masquez ensuite les contenus de niveau plus bas. Utilisez par
exemple les groupements de lignes dans excel pour créer des pliers-
dépliers, ou imprimer la liste sur une feuille que vous pliez pour
masquer certaines parties.
Demandez à un utilisateur de vous dire où il penserait trouver un
contenu bien précis en précisant qu’il n’y a pas de bonne réponse.
Notez s’il va chercher là où vous vous y attendiez, où il a hésité et ce
qu’il a fini par choisir pour vous aider à rendre la navigation plus
intuitive.
Introduction à l’ergonomie
Test d’utilisabilité DIY
79
Cornelia Laros
A chaque nouvelle fonctionnalité ajoutée, demandez à quelqu’un
qui ne connait pas le projet de s’en servir. Proposez lui une seule
tâche générique à accomplir avec la fonctionnalité.
Exemple : Tu veux prendre un rendez-vous avec un médecin sur ce site, montres-moi
comment tu ferais en commentant à haute voix?
Le plus important, ici, c’est de ne pas réagir à ce qu’il fait mais
simplement le regarder faire sans l’aider, même s’il est bloqué.
S’il 󰇴󰈢󰈤󰈥 de󰇷 󰈚󰇻󰈥s󰇹i󰈢󰈡s, répo󰇳󰈨󰇪z 󰇴󰈜󰈦 un󰇪 󰈙󰇼e󰈤t󰇮 󰈣 󰇳, o󰇻 d󰇯 󰇹e󰈤 l󰇻󰇯 󰈙u󰇪 󰇾󰈣us 󰇰 󰇻󰇯
󰈦épo󰇳󰈨r󰇪󰈃 󰈚󰇼an󰈧 󰇮󰇱 󰈜ur󰇧 fi󰇳󰇯 󰈤’il 󰇮 󰇳 󰈤󰇯s 󰇹e ! S’il 󰇪󰇷󰇺 v󰇶󰈜i󰈩󰇪n󰇹 󰇩l󰈣󰈙ué, di󰇹󰇪󰈤 l󰇼i
󰈙󰇻󰈥 󰇾o󰇻s 󰈜󰇰󰇱ez 󰇶󰇪󰇾󰈣ir 󰇽󰈢󰇺r󰈥 󰈛o󰇵󰇮 󰈥 et 󰇪󰇷󰈤󰈜ye󰈃 󰈨󰇪 c󰈣󰇲󰇵re󰇳󰈨r󰇪 󰈛󰈥 󰈚u󰇮 l󰈥 󰇫6ne
Introduction à l’ergonomie
Pas besoin de réinventer la roue DIY
80
Cornelia Laros
Il existe des bonnes pratiques qui vous éviteront de réinventer la
roue. Utilisez des « design patterns » pour concevoir vos interfaces.
Renseignez vous sur la Gestalt Theorie pour agencer vos pages.
Utilisez les critères de Bastien et Scapin pour trouver des défauts
évidents avant de tester, vous en tirerez des enseignements plus
intéressants.
Ma󰇮s ça, c’es󰇹 󰇵󰈢󰇼r u󰇳󰇪 󰈜u󰇺r󰇪 󰈇󰈣i󰈤 !
Introduction à l’ergonomie
Quizz time !
81
Cornelia Laros
Introduction à l’ergonomie
E - Dans quel ordre les besoins des sites web
doivent-ils être adressés ?
82
Cornelia Laros
1. c. Fonctionnel
2. a. Fiable
3. d. Accessible
4. b. Intuitif
5. e. Plaisant
6. f. Porteur de sens
text
F - Quel besoin ai-je oublié
dans la question précédente ?
83
Cornelia Laros
Uti󰇰󰇮 󰈤 󰈜b󰇰e !
Introduction à l’ergonomie
Tests DIY
84
Cornelia Laros
Rédigez la procédure pour tester un de vos projets
d’IHM avec le test de votre choix : perception,
arborescence ou utilisabilité
Notez la question que vous vous posez et la question
que vous allez poser
Introduction à l’ergonomie
Devoirs à la maison
85
Cornelia Laros
Googlez « Bastien et Scapin » et passez en revue
votre proto (faites un proto rapide sur papier si vous
n’en avez pas)
Faites passer votre test à des étudiants au hasard, que
vous ne connaissez pas, dans le hall d’entrée, la
bibliothèque ou le self
Introduction à l’ergonomie 86
Cornelia Laros
Merci
Cornelia Laros
cornelia.laros@gmail.com
Twitter : @Orsoral
Auteur du cours
Merci à Cyrille, Jean-
Baptiste et Hélène

Contenu connexe

Tendances

9 principes de la manutention manuelle
9 principes de la manutention manuelle9 principes de la manutention manuelle
9 principes de la manutention manuelleG. Christophe
 
Prioriser ses fonctionnalités avec le modèle de KANO
Prioriser ses fonctionnalités avec le modèle de KANOPrioriser ses fonctionnalités avec le modèle de KANO
Prioriser ses fonctionnalités avec le modèle de KANOThiga
 
Prévention du mal de dos et des TMS (Par François Stévignon)
Prévention du mal de dos et des TMS (Par François Stévignon)Prévention du mal de dos et des TMS (Par François Stévignon)
Prévention du mal de dos et des TMS (Par François Stévignon)Jean-Xtophe Ordonneau
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielleludolmn
 
Gestion des Ressources Humaines
Gestion des Ressources HumainesGestion des Ressources Humaines
Gestion des Ressources HumainesManon Cuylits
 
Manutention de charges
Manutention de chargesManutention de charges
Manutention de chargesFred Andre
 
Chp1 - Introduction aux ERP
Chp1 - Introduction aux ERPChp1 - Introduction aux ERP
Chp1 - Introduction aux ERPLilia Sfaxi
 
Gestion de la maintenance
Gestion de la maintenanceGestion de la maintenance
Gestion de la maintenanceKhadija Kannoun
 
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...Nextformation
 
Solving Traveling Salesman problem using genetic algorithms, implementation i...
Solving Traveling Salesman problem using genetic algorithms, implementation i...Solving Traveling Salesman problem using genetic algorithms, implementation i...
Solving Traveling Salesman problem using genetic algorithms, implementation i...MEJDAOUI Soufiane
 
exercices Corrigées du merise
exercices Corrigées du  meriseexercices Corrigées du  merise
exercices Corrigées du meriseYassine Badri
 
Gestes et postures 2019
Gestes et postures 2019Gestes et postures 2019
Gestes et postures 2019hammani bachir
 
Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)XL Groupe
 
Conduite du changement : Etude de Cas IBM
Conduite du changement : Etude de Cas IBMConduite du changement : Etude de Cas IBM
Conduite du changement : Etude de Cas IBMHELENE FRIEH
 
Système+treuil+électrique+(corrigé)
Système+treuil+électrique+(corrigé)Système+treuil+électrique+(corrigé)
Système+treuil+électrique+(corrigé)Mohamed Trabelsi
 
Introduction au traitement d'images
Introduction au traitement d'imagesIntroduction au traitement d'images
Introduction au traitement d'imagesAbdelouahed Abdou
 

Tendances (20)

9 principes de la manutention manuelle
9 principes de la manutention manuelle9 principes de la manutention manuelle
9 principes de la manutention manuelle
 
Prioriser ses fonctionnalités avec le modèle de KANO
Prioriser ses fonctionnalités avec le modèle de KANOPrioriser ses fonctionnalités avec le modèle de KANO
Prioriser ses fonctionnalités avec le modèle de KANO
 
Prévention du mal de dos et des TMS (Par François Stévignon)
Prévention du mal de dos et des TMS (Par François Stévignon)Prévention du mal de dos et des TMS (Par François Stévignon)
Prévention du mal de dos et des TMS (Par François Stévignon)
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielle
 
Gestion des Ressources Humaines
Gestion des Ressources HumainesGestion des Ressources Humaines
Gestion des Ressources Humaines
 
Conduire le changement
Conduire le changementConduire le changement
Conduire le changement
 
Cours de Gestion du temps
Cours de Gestion du tempsCours de Gestion du temps
Cours de Gestion du temps
 
Manutention de charges
Manutention de chargesManutention de charges
Manutention de charges
 
Chp1 - Introduction aux ERP
Chp1 - Introduction aux ERPChp1 - Introduction aux ERP
Chp1 - Introduction aux ERP
 
Kaizen.ppt
Kaizen.pptKaizen.ppt
Kaizen.ppt
 
Gestion de la maintenance
Gestion de la maintenanceGestion de la maintenance
Gestion de la maintenance
 
Auto diagnostic-1
Auto diagnostic-1Auto diagnostic-1
Auto diagnostic-1
 
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...
Bien-être et santé au travail : quelles sont les bonnes postures pour se prot...
 
Solving Traveling Salesman problem using genetic algorithms, implementation i...
Solving Traveling Salesman problem using genetic algorithms, implementation i...Solving Traveling Salesman problem using genetic algorithms, implementation i...
Solving Traveling Salesman problem using genetic algorithms, implementation i...
 
exercices Corrigées du merise
exercices Corrigées du  meriseexercices Corrigées du  merise
exercices Corrigées du merise
 
Gestes et postures 2019
Gestes et postures 2019Gestes et postures 2019
Gestes et postures 2019
 
Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)
 
Conduite du changement : Etude de Cas IBM
Conduite du changement : Etude de Cas IBMConduite du changement : Etude de Cas IBM
Conduite du changement : Etude de Cas IBM
 
Système+treuil+électrique+(corrigé)
Système+treuil+électrique+(corrigé)Système+treuil+électrique+(corrigé)
Système+treuil+électrique+(corrigé)
 
Introduction au traitement d'images
Introduction au traitement d'imagesIntroduction au traitement d'images
Introduction au traitement d'images
 

Similaire à Introduction a l'ergonomie

Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...
Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...
Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...jchaine
 
Donner forme : fabriquer un produit.
Donner forme : fabriquer un produit.Donner forme : fabriquer un produit.
Donner forme : fabriquer un produit.ツ Thomas Nicot
 
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"Flupa
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les NulsPALO IT
 
Ergonomie web & interface tactile
Ergonomie web & interface tactileErgonomie web & interface tactile
Ergonomie web & interface tactileIdnetInfo
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Atelier IHM Polytech Nice Sophia
 
4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > SynthèseLaurent Barbat
 
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...Maxime Guyaux
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Jean Claude GROSJEAN
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandCarine Lallemand
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...Carine Lallemand
 
Célébrons les Transformations agiles et systémiques (v1)
Célébrons les Transformations agiles et systémiques (v1)Célébrons les Transformations agiles et systémiques (v1)
Célébrons les Transformations agiles et systémiques (v1)Christophe Keromen
 
Le Lab Oratoire du Pr. Frankenstein
Le Lab Oratoire du Pr. FrankensteinLe Lab Oratoire du Pr. Frankenstein
Le Lab Oratoire du Pr. FrankensteinFranck Rageade
 
Du Code & Des Humains - ElsassJUG 2018
Du Code & Des Humains - ElsassJUG 2018Du Code & Des Humains - ElsassJUG 2018
Du Code & Des Humains - ElsassJUG 2018Nicolas VERINAUD
 
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfEcologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfGuillaume Saint Etienne
 
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produitsAlexandre Quach
 
Les jeunes Français, l'intelligence artificielle et l'emploi
Les jeunes Français, l'intelligence artificielle et l'emploiLes jeunes Français, l'intelligence artificielle et l'emploi
Les jeunes Français, l'intelligence artificielle et l'emploiHarris Interactive France
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flowKévin TONON
 

Similaire à Introduction a l'ergonomie (20)

Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...
Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...
Les "nouveaux" challenge de l'UX Agile / Jeremie Chaine / FLUPA UX DAY / Pari...
 
Donner forme : fabriquer un produit.
Donner forme : fabriquer un produit.Donner forme : fabriquer un produit.
Donner forme : fabriquer un produit.
 
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"
FLUPA UX-Day 2013 : Jérémie Chaine "Les nouveaux challenges de l’UX Agile"
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les Nuls
 
Ergonomie web & interface tactile
Ergonomie web & interface tactileErgonomie web & interface tactile
Ergonomie web & interface tactile
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
 
4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...
Agile Tour Nantais 2022 - Meconnaissances quelles valeurs v1.1- Maxime Guyaux...
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
 
030 fondamentaux di
030   fondamentaux di030   fondamentaux di
030 fondamentaux di
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
 
Célébrons les Transformations agiles et systémiques (v1)
Célébrons les Transformations agiles et systémiques (v1)Célébrons les Transformations agiles et systémiques (v1)
Célébrons les Transformations agiles et systémiques (v1)
 
Le Lab Oratoire du Pr. Frankenstein
Le Lab Oratoire du Pr. FrankensteinLe Lab Oratoire du Pr. Frankenstein
Le Lab Oratoire du Pr. Frankenstein
 
Du Code & Des Humains - ElsassJUG 2018
Du Code & Des Humains - ElsassJUG 2018Du Code & Des Humains - ElsassJUG 2018
Du Code & Des Humains - ElsassJUG 2018
 
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfEcologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
 
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits
#OpenSeriousgame ImpactAgile : l'agilité au service de l'impact de vos produits
 
Les jeunes Français, l'intelligence artificielle et l'emploi
Les jeunes Français, l'intelligence artificielle et l'emploiLes jeunes Français, l'intelligence artificielle et l'emploi
Les jeunes Français, l'intelligence artificielle et l'emploi
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flow
 

Plus de Cornelia Laros

Atelier treejack FLUPA UX day 2016
Atelier treejack FLUPA UX day 2016Atelier treejack FLUPA UX day 2016
Atelier treejack FLUPA UX day 2016Cornelia Laros
 
Et si on se mettait tous à la technique du Magicien d'Oz?
Et si on se mettait tous à la technique du Magicien d'Oz?Et si on se mettait tous à la technique du Magicien d'Oz?
Et si on se mettait tous à la technique du Magicien d'Oz?Cornelia Laros
 
Comportements mobiles : vrais challenges & idées reçues
Comportements mobiles : vrais challenges & idées reçuesComportements mobiles : vrais challenges & idées reçues
Comportements mobiles : vrais challenges & idées reçuesCornelia Laros
 
Rad soldiers usability review
Rad soldiers usability reviewRad soldiers usability review
Rad soldiers usability reviewCornelia Laros
 
Analyse de l'ergonomie de Resident Evil Revelations
Analyse de l'ergonomie de Resident Evil RevelationsAnalyse de l'ergonomie de Resident Evil Revelations
Analyse de l'ergonomie de Resident Evil RevelationsCornelia Laros
 
iMA 3 mois d ergonomie
iMA 3 mois d ergonomieiMA 3 mois d ergonomie
iMA 3 mois d ergonomieCornelia Laros
 
Le jeu chez l'enfant dossier
Le jeu chez l'enfant dossierLe jeu chez l'enfant dossier
Le jeu chez l'enfant dossierCornelia Laros
 

Plus de Cornelia Laros (9)

Atelier treejack FLUPA UX day 2016
Atelier treejack FLUPA UX day 2016Atelier treejack FLUPA UX day 2016
Atelier treejack FLUPA UX day 2016
 
Et si on se mettait tous à la technique du Magicien d'Oz?
Et si on se mettait tous à la technique du Magicien d'Oz?Et si on se mettait tous à la technique du Magicien d'Oz?
Et si on se mettait tous à la technique du Magicien d'Oz?
 
Comportements mobiles : vrais challenges & idées reçues
Comportements mobiles : vrais challenges & idées reçuesComportements mobiles : vrais challenges & idées reçues
Comportements mobiles : vrais challenges & idées reçues
 
Rad soldiers usability review
Rad soldiers usability reviewRad soldiers usability review
Rad soldiers usability review
 
Analyse de l'ergonomie de Resident Evil Revelations
Analyse de l'ergonomie de Resident Evil RevelationsAnalyse de l'ergonomie de Resident Evil Revelations
Analyse de l'ergonomie de Resident Evil Revelations
 
iMA 3 mois d ergonomie
iMA 3 mois d ergonomieiMA 3 mois d ergonomie
iMA 3 mois d ergonomie
 
Humour enfant
Humour enfantHumour enfant
Humour enfant
 
Le jeu chez l'enfant dossier
Le jeu chez l'enfant dossierLe jeu chez l'enfant dossier
Le jeu chez l'enfant dossier
 
iMA final
iMA finaliMA final
iMA final
 

Dernier

Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptxTxaruka
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024frizzole
 
Bonnes pratiques biomédicales en établissement de soins : Guide
Bonnes pratiques biomédicales en établissement de soins  : GuideBonnes pratiques biomédicales en établissement de soins  : Guide
Bonnes pratiques biomédicales en établissement de soins : Guidebemorad
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Pedago Lu
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsTechnologia Formation
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLS
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLSCours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLS
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLSdocteurgyneco1
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfOssamaLachheb
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptxTxaruka
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfDafWafia
 

Dernier (12)

Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
Bonnes pratiques biomédicales en établissement de soins : Guide
Bonnes pratiques biomédicales en établissement de soins  : GuideBonnes pratiques biomédicales en établissement de soins  : Guide
Bonnes pratiques biomédicales en établissement de soins : Guide
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctions
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLS
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLSCours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLS
Cours-Sur-l'-IP-Multiprotocol-Label-SwitchingMPLS
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
 

Introduction a l'ergonomie

  • 1. Introduction à l’ergonomie Introduction à l’ergonomie Cornelia Laros 1 Cornelia Laros di󰇹 G󰇪󰈤t󰇯o 󰇳 !
  • 2. Introduction à l’ergonomie Ergonomique ou pas ? 2 Cornelia Laros
  • 3. Introduction à l’ergonomie Ergonomique ou pas? 3 Cornelia Laros
  • 4. Introduction à l’ergonomie Ergonomique ou pas? 4 Cornelia Laros
  • 5. Introduction à l’ergonomie Ergonomique ou pas? 5 Cornelia Laros
  • 6. Introduction à l’ergonomie Ergonomique ou pas? 6 Cornelia Laros
  • 7. Introduction à l’ergonomie Ergonomique ou pas? 7 Cornelia Laros 1. Design n’est pas ergonomique 2. Adapté à la physiologie humaine 3. Adapté à un contexte d’utilisation pour réaliser une tâche donnée 4. Adapté à la diversité et à la variabilité des personnes
  • 8. Introduction à l’ergonomie Ergonomique ou pas? 8 Cornelia Laros A B C D
  • 9. Introduction à l’ergonomie Tâche vs. Activité 9 Cornelia Laros
  • 10. Introduction à l’ergonomie Tâche vs. Activité 10 Cornelia Laros
  • 11. Déterminants externes (caractéristiques de la situation) Introduction à l’ergonomie Schéma à 5 carrés 11 Cornelia Laros Déterminants internes (caractéristiques de l’utilisateur) Activité Effets sur la personne (santé, motivation, compétence…) Effets sur l’entreprise (production, revenus, stocks, usure du matériel…) Rét󰇶o-ac󰇹󰇮 󰈣 󰈡Rét󰇶o-ac󰇹󰇮 󰈣 󰈡 In󰇹e󰈦󰇧c󰇹󰇯o 󰈡 h󰈢󰇲󰈩󰈥 ma󰈛󰇭󰇮n 󰈥 󰈧e󰇾󰇮 󰈥n󰇹 I󰈡te󰇶󰇧󰈝t󰇯o 󰇳 H󰈢󰈩m󰈥 󰉍󰈂󰈤tème
  • 12. Introduction à l’ergonomie Catachrèse 12 Cornelia Laros Art de détourner un objet de la tâche pour laquelle il a été conçu
  • 13. Introduction à l’ergonomie Ergonomique ne veux rien dire ! Pour comprendre, revenons aux origines… 13 Cornelia Laros
  • 14. Introduction à l’ergonomie Les origines 14 Cornelia Laros 1857 1949 1880 1908 1946 Première utilisation du terme «  ergonomie » par Jastrzebowski Fordisme Institutionnalisation de la médecine du travail Le terme « ergonomie » est employé par Murrel Taylorisme 1987 Toyota Production System XVIIIe Développement de l’approche productiviste du travail XVIIe Premiers écrits et classification des maladies professionnelles Moyen âge Etude des conditions de travail et des facteurs environnementaux Antiquité Racines de l’approche hygiéniste du travail
  • 15. Introduction à l’ergonomie Améliorer à la fois la productivité et les conditions de travail Parce qu’un employé motivé et en bonne santé est plus productif, et tout le monde y gagne 15 Cornelia Laros
  • 16. Introduction à l’ergonomie Inter-discplinarité 16 Cornelia Laros Ps󰈂󰈝ho󰇰 󰈢 󰈪󰇯e In󰇫éni󰇪󰇶󰇯e Ne󰇻r󰈣󰇷󰈝i󰇪n󰈛󰈥󰈤 Ph󰈂󰈤i󰈢l󰈣󰇫i󰇪 Méde󰈛󰇮 󰈡 󰈥 Soc󰇮 󰈣󰇰o 󰈪󰇮 󰈥 Ergonomie
  • 17. Introduction à l’ergonomie Domaines d’intervention 17 Cornelia Laros Ps󰈂󰈝ho󰇰 󰈢 󰈪󰇯e In󰇫éni󰇪󰇶󰇯e Ne󰇻r󰈣󰇷󰈝i󰇪n󰈛󰈥󰈤 Phi󰇷󰇮 󰈣󰇱og󰇮 󰈥 Méde󰈛󰇮 󰈡 󰈥 Soc󰇮 󰈣󰇰o 󰈪󰇮 󰈥 Ergonomie Ergonomie physique Ergonomie organisationnelle Ergonomie cognitive Optimisation des situations et postes de travail dans leur relation avec l’activité physique Optimisation des systèmes socio- techniques : structures organisationnelles, règles et processus Optimisation du travail mental : perception, prise de décision, résolution de problèmes
  • 18. Introduction à l’ergonomie Domaines d’intervention 18 Cornelia Laros Organisationnelle 10% Physique 20% Cognitive 70%
  • 19. Introduction à l’ergonomie Quizz time ! 19 Cornelia Laros
  • 20. text A - L’ergonomie sert à… 20 Cornelia Laros 1. améliorer les conditions de travail 2. faire gagner plus d’argent à l’entreprise 3. améliorer l’esthétique 4. comprendre comment améliorer un produit
  • 21. text B - Quelles affirmations sont vraies ? 21 Cornelia Laros 1. L’ergonomie s’attache à comprendre le travail pour le transformer 2. Il est possible de concevoir une IHM qui fonctionne pour tout le monde en se basant sur des normes 3. L’utilisateur va se servir de votre produit de la façon dont vous l’avez imaginé 4. L’utilisateur interprète une tâche comme un problème qu’il doit résoudre en faisant avec ses caractéristiques et les moyens mis à sa disposition.
  • 22. text Pause café 10 minutes ! 22 Cornelia Laros
  • 23. Introduction à l’ergonomie Quelques méthodes d’ergonomie 23 Cornelia Laros
  • 24. Introduction à l’ergonomie Ergonomie de conception 24 Cornelia Laros Ergonomie de correction • Analyse d’activité • Audit • Analyse d’évènements critiques • Analyse de traces • Simulation.. •Entretiens •Persona, cartes d’expériences •Tri par cartes •Prototypage •Benchmark… L’ergonomie tout au long du projet
  • 25. Introduction à l’ergonomie Ergonomie de conception 25 Cornelia Laros Ergonomie de correction • Analyse d’activité • Audit • Analyse d’évènements critiques • Analyse de traces • Simulation… •Entretiens •Persona, cartes d’expériences •Tri par cartes •Prototypage •Benchmark… Des méthodes de recueil de données avec utilisateurs finaux et de conception « experte »
  • 26. Introduction à l’ergonomie Pourquoi ces méthodes? 26 Cornelia Laros • Si j’avais demandé aux utilisateurs ce qu’ils voulaient, ils m’auraient demandé un cheval plus rapide - Henri Ford • Un comportement « sur-appris » devient un automatisme inconscient que l’utilisateur ne saura pas expliquer (ex passer les vitesses en conduisant) • Le cerveau humain est propice à la fabulation (imagination de causes), aux faux souvenirs (en toute bonne fois), les biais (désirabilité, effet pygmalion, influence sociale…) Observer
  • 27. Introduction à l’ergonomie Pourquoi ces méthodes? 27 Cornelia Laros • Une imagine est plus parlante que 10 000 mots • Permet d’évaluer une idée à moindre coût, donc de se tromper souvent et d’apprendre plus vite pour valider une idée ou l’améliorer. • Permet de tester plein d’idées et de retenir la meilleure … A condition de se focaliser sur un objectif, et non sur l’idée elle- même Modéliser
  • 28. Introduction à l’ergonomie L’ensemble permet d’éviter ceci 28 Cornelia Laros
  • 29. Introduction à l’ergonomie L’ensemble permet d’éviter ceci 29 Cornelia Laros Eli󰇲󰇮 󰈡é en 󰈢󰇨󰈤󰈥r󰇽a󰈡t Eli󰇲󰇮 󰈡é en 󰇴󰈦󰈢t󰈣󰇹󰈠pa󰇳󰇺
  • 30. Introduction à l’ergonomie Prototyper pour vous c’est… 30 Cornelia Laros CONTRIBUTION AUX SPECIFICATIONS FONCTIONNELLES Zoning basse fidélité / wireframe statique (sketch ou non) • Rapide et peu couteux • Illustratif, statique, pas d’interaction • Non engageant sur le design • Très peu explicite sur le plan fonctionnel Story-board cliquable • Illustre la navigation • Permet de se projeter dans l’interaction • Pose les bases du design et du fonctionnel Prototype semi-dynamique • Se veut complet (ou quasi) sur le plan de la navigation, de l’interaction et des cas d’utilisation • Doit permettre de simuler fidèlement le fonctionnement d’une application • Est une spécification fonctionnelle en soi Pha󰇷󰇪 󰈨󰈥 ca󰈧󰈦󰇧g󰈥, AM󰉇󰈷 Pha󰇷󰇪 󰈨󰈥 co󰇳󰈝󰇪p󰇹󰇯o 󰈡 f󰈢󰇳󰈝t󰇯o 󰇳󰈡󰇪l󰇰 󰈥 Tes󰇹󰈤 󰇻t󰇯󰇰i 󰈤󰇧t󰈥u󰇶󰈤, ap󰇴󰇱󰇮s 󰇲󰈣󰇩il󰇪󰇷…
  • 31. Introduction à l’ergonomie Prototype basse definition 31 Cornelia Laros
  • 32. Introduction à l’ergonomie Prototyper cliquable 32 Cornelia Laros
  • 33. Introduction à l’ergonomie Prototyper semi-dynamique 33 Cornelia Laros Page Title 12:30 Mobile interactions Observably .Sci$%&' About Project overiew Manage sessions Manage variables Settings Start observing ! 12:30 12:30 OverviewObserve Observe mobile interactions in the field to assess dominant hand for holding and interacting with smartphones. 10/04/2016Mobile interactionsMobile interactions Welcome to Observably ! Gather and manage observation dataGather and manage observation data My projects 12:30 Tags, separate with comas Variable value Create Add observables Add all observables you want to track for this project. You can come back and edit them later. Add all observables you want to track for this project. You can come back and edit them later. Thanks for the hint ! Manage variables Mobile InteractionsMobile Interactions 12:30 Tags, separate with comas Variable value Create Left hand, Right thumb LRTLRT Manage variables Mobile InteractionsMobile Interactions I’m done! Start recording ! Save changesCancel Observable Tags, separate with coma Tags, separate with comas 3 / 20 LRILRI Observable label Did you know? Tap on the icon to customize it. Use icons from our library or from your gallery to make variables pop out when observing. Tap on the icon to customize it. Use icons from our library or from your gallery to make variables pop out when observing. Thanks for the hint ! Left hand, Right thumb LRTLRT I’m done! Start recording ! Manage variables Mobile InteractionsMobile Interactions Left hand x Right thumb x Left hand, Right thumb LRTLRT Left hand, Right thumb LRTLRT Left hand, Right thumb LRTLRT Did you know? If you make a mistake, you can undo your action by tapping on the icon of the task. If you make a mistake, you can undo your action by tapping on the icon of the task. Thanks for the hint ! Session 1 Discrete mode New Session Mobile InteractionsMobile Interactions 12:30 Record vocal comment LRILRILRILRILRILRI Did you know? You can record occurences, durations and comments by chosing the record format in the drop-down above. You can record occurences, durations and comments by chosing the record format in the drop-down above. Thanks for the hint ! Discrete mode New Session Session 1 Mobile InteractionsMobile Interactions 12:30 Record vocal comment Left hand, Right thumb LRT Left hand, Right thumb LRTLRT Left hand, Right thumb LRTLRT Did you know? In list view, you can slipe left and right to increment or correct your count. In list view, you can slipe left and right to increment or correct your count. Thanks for the hint ! Continuous mode New Session Session 1 Mobile InteractionsMobile Interactions 12:30 Record vocal comment LRILRILRILRILRI Did you know? If you make a mistake, you can undo your action by tapping on the icon of the task. If you make a mistake, you can undo your action by tapping on the icon of the task. Thanks for the hint ! Continuous mode New Session Session 1 Mobile InteractionsMobile Interactions 12:30 Record vocal comment Tags, separate with comas Comment Add Did you know ? The timestamp of vocal comments is the start time, to accurately mark events that triggered your comment. The timestamp of vocal comments is the start time, to accurately mark events that triggered your comment. Thanks for the hint ! Manage observables Comments mode New Session Session 1 Mobile InteractionsMobile Interactions 12:30 Stop recording vocal comment 12:30 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 Your observations Manage and cleanup sessions before exporting data Manage and cleanup sessions before exporting data Session Management Mobile InteractionsMobile Interactions 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 12:30 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 Session Management Mobile InteractionsMobile Interactions Data Edit sessionOverview LRT LRI RLI RLT RRT 20% 20% 8% 35% 15% Count SummaryCount Summary RLT RRT 20% 8% 15% Time SummaryTime Summary 12:30 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 Session Management Mobile InteractionsMobile Interactions Data Edit sessionOverview Left hand, Right thumb LRTLRT +1+1 10/04/2016 12:46:27 Left hand, Right thumb LRTLRT 2’’2’’ 10/04/2016 12:46:27 - 10/04/2016 12:46:29 Content of my comment box Tag1, Tag2 10/04/2016 12:46:44 12:30 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 Session Management Mobile InteractionsMobile Interactions Data Edit sessionOverview LRTLRT +1+1 10/04/2016 12:46:27 Save changes Observable Tags, separate with coma Tags, separate with comas Left hand x Right thumb x AboutAbout 12:30 Observable science provides tools for field research and scientific observation. It is tailored to the needs of ethnography, human factors, psychology, usability and games user research. Observable science provides tools for field research and scientific observation. It is tailored to the needs of ethnography, human factors, psychology, usability and games user research. Observably.science Development by Morgane Radel Design by Cornelia Laros Development by Morgane Radel Design by Cornelia Laros Credits Support (us) Show your love : Rate the App Make a donation Contact us Visit our website Add session tags to all observations 12:30 10/04/2016 12:46:27Session 1Session 1 Total counts Total time Total comments 263 00:02:36 15 Session Management Mobile InteractionsMobile Interactions Data Edit sessionOverview Save changes Session Tags, separate with coma Tags, separate with comas Metro x Toulouse x Manage variables Mobile InteractionsMobile Interactions 12:30 Left hand, Right thumb LRTLRT Confirm Search icons Cancel Browse 3 / 20 Observably .Sci$%&' 12:30 Project statisticsProject statistics Total counts Total time Total comments First entry Last entry Sessions 4 963 28:12:31 144 12/01/2016 03/04/2016 97 Project details Mobile InteractionsMobile Interactions Sessions SummarySessions Summary RRT 20% 8% 15% Count SummaryCount Summary JUN 14MAY 14APR 14MAR 14FEB 14JAN 14 4 1 6 5 7 0 2 4 6 8 10 3 2014 Manage sessions Settings ExportOverview 12:30 App options Display hintsDisplay hints SettingsSettings Share anonymous data to improve the appShare anonymous data to improve the app 12:30 Gather and manage observation data with Observably Gather and manage observation data with Observably Welcome to Observably Project name Project description : what is the goal of your project ? CreateCancel Session[number]Session[number] Default Session ID Default export format : .txt Data options Default : Discrete variable , lines view Create a new project 12:30 Project details Mobile InteractionsMobile Interactions Mobile InteractionsMobile Interactions Project description : what is the goal of your project ? SaveCancel Session[number]Session[number] Default Session ID Default export format : .txt Data options Default : continuous variables, grid view Project name Manage sessions Settings ExportOverview 12:30 Project details Mobile InteractionsMobile Interactions Manage sessions Settings ExportOverview Export format : .txt Export data Data has been successfully exported as MobileInteractions.txt to your download folder Observably .Sci$%&' Settings 12:30 BUTTONBUTTON Permissions Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl aliqua. Up exlaborum incididunt quis nostrud exercitatn. COMPONENTS Pickers OKCANCEL 13 Friday MAR 2014 MS W T F ST 30 31 1 16 17 19 20 21 2218 23 24 26 27 28 2925 139 10 12 14 1511 72 3 5 6 84 March 2014 OKCANCEL PMAM 1 12 9 10 11 2 48 57 6 3 3:30AM Notifications Incoming call Rachel Ligson IGNORE ANSWER REPLYARCHIVE Hey let’s catch up soon. Do you want to grab lunch sometime this weekend? Let me know when you’re free! 4:09 PMHannah ChoHannah Cho Do you know what I mean? 5:09 PMTina McBeanTina McBean Heads up notification Regular + Expanded notification Index scroller All Patrick Keenan Mary Johnson Tina Santiago Trevor Hansen Amar Sagoo Abbey Christensen Ali Connors Alex Nelson Anthony Stevens A A 12:30 Abcdefg Abcdefghijklmno Tabs THE THIRDITEM TWONO. ONE THE THIRDITEM TWONO. ONE 12:30 THE THIRDITEM TWONO. ONE Page Title 12:30 121 / 120 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Multi-Line Input Label 110 / 120 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Multi-Line Input Label 51 / 50 Input text for a single line field with a maximu Single-Line Input Label 31 / 50 Input text for a single line field with a max Single-Line Input Label 121 / 120 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Multi-Line Input Label 110 / 120 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl Multi-Line Input Label 51 / 50 Input text for a single line field with a maximuInput text for a single line field with a maximu Single-Line Input Label 31 / 50 Input text for a single line field with a maxInput text for a single line field with a max Single-Line Input Label Disabled text field Input text Username or Password is incorrect. Input text Input tex Hint text Hint text Hint text Disabled text field Input textInput text Username or Password is incorrect. Input textInput text Input texInput tex Hint text Hint text Hint text Text fields Switches and sliders 60 Regular Pressed Disabled 60 Regular Pressed Disabled Buttons DISABLED PRESSED NORMAL DISABLED PRESSED NORMAL Flat Raised DISABLED PRESSED NORMAL DISABLED PRESSED NORMAL Flat Raised Toasts This color applies to both light and dark theme This item already has the label “travel”. You can add a new label. ACTIONSingle-Line Snackbar Menu Arial 100% 100% Calibri Courier Verdana Arial Chips Trevor Hansen email3@email.com email2@email.com primaryemail@email.com Contact Name Dialogs Desktop Without title With title BUTTONBUTTON Permissions Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl aliqua. Up exlaborum incididunt quis nostrud exercitatn. BUTTONBUTTON Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna wirl aliqua. Ut enim ad minim ikad veniam, quis nostrud exercitatn ullamco laboris nisi ut aliquip exlaborum incididunt. ACCEPTDECLINEMORE INFO Permissions Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisinuli. Toolbar 11Roboto Cards Welcome Back! It’s been a while, have you read any new books lately? It’s been a while, have you read any new books lately? YESNOPE Kangaroo Valley Safari Located two hours south of Sydney in the Southern Highlands of New South Wales, ... LEARN MORESHARE REVIEWFREE SAMPLE By Alex Nelson El Pooch Pre-fab Homes Favorite Road Trips Best Airlines Campbell Groceries: almond milk coconut water cucumber green apples Yuna tickets on sale 6/24 May 24, 2014 Clean desk Keyboards suggestion suggestion suggestion ,?123 . a s d f g h j k l z x c v b n m q w e r t y u i o p 1 2 3 4 5 6 7 8 9 0 suggestion suggestion suggestion ,?123 . a s d f g h j k l z x c v b n m q w e r t y u i o p 1 2 3 4 5 6 7 8 9 0 Bottom Sheet Print this page Copy Upload Share MoreMail Message Google+Gmail Hangout Grid Two line Support text Two line Support text Single line Single line Lists Secondary line text lorem ipsum dapibus, neque id cursus faucibus Three-line itemThree-line item Secondary line text lorem ipsum dapibus, neque id cursus faucibus Three-line itemThree-line item Three-line itemThree-line item Secondary line text lorem ipsum dapibus, neque id cursus faucibus Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Three-line itemThree-line item Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Three-line itemThree-line item Three-line itemThree-line item Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Line item unselectedLine item unselected Line item selectedLine item selected Line item selectedLine item selected Data usageData usage BluetoothBluetooth Wi-FiWi-Fi Two-line itemTwo-line item Secondary text Two-line itemTwo-line item Secondary text Two-line itemTwo-line item Secondary text Two-line itemTwo-line item Secondary text Two-line itemTwo-line item Secondary text Two-line itemTwo-line item Secondary text Single-line itemSingle-line item Single-line itemSingle-line item Single-line itemSingle-line itemSingle-line itemSingle-line item Single-line itemSingle-line item Single-line itemSingle-line item
  • 34. Introduction à l’ergonomie Ergonomie et Design 34 Cornelia Laros Design Ergonomie Design Ergonomie Identité Communication Ambiance Exemple : un site institutionnel informatif avec une navigation simple et des exigences fortes d’identité Exemple : une application métier destinée à une population d’utilisateur connue Efficacité Fonctionnel Outils Service en ligne Architecture de l’information , contenus , bonnes pratiques Analyse tache vs activité , prise en compte globalisée des process , postes de travail , écosystème existant , … puis la conception Image Usage fréquent Usage ponctuel Votre équipe : Ergonome, Directeur aristique, Webdesigner, UX Designer
  • 35. Introduction à l’ergonomie Design avant-tout 35 Cornelia Laros
  • 37. Introduction à l’ergonomie Ergonomie avant tout 37 Cornelia Laros
  • 38. Introduction à l’ergonomie Quizz time ! 38 Cornelia Laros
  • 39. text L’ergonomie sert à… 39 Cornelia Laros 1. améliorer les conditions de travail 2. faire gagner plus d’argent à l’entreprise 3. améliorer l’esthétique 4. comprendre comment améliorer un produit
  • 40. text Quelles affirmations sont vraies ? 40 Cornelia Laros 1. L’ergonomie s’attache à comprendre le travail pour le transformer 2. Il est possible de concevoir une IHM qui fonctionne pour tout le monde en se basant sur des normes 3. L’utilisateur va se servir de votre produit de la façon dont vous l’avez imaginé 4. L’utilisateur interprète une tâche comme un problème qu’il doit résoudre en faisant avec ses caractéristiques et les moyens mis à sa disposition.
  • 41. text C - Quelles sont les deux choses à faire absolument pour votre projet de conception ? 41 Cornelia Laros 1. Coder et prier ? 2. Observer et modéliser 3. Prototyper et designer
  • 42. text D - A quoi sert un prototype ? 42 Cornelia Laros 1. A communiquer autour d’un concept 2. A améliorer une idée 3. A conserver tout au long du projet 4. A apprendre en se trompant à moindre frais 5. A comparer plusieurs une idées
  • 43. Introduction à l’ergonomie Bonnes pratiques de conception 43 Cornelia Laros
  • 44. Introduction à l’ergonomie Bonnes pratiques de conception 44 Cornelia Laros Utilisabilité Utilité Efficacité Efficience Satisfaction
  • 45. Introduction à l’ergonomie Pyramide des besoins MASLOW 45 Cornelia Laros
  • 46. Introduction à l’ergonomie Pyramide des besoins IHM 46 Cornelia Laros Tâches Accessible Fiable Utilisable Intuitif Plaisant Porteur de sens Fonctionnel Expériences
  • 47. Tâches Accessible Fiable Utilisable Intuitif Plaisant Porteur de sens Fonctionnel Expériences Introduction à l’ergonomie Des niveaux d’exigence qui évoluent 47 Cornelia Laros
  • 48. Tâches Accessible Fiable Utilisable Intuitif Plaisant Porteur de sens Fonctionnel Expériences Introduction à l’ergonomie Des niveaux d’exigence qui évoluent 48 Cornelia Laros
  • 49. Tâches Accessible Fiable Utilisable Intuitif Plaisant Porteur de sens Fonctionnel Expériences Introduction à l’ergonomie Des niveaux d’exigence qui évoluent 49 Cornelia Laros
  • 50. Introduction à l’ergonomie Quizz time ! 50 Cornelia Laros
  • 51. Introduction à l’ergonomie C - Quelles sont les deux choses à faire absolument pour votre projet de conception ? 51 Cornelia Laros 1. Coder et prier ? 2. Observer et modéliser 3. Prototyper et designer
  • 52. Introduction à l’ergonomie D - A quoi sert un prototype ? 52 Cornelia Laros 1. A communiquer autour d’un concept 2. A améliorer une idée 3. A conserver tout au long du projet 4. A apprendre en se trompant à moindre frais 5. A comparer plusieurs une idées
  • 53. Introduction à l’ergonomie E - Dans quel ordre les besoins des sites web doivent-ils être adressés ? 53 Cornelia Laros a. Fiable b. Intuitif c. Fonctionnel d. Accessible e. Plaisant f. Porteur de sens
  • 54. Introduction à l’ergonomie F - Quel besoin ai-je oublié dans la question précédente ? 54 Cornelia Laros
  • 55. text Patterns & Dark patterns 55 Cornelia Laros
  • 56. text Criteres de Bastien et Scapin 56 Cornelia Laros Guidage Charge de travail Contrôle utilisateur explicite Flexibilité ( adaptabilité) Gestion des erreurs Homogénéité ( cohérence) Signifiance des Codes et Dénominations Compatibilité ( familiarité)
  • 58. Introduction à l’ergonomie Charge de travail 58 Cornelia Laros
  • 59. Introduction à l’ergonomie Controle explicite 59 Cornelia Laros
  • 60. Introduction à l’ergonomie Controles explicites 60 Cornelia Laros Dar 󰈫 󰇵 󰇧t 󰇹 󰈥 󰈦n !
  • 63. text Signifiance des codes et dénominations 63 Cornelia Laros
  • 68. Introduction à l’ergonomie Regroupement- distinction 68 Cornelia Laros
  • 69. Introduction à l’ergonomie Regroupement- distinction 69 Cornelia Laros
  • 70. text Gestalt Theorie 70 Cornelia Laros Loi de la bonne forme Loi de continuité Loi de proximité Loi de similarité / similitude Loi de destin commun Loi de familiarité
  • 71. text Gestalt Theorie 71 Cornelia Laros Loi de la bonne forme Loi de continuité Loi de proximité Loi de similarité / similitude Loi de destin commun Loi de familiarité
  • 73. Introduction à l’ergonomie A vous de jouer 73 Cornelia Laros
  • 74. Introduction à l’ergonomie Outils de prototypages DIY 74 Cornelia Laros Low tech : papier + crayons, post-its, cartes à jouer Gratuit en ligne : Invision app, Moqups, UXPin Mac: Sketch, Balsamiq Mockups, Axure PC : Axure, Balsamiq Mobile : Prototyping on Paper Ap󰇴󰈦en󰇪󰈃 󰈨󰈥 no󰇻󰇽󰈥󰇱le󰇷 󰈝h󰈢󰇷󰈥󰈤 !
  • 75. Introduction à l’ergonomie Test de perception DIY 75 Cornelia Laros La première impression qu’un utilisateur se fait de votre IHM va influencer tous ses jugements ultérieurs. C’est l’effet de halo • Un utilisateur qui a une première impression positive de votre appli passera plus facilement outre les bugs. • Une première impression negative rendra l’utilisateur plus critique vis à vis de détails qui confirment son jugement Cel󰇧 󰇲󰈜󰈦c󰇬e 󰇧󰇼󰈤si 󰇧󰇽󰈥󰈝 vo󰇷 󰈢󰈦󰈜ux 󰈧’ex󰇧󰇲󰈥󰈡s, vo󰇷 󰇪󰈡t󰇶󰈥󰇺i󰇪n󰇷 󰈨’em󰇨󰇧󰇼󰈝he 󰇪󰇹 󰇾󰈣s 󰇶e󰈡d󰇪󰈃-vo󰇻󰇷 󰈝l󰇯e 󰇳󰇺s !
  • 76. Introduction à l’ergonomie Test de perception DIY 76 Cornelia Laros Montrer votre prototype à quelqu’un pendant 5 secondes Demandez-lui • Ce qu’il a vu • Ce qu’il a compris de ce qu’il a vu • Ce qui l’a surpris ou marqué
  • 77. Introduction à l’ergonomie Test d’arborescence DIY 77 Cornelia Laros Les difficultés de navigation se produisent souvent dans les niveaux les plus haut de votre structure de contenu. Vous pouvez vérifier facilement si la classification logique pour vous l’est aussi pour vos utilisateurs.
  • 78. Introduction à l’ergonomie Test d’arborescence DIY 78 Cornelia Laros Lister trois (max) niveaux de profondeur de votre contenu structuré. Masquez ensuite les contenus de niveau plus bas. Utilisez par exemple les groupements de lignes dans excel pour créer des pliers- dépliers, ou imprimer la liste sur une feuille que vous pliez pour masquer certaines parties. Demandez à un utilisateur de vous dire où il penserait trouver un contenu bien précis en précisant qu’il n’y a pas de bonne réponse. Notez s’il va chercher là où vous vous y attendiez, où il a hésité et ce qu’il a fini par choisir pour vous aider à rendre la navigation plus intuitive.
  • 79. Introduction à l’ergonomie Test d’utilisabilité DIY 79 Cornelia Laros A chaque nouvelle fonctionnalité ajoutée, demandez à quelqu’un qui ne connait pas le projet de s’en servir. Proposez lui une seule tâche générique à accomplir avec la fonctionnalité. Exemple : Tu veux prendre un rendez-vous avec un médecin sur ce site, montres-moi comment tu ferais en commentant à haute voix? Le plus important, ici, c’est de ne pas réagir à ce qu’il fait mais simplement le regarder faire sans l’aider, même s’il est bloqué. S’il 󰇴󰈢󰈤󰈥 de󰇷 󰈚󰇻󰈥s󰇹i󰈢󰈡s, répo󰇳󰈨󰇪z 󰇴󰈜󰈦 un󰇪 󰈙󰇼e󰈤t󰇮 󰈣 󰇳, o󰇻 d󰇯 󰇹e󰈤 l󰇻󰇯 󰈙u󰇪 󰇾󰈣us 󰇰 󰇻󰇯 󰈦épo󰇳󰈨r󰇪󰈃 󰈚󰇼an󰈧 󰇮󰇱 󰈜ur󰇧 fi󰇳󰇯 󰈤’il 󰇮 󰇳 󰈤󰇯s 󰇹e ! S’il 󰇪󰇷󰇺 v󰇶󰈜i󰈩󰇪n󰇹 󰇩l󰈣󰈙ué, di󰇹󰇪󰈤 l󰇼i 󰈙󰇻󰈥 󰇾o󰇻s 󰈜󰇰󰇱ez 󰇶󰇪󰇾󰈣ir 󰇽󰈢󰇺r󰈥 󰈛o󰇵󰇮 󰈥 et 󰇪󰇷󰈤󰈜ye󰈃 󰈨󰇪 c󰈣󰇲󰇵re󰇳󰈨r󰇪 󰈛󰈥 󰈚u󰇮 l󰈥 󰇫6ne
  • 80. Introduction à l’ergonomie Pas besoin de réinventer la roue DIY 80 Cornelia Laros Il existe des bonnes pratiques qui vous éviteront de réinventer la roue. Utilisez des « design patterns » pour concevoir vos interfaces. Renseignez vous sur la Gestalt Theorie pour agencer vos pages. Utilisez les critères de Bastien et Scapin pour trouver des défauts évidents avant de tester, vous en tirerez des enseignements plus intéressants. Ma󰇮s ça, c’es󰇹 󰇵󰈢󰇼r u󰇳󰇪 󰈜u󰇺r󰇪 󰈇󰈣i󰈤 !
  • 81. Introduction à l’ergonomie Quizz time ! 81 Cornelia Laros
  • 82. Introduction à l’ergonomie E - Dans quel ordre les besoins des sites web doivent-ils être adressés ? 82 Cornelia Laros 1. c. Fonctionnel 2. a. Fiable 3. d. Accessible 4. b. Intuitif 5. e. Plaisant 6. f. Porteur de sens
  • 83. text F - Quel besoin ai-je oublié dans la question précédente ? 83 Cornelia Laros Uti󰇰󰇮 󰈤 󰈜b󰇰e !
  • 84. Introduction à l’ergonomie Tests DIY 84 Cornelia Laros Rédigez la procédure pour tester un de vos projets d’IHM avec le test de votre choix : perception, arborescence ou utilisabilité Notez la question que vous vous posez et la question que vous allez poser
  • 85. Introduction à l’ergonomie Devoirs à la maison 85 Cornelia Laros Googlez « Bastien et Scapin » et passez en revue votre proto (faites un proto rapide sur papier si vous n’en avez pas) Faites passer votre test à des étudiants au hasard, que vous ne connaissez pas, dans le hall d’entrée, la bibliothèque ou le self
  • 86. Introduction à l’ergonomie 86 Cornelia Laros Merci Cornelia Laros cornelia.laros@gmail.com Twitter : @Orsoral Auteur du cours Merci à Cyrille, Jean- Baptiste et Hélène