Introduction à l'ergonomie lors d'une réunion Drupal à Lyon, France. Concept de bases - recherche et comprendre à qui s'adresse le logiciel ou le site web en conception. Deux exemples d'outils ont été utilisé: Chalmark (test utilisateur sans modération) et Optimal Sort (architecture d'information)

1. Drupal Lyon
Lyon, France
15 décembre 2011
Olivier Lorrain
www.olivierlorrain.com

2. Qu’est-ce que
l’ergonomie ?

3. Paint
Lequel des deux
logiciels est le plus
ergonomique ?
Adobe Photoshop

4. Paint
Lequel des deux
Pour qui ?
logiciels est le plus
ergonomique ?
Adobe Photoshop

5. Donc, nous concevons pour qui ? Notre public est-il flou ?

6. Il faut rechercher, connaître et comprendre qui utilisera
l’interface
Valeurs
Attitude
Habiletés

7. Conception centrée utilisateur
Observation contextuelle
Analyse de son environnement Test utilisateur
Analyse du contexte Architecture d’information
Entrevues
Analyse de ses besoins
Personas
Prototypage papier
Évaluation heuristique
Statistiques du présent produit
Benchmarking
Analyse de la tâche
Suivi après le lancement

8. Test utilisateur (test d’utilisabilité)
Un test utilisateur permet
de:
• déterminer ce que
l’utilisateur aime de
l’interface.
• déterminer ce que
l’utilisateur aimerait avoir
sur le site ou sur le
logiciel.

9. Test utilisateur (test d’utilisabilité)
Un test utilisateur permet
de:
• déterminer ce que
Il faut davantage observer
l’utilisateur aime de
ce que les utilisateurs
l’interface.
font que ce qu’ils disent
• déterminer ce que
aimer.
l’utilisateur aimerait avoir
sur le site ou sur le
logiciel.

10. Test utilisateur (test d’utilisabilité)
 D’exploration, de performance, de validation, de
comparaison
 Avec modération
 En laboratoire
 Sur le coin d’une table
 À distance
 …
 Sans modération
 Ex Chalkmark
 …

11. 25% Mauvais réponse
Rue89 Planète = Environnement
Chalkmark
Vous voulez lire les derniers articles concernant l'Asie, comment faites-vous? (Rue89.fr – Drupal)
38% Bonne réponse
Pour visualiser tous les résultats de cette courte étude
https://lorrain.optimalworkshop.com/chalkmark/shared-results/rue89

12. Architecture de l’information
 Avec Modération
 Tri de cartes
 …
 Sans modération
 Treejack
 Optimal Sort
 Websort
 …

13. Optimal Sort
17 cartes devant être regroupées en groupe afin de créer l’architecture d’un site
hébergeant un nouveau CMS – LyonCMS – Exercice effectué par 8 développeurs
Il y a des regroupements qui
ressortent, e.g., « Thèmes » et
« Modules »
Pour visualiser tous les résultats de cette courte étude
https://lorrain.optimalworkshop.com/optimalsort/shared-results/lyoncms

14. L’effet du gros index!
Petite histoire…
Lors d’un test utilisateur, un
participant ayant de gros doigts
effleura le boutons en bas à
droite alors qu’il effectuait une
transaction et qu’il voulait faire
défiler la page.
Résultat, il perdit toutes les
informations de son virement
et dût recommencer…
Depuis, l’application est « gros
index friendly » et ce problème
n’existe plus.

15. Coût d’un changement
Il est primordial de
débuter la recherche
sur l’utilisateur cible
dès le début d’un
projet. Cela limitera le
nombre de
changements coûteux
plus tard dans le
processus.
Source: http://sqa.fyicenter.com/FAQ/Why-Bugs-in-Software/Cost_to_find_bugs.html

16. Listes, organisations et conférence
 Listes
 https://listes.cru.fr/sympa/subscribe/ergoihm
 https://listes.cru.fr/sympa/subscribe/ergoliste (davantage
ergonomie physique)
 Organisations
 UPA - www.upassoc.org (Anglais - Org internationale)
 Gerra - www.gerra.asso.fr (Org Rhône-Alpes)
 SELF - www.ergonomie-self.org (Société d’ergonomie de
langue française)
 Conférence
 IHM - www.afihm.org/?page_id=21 (annuelle - France)

17. Livres
« Don’t Make Me Think »
Par Steve Krug
« Ergonomie du logiciel et design web »
Par Jean-François Nogier

18. Blogs et articles
 Agrégateur de blogs: - (français et anglais)
http://www.netvibes.com/ergoihm#Ergo_IHM
 http://www.uie.com/articles (anglais - usability)
 http://uxmag.com (anglais – ux – design )

19. Mots de la fin…
Prenez la peine de connaître vos utilisateurs...
Et vous n’en êtes pas un !
‘Intuitive’ interfaces are easier to build when
designers have a deep understanding of the users
Jared M. Spool – CEO de UIE
Customer experience is everybody’s concern
www.olivierlorrain.com

20. www.olivierlorrain.com