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
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
17. Introduction à l’ergonomie
Domaines d’intervention
17
Cornelia Laros
Psho e
Inénie
Nerin
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
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.
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
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
cag, AM
Pha copo
fto l
Tes ti tu,
aps il…
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
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
46. Introduction à l’ergonomie
Pyramide des besoins IHM
46
Cornelia Laros
Tâches
Accessible
Fiable
Utilisable
Intuitif
Plaisant
Porteur de sens
Fonctionnel
Expériences
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
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é)
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
Apen nole 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 ce si vo ux ’exs, vo tin ’emhe
s ed-vo le 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 sis, répoz un et , o d e l u us
épor an ur fi ’il s e ! S’il vin lué, di li
os ez ir r o et ye crer 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.
Mas ça, c’es r u ur i !
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 be !
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